.rxk{--y:#ffcc00;--y-d:#e6b800;--accent-text:#111;--bg:#f2f3f5;--card:#fff;--panel:#fff;--soft:#f0f0f1;--line:#e4e4e6;--control:#e4e4e6;--control-h:#d8d8db;--txt:#111;--mut:#6b6f76;--red:#d1242f;--amber:#9a6700;
	font-family:inherit;color:var(--txt);background:var(--bg);padding:20px;border-radius:14px;box-sizing:border-box}
.rxk-theme-auto{--y:var(--wp--preset--color--primary,#ffcc00);--y-d:var(--wp--preset--color--primary,#e6b800);--accent-text:var(--rxk-auto-accent-text,#111);--bg:transparent;--card:transparent;--panel:var(--rxk-auto-panel,Canvas);--soft:rgba(127,127,127,.12);--line:rgba(127,127,127,.32);--control:rgba(127,127,127,.18);--control-h:rgba(127,127,127,.30);--txt:var(--rxk-auto-text,CanvasText);--mut:var(--rxk-auto-muted,var(--txt));color-scheme:inherit}
.rxk-theme-auto .rxk-row,.rxk-theme-auto .rxk-side,.rxk-theme-auto .rxk-shops{border:1px solid var(--line)}
.rxk-theme-auto .rxk-shop{background:var(--soft)}
.rxk-theme-auto .rxk-muted,.rxk-theme-auto .rxk-hint,.rxk-theme-auto .rxk-count,.rxk-theme-auto .rxk-card-spec,.rxk-theme-auto .rxk-old,.rxk-theme-auto .rxk-upd,.rxk-theme-auto .rxk-disc,.rxk-theme-auto .rxk-shop-cov{opacity:.72}
.rxk-theme-auto .rxk-panel,.rxk-theme-auto .rxk-search,.rxk-theme-auto .rxk-sort{color:var(--txt)}
.rxk-theme-auto .rxk-search::placeholder{color:var(--txt);opacity:.62}
.rxk-theme-auto .rxk-msgs .rxk-err{background:rgba(209,36,47,.12)}.rxk-theme-auto .rxk-msgs .rxk-warn{background:rgba(154,103,0,.13)}
.rxk-theme-custom .rxk-btn-yellow:hover:not(:disabled),.rxk-theme-custom .rxk-plus:hover:not(:disabled){filter:brightness(.9)}
.rxk *{box-sizing:border-box}
.rxk-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.rxk-list{display:flex;flex-direction:column;gap:14px}
.rxk-wizard-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:20px}.rxk-wizard-bar span{display:block;color:var(--mut);font-size:13px;margin-top:3px}
.rxk-slot-group{display:flex;flex-direction:column;gap:8px}.rxk-slot-title{font-size:14px;color:var(--mut);margin:2px 4px 0;text-transform:uppercase;letter-spacing:.04em}.rxk-additional{display:flex;justify-content:flex-end}
.rxk-row{background:var(--card);border-radius:14px;display:flex;align-items:center;gap:16px;padding:16px 20px;min-height:76px}
.rxk-empty .rxk-name{flex:1;font-weight:700;font-size:17px}
.rxk-disabled{background:var(--soft)}
.rxk-disabled .rxk-name{color:var(--mut)}
.rxk-img{width:64px;height:64px;flex:none;display:flex;align-items:center;justify-content:center}
.rxk-img img{max-width:100%;max-height:100%;object-fit:contain}
.rxk-image-button{width:100%;height:100%;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:inherit;display:flex;align-items:center;justify-content:center;cursor:zoom-in;border-radius:8px;font:inherit}
.rxk-image-button:focus-visible{outline:3px solid var(--y);outline-offset:3px}
.rxk-info{flex:1;min-width:0}
.rxk-has .rxk-name{font-weight:600;font-size:16px;line-height:1.3}
.rxk-price{font-weight:700;margin-top:2px}
.rxk-btn{border:0;border-radius:10px;padding:12px 22px;font:inherit;font-weight:600;cursor:pointer;transition:background .15s;color:var(--txt)}
.rxk-btn-yellow{background:var(--y);color:var(--accent-text)}.rxk-btn-yellow:hover:not(:disabled){background:var(--y-d)}
.rxk-btn-gray{background:var(--control)}.rxk-btn-gray:hover:not(:disabled){background:var(--control-h)}
.rxk-btn:disabled{background:var(--control);color:var(--mut);cursor:not-allowed;opacity:.65}
.rxk-btn:focus-visible,.rxk-icon:focus-visible,.rxk-plus:focus-visible,.rxk-sum-btn:focus-visible{outline:3px solid currentColor;outline-offset:2px}
.rxk-icon{width:44px;height:44px;border:0;border-radius:50%;background:var(--control);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--txt);flex:none}
.rxk-icon:hover{background:var(--control-h)}
.rxk-side{background:var(--card);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px;position:sticky;top:20px}
.rxk-sum{display:flex;align-items:center;gap:12px;background:var(--soft);border-radius:10px;padding:12px 14px;font-weight:600;border:0;width:100%;font-family:inherit;font-size:inherit;color:inherit;text-align:left}
.rxk-sum-btn{cursor:pointer}.rxk-sum-btn:hover{background:var(--control-h)}
.rxk-sum-l{flex:1}.rxk-sum-v{font-weight:700}
.rxk-dot{width:34px;height:34px;border-radius:50%;background:var(--y);color:var(--accent-text);display:inline-flex;align-items:center;justify-content:center;flex:none}
.rxk-bad .rxk-dot{background:#ffb4ba}
.rxk-msgs{margin:0;padding:0;list-style:none;font-size:13px;display:flex;flex-direction:column;gap:6px}
.rxk-msgs li{padding:8px 10px;border-radius:8px}
.rxk-wizard-notes{margin:0 0 14px}
.rxk-balance{background:var(--soft);border-radius:10px;padding:11px 13px;font-size:13px}.rxk-balance summary{font-weight:700;cursor:pointer}.rxk-balance ul{margin:8px 0 0;padding-left:20px}
.rxk-err{color:var(--red)}.rxk-msgs .rxk-err{background:#fff0f1}
.rxk-warn{color:var(--amber)}.rxk-msgs .rxk-warn{background:#fff8e1}
.rxk-wide{width:100%}
.rxk-print-btn{display:flex;align-items:center;justify-content:center;gap:9px}.rxk-print-btn svg{flex:none}
.rxk-muted{color:var(--mut)}

.rxk-modal{position:fixed;inset:0;background:rgba(17,17,17,.55);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}
.rxk-modal[hidden]{display:none}
.rxk-panel{background:var(--panel);color:var(--txt);border-radius:16px;width:min(1180px,100%);max-height:100%;display:flex;flex-direction:column;overflow:hidden}
.rxk-panel-h{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--line)}
.rxk-panel-h h2{margin:0;font-size:20px;flex:1}
.rxk-count{color:var(--mut);font-size:14px}
.rxk-tools{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 20px;flex-wrap:wrap}
.rxk-search,.rxk-sort{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;background:var(--panel);color:var(--txt);max-width:100%}
.rxk-search{flex:1;min-width:200px}
.rxk-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;padding:0 20px 20px;overflow:auto;min-height:0}
.rxk-filters fieldset{border:0;padding:0;margin:0 0 16px}
.rxk-filters legend{font-weight:700;margin-bottom:6px}
.rxk-filters label{display:flex;gap:8px;align-items:center;padding:3px 0;font-size:14px;cursor:pointer}
.rxk-filters em{color:var(--mut);font-style:normal;font-size:12px}
.rxk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;align-content:start}
.rxk-card{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--line);border-radius:12px}
.rxk-card-img{height:150px;display:flex;align-items:center;justify-content:center}
.rxk-card-img img{max-width:100%;max-height:100%;object-fit:contain}
.rxk-noimg{width:90px;height:90px;border-radius:12px;background:var(--soft);display:block}
.rxk-card-title{font-weight:600;font-size:15px;line-height:1.3;min-height:40px}
.rxk-card-spec{font-size:12px;color:var(--mut);min-height:16px}
.rxk-card-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto}
.rxk-old{color:var(--mut);font-size:14px}
.rxk-now{font-size:22px;font-weight:800;line-height:1.1}
.rxk-save{color:var(--red);font-size:12px;margin-top:2px}
.rxk-lowest{color:var(--ok,#16803a);font-size:11px;font-weight:700;margin-top:2px}
.rxk-history{color:var(--mut);font-size:10px;margin-top:2px}
.rxk-oos{color:var(--red);font-size:12px}
.rxk-plus{width:44px;height:44px;border:0;border-radius:50%;background:var(--y);font-size:26px;line-height:1;cursor:pointer;flex:none;color:var(--accent-text)}
.rxk-plus:hover:not(:disabled){background:var(--y-d)}.rxk-plus:disabled{background:var(--control);cursor:not-allowed}
.rxk-none{grid-column:1/-1}
.rxk-lock{overflow:hidden}
.rxk-toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:#111;color:#fff;padding:12px 20px;border-radius:10px;z-index:100000}

@media (max-width:900px){
	.rxk-layout{grid-template-columns:1fr}.rxk-side{position:static}
	.rxk-body{grid-template-columns:1fr}
}
@media (max-width:560px){
	.rxk{padding:10px}.rxk-row{padding:12px;gap:10px;flex-wrap:wrap}
	.rxk-modal{padding:0}.rxk-panel{border-radius:0;height:100%}
	.rxk-wizard-bar{align-items:stretch;flex-direction:column}.rxk-wizard-form{grid-template-columns:1fr}
}

/* prodavnice, specifikacija, ponude */
.rxk-modal2{z-index:100001}
.rxk-mid{width:min(720px,100%)}.rxk-wide-p{width:min(860px,100%)}
.rxk-image-panel{width:min(960px,100%)}
.rxk-image-full{min-height:180px;display:flex;align-items:center;justify-content:center}
.rxk-image-full img{display:block;max-width:100%;max-height:min(75vh,900px);width:auto;height:auto;object-fit:contain}
.rxk-pad{padding:16px 20px 22px;overflow:auto}
.rxk-scroll{overflow-x:auto}
.rxk-links{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:4px}
.rxk-link{background:none;border:0;padding:0;font:inherit;font-size:13px;color:var(--txt);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.rxk-link:hover{text-decoration-thickness:2px}.rxk-link:focus-visible{outline:3px solid currentColor;outline-offset:2px}
.rxk-sm{font-size:12px}
.rxk-shops{margin-top:28px;background:var(--card);border-radius:14px;padding:20px}
.rxk-shops h2{margin:0 0 4px;font-size:22px}
.rxk-buy-plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:15px 0;padding:13px;background:var(--soft);border-radius:12px}.rxk-buy-plan div{display:flex;flex-direction:column;gap:3px}.rxk-buy-plan span{font-size:16px;font-weight:800}.rxk-buy-plan small{grid-column:1/-1;color:var(--mut)}
.rxk-shop-tier{margin-top:18px}.rxk-shop-tier h3{font-size:15px;margin:0 0 9px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut)}
.rxk-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:14px 0}
.rxk-shop{display:flex;flex-direction:column;gap:6px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:12px;font:inherit;color:var(--txt);cursor:pointer}
.rxk-shop-tier-1 .rxk-shop-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.rxk-shop-recommended{padding:18px;border-width:2px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.rxk-shop-tier-2 .rxk-shop-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.rxk-shop-premium{padding:16px;border-width:2px;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.rxk-shop-tier-4 .rxk-shop{padding:10px;opacity:.88}
.rxk-shop:hover{border-color:currentColor}.rxk-shop:focus-visible{outline:3px solid currentColor;outline-offset:2px}
.rxk-banner{display:flex;align-items:center;justify-content:center;height:52px;border-radius:8px;color:#fff;font-weight:800;font-size:18px;padding:6px 10px;overflow:hidden}
.rxk-banner img{max-height:100%;max-width:100%;object-fit:contain}
.rxk-shop-cov{font-size:13px;color:var(--mut)}
.rxk-shop-tot{font-size:20px;font-weight:800}
.rxk-shop-go{font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.rxk-disc{font-size:12px;color:var(--mut);margin:8px 0 0}
.rxk-offers{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:10px}
.rxk-offer{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:12px;padding:10px;text-decoration:none;color:var(--txt)}
.rxk-offer:hover{border-color:currentColor}.rxk-offer:focus-visible{outline:3px solid currentColor;outline-offset:2px}
.rxk-offer-p{font-size:20px;font-weight:800}.rxk-offer-out .rxk-offer-p{font-size:15px;color:var(--red)}
.rxk-upd{font-size:12px;color:var(--mut)}
.rxk-store-head{margin-bottom:12px;max-width:260px}
.rxk-table,.rxk-spec{width:100%;border-collapse:collapse}
.rxk-table td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.rxk-nw{white-space:nowrap;font-weight:700}
.rxk-go{display:inline-block;text-decoration:none;padding:9px 14px;font-size:14px;white-space:nowrap}
.rxk-total{margin:14px 0 0;font-size:16px}
.rxk-spec th,.rxk-spec td{text-align:left;padding:10px 14px;border-bottom:2px solid var(--panel);font-weight:400}
.rxk-spec th{width:42%;background:var(--control-h)}.rxk-spec td{background:var(--soft)}
.rxk-spec .rxk-decl th{background:var(--control-h);font-weight:700}
.rxk-spec tr:first-child th{border-radius:10px 0 0 0}
.rxk-component-description{margin-top:18px;padding:16px;border-radius:12px;background:var(--soft);color:var(--txt);line-height:1.6}.rxk-component-description h3{margin:0 0 8px;font-size:17px}
.rxk-wizard-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rxk-wizard-form label{display:flex;flex-direction:column;gap:6px;font-weight:700}.rxk-wizard-form input,.rxk-wizard-form select{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;background:var(--panel);color:var(--txt);font:inherit}.rxk-wizard-form .rxk-check{grid-column:1/-1;flex-direction:row;align-items:center}.rxk-wizard-form .rxk-check input{width:auto}.rxk-wizard-form button,.rxk-wizard-status{grid-column:1/-1}.rxk-wizard-status{margin:0}

/* lenjo učitavanje / "učitaj još" */
.rxk-more{grid-column:1/-1;border:1px dashed var(--line);background:var(--panel);border-radius:12px;padding:14px;font:inherit;font-weight:600;cursor:pointer;color:var(--txt)}
.rxk-more:hover{background:var(--soft)}
@media (max-width:560px){.rxk-wizard-form{grid-template-columns:1fr}}

/* Futuristički 3D slotovi komponenti – ostatak konfiguratora zadržava izabranu temu. */
.rxk-list{gap:18px;padding:3px 2px 8px}
.rxk-slot-group{
	--rxk-neon:#25d9ff;--rxk-neon-rgb:37,217,255;
	position:relative;gap:8px
}
.rxk-type-cpu{--rxk-neon:#24dcff;--rxk-neon-rgb:36,220,255}
.rxk-type-cooler{--rxk-neon:#3aa8ff;--rxk-neon-rgb:58,168,255}
.rxk-type-mb{--rxk-neon:#9168ff;--rxk-neon-rgb:145,104,255}
.rxk-type-ram{--rxk-neon:#ef55ff;--rxk-neon-rgb:239,85,255}
.rxk-type-gpu{--rxk-neon:#ff42bc;--rxk-neon-rgb:255,66,188}
.rxk-type-ssd{--rxk-neon:#a2f23f;--rxk-neon-rgb:162,242,63}
.rxk-type-hdd{--rxk-neon:#2de0b1;--rxk-neon-rgb:45,224,177}
.rxk-type-case{--rxk-neon:#be67ff;--rxk-neon-rgb:190,103,255}
.rxk-type-fan{--rxk-neon:#65ec75;--rxk-neon-rgb:101,236,117}
.rxk-type-psu{--rxk-neon:#ffb536;--rxk-neon-rgb:255,181,54}
.rxk-type-monitor{--rxk-neon:#2bc9ff;--rxk-neon-rgb:43,201,255}
.rxk-type-mouse{--rxk-neon:#ff5b8d;--rxk-neon-rgb:255,91,141}
.rxk-type-keyboard{--rxk-neon:#7b7dff;--rxk-neon-rgb:123,125,255}
.rxk-slot-group:not(:last-child)::after{
	content:"";position:absolute;z-index:0;left:36px;bottom:-20px;width:34px;height:24px;
	border-left:2px solid rgba(var(--rxk-neon-rgb),.58);border-bottom:2px solid rgba(var(--rxk-neon-rgb),.34);border-radius:0 0 0 16px;
	filter:drop-shadow(0 0 5px rgba(var(--rxk-neon-rgb),.68));pointer-events:none
}
.rxk-slot-title{
	color:var(--rxk-neon);font-size:12px;font-weight:800;letter-spacing:.12em;margin-left:16px;
	text-shadow:0 0 10px rgba(var(--rxk-neon-rgb),.55)
}
.rxk .rxk-row{
	position:relative;isolation:isolate;overflow:hidden;min-height:104px;padding:17px 20px;
	color:#eef8ff;background:linear-gradient(145deg,#14233c 0%,#081224 48%,#0b1429 100%);
	border:1px solid rgba(var(--rxk-neon-rgb),.72);border-radius:24px 8px 24px 8px;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -18px 34px rgba(0,0,0,.24),0 12px 24px rgba(2,7,20,.26),0 0 14px rgba(var(--rxk-neon-rgb),.18);
	transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease
}
.rxk .rxk-row::before{
	content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
	background:
		linear-gradient(90deg,transparent 3%,rgba(var(--rxk-neon-rgb),.92) 17%,transparent 37%) top left/72% 2px no-repeat,
		linear-gradient(270deg,transparent 2%,rgba(var(--rxk-neon-rgb),.68) 22%,transparent 47%) bottom right/68% 2px no-repeat,
		radial-gradient(circle at 8% 50%,rgba(var(--rxk-neon-rgb),.13),transparent 26%),
		linear-gradient(105deg,transparent 45%,rgba(255,255,255,.035) 52%,transparent 60%)
}
.rxk .rxk-row::after{
	content:"";position:absolute;inset:8px;z-index:-1;border:1px solid rgba(var(--rxk-neon-rgb),.13);
	border-radius:17px 5px 17px 5px;pointer-events:none
}
.rxk .rxk-row:hover{
	transform:translateY(-2px);border-color:var(--rxk-neon);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -18px 34px rgba(0,0,0,.24),0 16px 30px rgba(2,7,20,.33),0 0 22px rgba(var(--rxk-neon-rgb),.34)
}
.rxk .rxk-row .rxk-name{color:#f7fbff;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.rxk .rxk-row .rxk-price{color:var(--rxk-neon);text-shadow:0 0 10px rgba(var(--rxk-neon-rgb),.38)}
.rxk-slot-kicker{margin-bottom:3px;color:var(--rxk-neon);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;opacity:.78}
.rxk-slot-emblem,.rxk .rxk-row .rxk-img{
	position:relative;width:72px;height:72px;flex:0 0 72px;border:1px solid rgba(var(--rxk-neon-rgb),.62);border-radius:22px 8px 22px 8px;
	color:var(--rxk-neon);background:radial-gradient(circle,rgba(var(--rxk-neon-rgb),.18),rgba(4,11,25,.92) 66%);
	box-shadow:inset 0 0 18px rgba(var(--rxk-neon-rgb),.16),0 0 14px rgba(var(--rxk-neon-rgb),.2);
	display:flex;align-items:center;justify-content:center
}
.rxk-slot-emblem::before,.rxk .rxk-row .rxk-img::before{
	content:"";position:absolute;inset:7px;border:1px solid rgba(var(--rxk-neon-rgb),.24);border-radius:50%;pointer-events:none
}
.rxk-slot-emblem svg{filter:drop-shadow(0 0 5px rgba(var(--rxk-neon-rgb),.72))}
.rxk .rxk-row .rxk-img{background:#f7f9fc;padding:5px;overflow:hidden}
.rxk .rxk-row .rxk-img::before{z-index:2;border-radius:16px 5px 16px 5px}
.rxk .rxk-row .rxk-img img{position:relative;z-index:1;border-radius:12px}
.rxk .rxk-row .rxk-image-button{position:relative;z-index:3}
.rxk .rxk-row .rxk-link{color:#dcecff;text-decoration-color:rgba(var(--rxk-neon-rgb),.7)}
.rxk .rxk-row .rxk-link:hover{color:var(--rxk-neon)}
.rxk .rxk-row .rxk-btn-yellow{
	color:#03101c;background:linear-gradient(135deg,#fff 0%,var(--rxk-neon) 34%,var(--rxk-neon) 72%,#fff 145%);
	box-shadow:0 0 15px rgba(var(--rxk-neon-rgb),.42),inset 0 1px 0 rgba(255,255,255,.7)
}
.rxk .rxk-row .rxk-btn-yellow:hover:not(:disabled){background:var(--rxk-neon);box-shadow:0 0 24px rgba(var(--rxk-neon-rgb),.65)}
.rxk .rxk-row .rxk-btn-gray,.rxk .rxk-additional .rxk-btn-gray,.rxk .rxk-row .rxk-icon{
	color:#eff7ff;background:rgba(255,255,255,.08);border:1px solid rgba(var(--rxk-neon-rgb),.3);backdrop-filter:blur(5px)
}
.rxk .rxk-row .rxk-btn-gray:hover:not(:disabled),.rxk .rxk-additional .rxk-btn-gray:hover:not(:disabled),.rxk .rxk-row .rxk-icon:hover{color:var(--rxk-neon);background:rgba(var(--rxk-neon-rgb),.13);border-color:rgba(var(--rxk-neon-rgb),.62)}
.rxk .rxk-additional{position:relative;z-index:1;margin-top:-2px;padding-right:12px}
.rxk .rxk-additional .rxk-btn{padding:8px 15px;font-size:13px;border-radius:7px}
.rxk .rxk-row.rxk-disabled{filter:saturate(.15);opacity:.5;transform:none;box-shadow:none}
.rxk .rxk-row.rxk-disabled .rxk-name{color:#a9b2c2}
.rxk .rxk-row.rxk-disabled .rxk-btn{color:#8d96a6;background:#202a3a;border-color:#394354;box-shadow:none}

@media (max-width:560px){
	.rxk-list{gap:14px}.rxk .rxk-row{min-height:92px;padding:13px 12px;border-radius:18px 7px 18px 7px}
	.rxk-slot-emblem,.rxk .rxk-row .rxk-img{width:58px;height:58px;flex-basis:58px;border-radius:17px 6px 17px 6px}
	.rxk-slot-emblem svg{width:28px;height:28px}.rxk .rxk-row .rxk-info{flex:1 1 calc(100% - 80px)}
	.rxk .rxk-row.rxk-empty>.rxk-btn{margin-left:70px}.rxk .rxk-row>.rxk-icon{margin-left:auto}
	.rxk-slot-group:not(:last-child)::after{left:28px;bottom:-16px;height:18px}
}
@media (prefers-reduced-motion:reduce){.rxk .rxk-row{transition:none}.rxk .rxk-row:hover{transform:none}}

/* Ujednačeni cyber paneli: predlog, rezime, izbor komponenti i ponude. */
.rxk .rxk-wizard-bar,.rxk .rxk-side,.rxk .rxk-shops,.rxk .rxk-panel{
	color:#eef7ff;background:linear-gradient(145deg,#142640 0%,#0a1629 54%,#101d36 100%);
	border:1px solid rgba(61,201,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 16px 34px rgba(2,8,22,.25),0 0 20px rgba(43,201,255,.08)
}
.rxk .rxk-wizard-bar{position:relative;overflow:hidden;border-radius:22px 8px 22px 8px;padding:20px 22px}
.rxk .rxk-wizard-bar::before,.rxk .rxk-side::before,.rxk .rxk-shops::before{
	content:"";position:absolute;pointer-events:none;left:18px;right:18px;top:-1px;height:2px;
	background:linear-gradient(90deg,transparent,#25d9ff 28%,#bb55ff 72%,transparent);filter:drop-shadow(0 0 6px rgba(62,205,255,.72))
}
.rxk .rxk-wizard-bar strong{color:#fff;font-size:18px}.rxk .rxk-wizard-bar span{color:#aebdd1}
.rxk .rxk-wizard-bar .rxk-btn-yellow,.rxk .rxk-side .rxk-btn-yellow{
	background:linear-gradient(135deg,#fff2a0,#ffcc00 48%,#ff9f1c);color:#111;box-shadow:0 0 18px rgba(255,204,0,.32)
}
.rxk .rxk-side{position:sticky;overflow:hidden;border-radius:22px 8px 22px 8px;padding:22px}
.rxk .rxk-side::after{
	content:"";position:absolute;pointer-events:none;right:-40px;bottom:-55px;width:150px;height:150px;border:24px solid rgba(164,76,255,.055);border-radius:50%
}
.rxk .rxk-sum,.rxk .rxk-balance{
	position:relative;z-index:1;color:#edf6ff;background:linear-gradient(135deg,rgba(35,57,88,.94),rgba(22,38,65,.96));
	border:1px solid rgba(116,162,210,.16);border-radius:15px 5px 15px 5px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)
}
.rxk .rxk-sum-btn{transition:transform .18s ease,border-color .18s ease}.rxk .rxk-sum-btn:hover{transform:translateX(2px);border-color:rgba(43,201,255,.48);background:rgba(37,217,255,.09)}
.rxk .rxk-dot{background:linear-gradient(135deg,#fff2a0,#ffcc00 55%,#ff9f1c);color:#10151e;box-shadow:0 0 13px rgba(255,204,0,.28)}
.rxk .rxk-bad .rxk-dot{background:linear-gradient(135deg,#ffb7c1,#ff4d79);color:#2d0711;box-shadow:0 0 13px rgba(255,77,121,.34)}
.rxk .rxk-msgs li{background:rgba(255,181,54,.1);border:1px solid rgba(255,181,54,.18)}
.rxk .rxk-msgs .rxk-err{color:#ff9caf;background:rgba(255,77,121,.1);border-color:rgba(255,77,121,.2)}
.rxk .rxk-msgs .rxk-warn{color:#ffc85f;background:rgba(255,181,54,.08);border-color:rgba(255,181,54,.18)}
.rxk .rxk-balance{padding:13px 14px;color:#c9d7e9}.rxk .rxk-hint,.rxk .rxk-side .rxk-muted{color:#9fb0c6}
.rxk .rxk-side>.rxk-btn-gray{color:#eaf4ff;background:rgba(255,255,255,.07);border:1px solid rgba(76,166,255,.18)}
.rxk .rxk-side>.rxk-btn-gray:hover:not(:disabled){background:rgba(37,217,255,.11);border-color:rgba(37,217,255,.44)}
.rxk .rxk-side>.rxk-btn:disabled{color:#718096;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.06)}

.rxk .rxk-panel{border-radius:24px 8px 24px 8px;box-shadow:0 28px 90px rgba(0,0,0,.55),0 0 28px rgba(37,217,255,.12)}
.rxk .rxk-panel-h{border-bottom-color:rgba(37,217,255,.18);background:rgba(4,12,26,.28)}
.rxk .rxk-panel-h h2{color:#fff}.rxk .rxk-count,.rxk .rxk-panel .rxk-muted{color:#9fb1c8}
.rxk .rxk-search,.rxk .rxk-sort,.rxk .rxk-wizard-form input,.rxk .rxk-wizard-form select{
	color:#eef7ff;background:#0d1b31;border-color:rgba(69,155,233,.28);box-shadow:inset 0 1px 6px rgba(0,0,0,.2)
}
.rxk .rxk-search:focus,.rxk .rxk-sort:focus,.rxk .rxk-wizard-form input:focus,.rxk .rxk-wizard-form select:focus{outline:2px solid rgba(37,217,255,.34);border-color:#25d9ff}
.rxk .rxk-search::placeholder{color:#8295ad}.rxk .rxk-filters{color:#dce8f6}.rxk .rxk-filters em{color:#8397b0}
.rxk .rxk-card{
	position:relative;overflow:hidden;color:#eef7ff;background:linear-gradient(150deg,#142640,#091426 70%);
	border-color:rgba(70,167,255,.24);border-radius:18px 7px 18px 7px;box-shadow:0 10px 23px rgba(0,0,0,.2);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
.rxk .rxk-card::before{content:"";position:absolute;left:12px;right:38%;top:0;height:2px;background:linear-gradient(90deg,#25d9ff,transparent);filter:drop-shadow(0 0 5px #25d9ff)}
.rxk .rxk-card:hover{transform:translateY(-3px);border-color:rgba(37,217,255,.65);box-shadow:0 16px 28px rgba(0,0,0,.3),0 0 18px rgba(37,217,255,.14)}
.rxk .rxk-card-title{color:#f7fbff}.rxk .rxk-card-spec,.rxk .rxk-history,.rxk .rxk-old{color:#9eb0c7}.rxk .rxk-now{color:#fff}
.rxk .rxk-card-img{margin:-12px -12px 5px;width:calc(100% + 24px);background:linear-gradient(145deg,#fff,#eaf1f8)}
.rxk .rxk-more{color:#dcecff;background:#101e34;border-color:rgba(37,217,255,.34)}.rxk .rxk-more:hover{background:rgba(37,217,255,.1);border-color:#25d9ff}

.rxk .rxk-shops{position:relative;overflow:hidden;border-radius:24px 8px 24px 8px}.rxk .rxk-shops h2{color:#fff}.rxk .rxk-shop-tier h3{color:#8fa5c1}
.rxk .rxk-buy-plan{color:#dfeaf7;background:rgba(8,20,39,.72);border:1px solid rgba(37,217,255,.13)}.rxk .rxk-buy-plan span{color:#fff}.rxk .rxk-buy-plan small{color:#92a6bf}
.rxk .rxk-shop,.rxk .rxk-offer{
	color:#eff7ff;background:linear-gradient(145deg,#172943,#0b172b);border-color:rgba(97,164,224,.2);border-radius:17px 6px 17px 6px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
.rxk .rxk-shop:hover,.rxk .rxk-offer:hover{transform:translateY(-2px);border-color:rgba(37,217,255,.58);box-shadow:0 12px 24px rgba(0,0,0,.25),0 0 16px rgba(37,217,255,.1)}
.rxk .rxk-shop-cov,.rxk .rxk-upd,.rxk .rxk-disc{color:#9cafc6}.rxk .rxk-shop-go,.rxk .rxk-offer-p{color:#fff}
.rxk .rxk-component-description,.rxk .rxk-spec td{color:#dfeaf7;background:#112039}.rxk .rxk-spec th{color:#eef7ff;background:#1b3150}
.rxk .rxk-icon{color:#eaf4ff;background:rgba(255,255,255,.07);border:1px solid rgba(37,217,255,.16)}

@media(max-width:900px){.rxk .rxk-side{position:static}}
@media(max-width:560px){.rxk .rxk-wizard-bar,.rxk .rxk-side,.rxk .rxk-shops{border-radius:18px 7px 18px 7px}.rxk .rxk-wizard-bar{padding:16px}.rxk .rxk-panel{border-radius:0}}

/* Desni rezime koristi isti neonski/3D jezik kao slotovi sa leve strane. */
.rxk .rxk-side{--rxk-side-neon:#25d9ff;--rxk-side-rgb:37,217,255;padding:18px;gap:14px}
.rxk .rxk-side .rxk-sum{
	--rxk-summary-neon:#25d9ff;--rxk-summary-rgb:37,217,255;
	min-height:94px;padding:15px 17px;overflow:hidden;color:#f3f9ff;
	background:linear-gradient(145deg,#14233c 0%,#081224 50%,#0b1429 100%);
	border:1px solid rgba(var(--rxk-summary-rgb),.7);border-radius:22px 7px 22px 7px;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -16px 30px rgba(0,0,0,.22),0 10px 22px rgba(2,7,20,.24),0 0 14px rgba(var(--rxk-summary-rgb),.17);
	transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
.rxk .rxk-side .rxk-sum::before{
	content:"";position:absolute;left:16px;right:35%;top:0;height:2px;
	background:linear-gradient(90deg,var(--rxk-summary-neon),transparent);filter:drop-shadow(0 0 6px var(--rxk-summary-neon));pointer-events:none
}
.rxk .rxk-side .rxk-sum::after{
	content:"";position:absolute;inset:8px;border:1px solid rgba(var(--rxk-summary-rgb),.12);border-radius:15px 4px 15px 4px;pointer-events:none
}
.rxk .rxk-side .rxk-sum:hover{
	transform:translateY(-2px);border-color:var(--rxk-summary-neon);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -16px 30px rgba(0,0,0,.22),0 14px 26px rgba(2,7,20,.3),0 0 22px rgba(var(--rxk-summary-rgb),.3)
}
.rxk .rxk-side .rxk-sum-power{--rxk-summary-neon:#25d9ff;--rxk-summary-rgb:37,217,255}
.rxk .rxk-side .rxk-sum-status{--rxk-summary-neon:#ff5b8d;--rxk-summary-rgb:255,91,141}
.rxk .rxk-side .rxk-sum-status.rxk-good{--rxk-summary-neon:#65ec75;--rxk-summary-rgb:101,236,117}
.rxk .rxk-side .rxk-sum-price{--rxk-summary-neon:#ef55ff;--rxk-summary-rgb:239,85,255}
.rxk .rxk-side .rxk-sum-confidence{--rxk-summary-neon:#a2f23f;--rxk-summary-rgb:162,242,63}
.rxk .rxk-side .rxk-sum-copy{--rxk-summary-neon:#9168ff;--rxk-summary-rgb:145,104,255}
.rxk .rxk-side .rxk-dot{
	position:relative;z-index:1;width:58px;height:58px;border:1px solid rgba(var(--rxk-summary-rgb),.66);border-radius:18px 6px 18px 6px;
	color:var(--rxk-summary-neon);background:radial-gradient(circle,rgba(var(--rxk-summary-rgb),.19),rgba(4,11,25,.94) 68%);
	box-shadow:inset 0 0 16px rgba(var(--rxk-summary-rgb),.16),0 0 14px rgba(var(--rxk-summary-rgb),.22)
}
.rxk .rxk-side .rxk-dot::before{content:"";position:absolute;inset:7px;border:1px solid rgba(var(--rxk-summary-rgb),.2);border-radius:50%}
.rxk .rxk-side .rxk-dot svg{position:relative;z-index:1;filter:drop-shadow(0 0 5px rgba(var(--rxk-summary-rgb),.76))}
.rxk .rxk-side .rxk-sum-l{position:relative;z-index:1;font-size:15px;font-weight:800}.rxk .rxk-side .rxk-sum-v{position:relative;z-index:1;color:var(--rxk-summary-neon);text-shadow:0 0 9px rgba(var(--rxk-summary-rgb),.35)}
.rxk .rxk-side .rxk-msgs{position:relative;z-index:1;padding:2px 0}.rxk .rxk-side .rxk-msgs li{border-radius:16px 5px 16px 5px;padding:12px 14px}
.rxk .rxk-side>.rxk-btn{
	position:relative;z-index:1;min-height:58px;border-radius:18px 6px 18px 6px;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.16)
}
.rxk .rxk-side>.rxk-btn-gray{background:linear-gradient(145deg,#172943,#0b172b);border-color:rgba(37,217,255,.34)}
.rxk .rxk-side>.rxk-btn-gray:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 23px rgba(0,0,0,.24),0 0 16px rgba(37,217,255,.16)}
.rxk .rxk-side>.rxk-btn-yellow{border:1px solid rgba(255,204,0,.7);border-radius:18px 6px 18px 6px}

@media(max-width:560px){.rxk .rxk-side .rxk-sum{min-height:82px;padding:12px}.rxk .rxk-side .rxk-dot{width:50px;height:50px;border-radius:15px 5px 15px 5px}}

/* Desni rezime prati aktivnu temu; neon geometrija i dugmad ostaju netaknuti. */
.rxk .rxk-side{
	color:var(--txt);background:linear-gradient(145deg,var(--panel),var(--soft));
	box-shadow:inset 0 1px 0 rgba(127,127,127,.08),0 16px 34px rgba(2,8,22,.14),0 0 20px rgba(43,201,255,.08)
}
.rxk .rxk-side .rxk-sum{
	color:var(--txt);background:linear-gradient(145deg,var(--panel),var(--soft));
	box-shadow:inset 0 1px 0 rgba(127,127,127,.08),inset 0 -16px 30px rgba(127,127,127,.04),0 10px 22px rgba(2,7,20,.12),0 0 14px rgba(var(--rxk-summary-rgb),.17)
}
.rxk .rxk-side .rxk-sum::after{border-color:rgba(var(--rxk-summary-rgb),.2)}
.rxk .rxk-side .rxk-sum:hover{
	box-shadow:inset 0 1px 0 rgba(127,127,127,.1),inset 0 -16px 30px rgba(127,127,127,.04),0 14px 26px rgba(2,7,20,.16),0 0 22px rgba(var(--rxk-summary-rgb),.3)
}
.rxk .rxk-side .rxk-dot{background:radial-gradient(circle,rgba(var(--rxk-summary-rgb),.18),var(--panel) 70%)}
.rxk .rxk-side .rxk-sum-l{color:var(--txt)}
.rxk .rxk-side .rxk-msgs .rxk-warn{color:var(--amber);background:var(--soft)}
.rxk .rxk-side .rxk-msgs .rxk-err{color:var(--red);background:var(--soft)}
