/* XAYN - lawa i zar. Uklad jak na popularnych polskich OTS: gora z logo, menu po lewej, tresc, boksy po prawej. */
:root{--bg:#090605;--s1:#150f0c;--s2:#1d1511;--s3:#27180f;--line:#3a2618;--ember:#e8a33d;--gold:#ffcf7a;--fire:#d2551a;--blood:#7a1f0a;--text:#f1e6d8;--muted:#a8998a;--ok:#6be36b}
*{box-sizing:border-box}
html{background:var(--bg)}
body{background:var(--bg) !important;color:var(--text);font-family:'Source Sans 3',Verdana,Arial,sans-serif;font-size:15px;line-height:1.55;margin:0;padding:0;
 background-image:radial-gradient(ellipse 80% 40% at 50% 0,rgba(210,85,26,.22),transparent 70%) !important;background-repeat:no-repeat !important}
a{color:var(--ember);text-decoration:none;font-weight:600}
a:hover{color:var(--gold)}
img{max-width:100%}
.xwrap{max-width:1200px;margin:0 auto;padding:0 16px}

/* gorny pasek */
#xtop{background:rgba(9,6,5,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.xbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:54px}
.xbrand{display:flex;align-items:center;gap:10px;font-family:'Cinzel',serif;font-weight:800;letter-spacing:.14em;color:var(--ember)}
.xbrand img{width:34px;height:34px}
.xtoplinks{display:flex;gap:8px;flex-wrap:wrap}
.xtoplinks a{padding:7px 14px;border:1px solid var(--line);border-radius:6px;color:var(--text);font-size:13px;font-weight:600}
.xtoplinks a:hover{border-color:var(--ember);color:var(--gold)}
.xtoplinks a.hot{background:linear-gradient(180deg,var(--fire),var(--blood));border-color:var(--ember);color:#fff6e6}

/* hero (tylko strona glowna) */
.xhero{position:relative;text-align:center;padding:38px 0 34px;overflow:hidden;
 background:radial-gradient(ellipse at 50% 30%,rgba(210,85,26,.45),rgba(122,31,10,.18) 45%,transparent 72%)}
.xhero:before{content:"";position:absolute;inset:0;background:
 radial-gradient(2px 2px at 12% 70%,rgba(255,170,60,.8),transparent),radial-gradient(2px 2px at 28% 40%,rgba(255,140,40,.7),transparent),
 radial-gradient(1.5px 1.5px at 44% 80%,rgba(255,190,80,.8),transparent),radial-gradient(2px 2px at 63% 55%,rgba(255,150,50,.7),transparent),
 radial-gradient(1.5px 1.5px at 78% 75%,rgba(255,180,70,.8),transparent),radial-gradient(2px 2px at 90% 35%,rgba(255,140,40,.7),transparent);pointer-events:none}
.xlogo{width:min(210px,50vw);height:auto;filter:drop-shadow(0 0 40px rgba(232,163,61,.45));position:relative}
.xhero h1{margin:6px 0 2px;font-family:'Cinzel',serif;font-weight:800;letter-spacing:.18em;font-size:clamp(26px,5vw,40px);color:var(--gold);text-shadow:0 0 24px rgba(210,85,26,.7)}
.xhero p{margin:0 auto;max-width:620px;color:var(--muted)}
.xcta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px;position:relative}
.xbtn{display:inline-block;padding:11px 26px;border:1px solid var(--ember);border-radius:6px;font-family:'Cinzel',serif;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13px;color:var(--ember);background:rgba(9,6,5,.5)}
.xbtn.main{background:linear-gradient(180deg,var(--fire),var(--blood));color:#fff6e6;box-shadow:0 0 24px rgba(210,85,26,.5)}
.xbtn:hover{filter:brightness(1.18);color:#fff}
.xchips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px;position:relative}
.xchip{background:rgba(21,15,12,.85);border:1px solid var(--line);border-radius:8px;padding:8px 16px;min-width:110px}
.xchip b{display:block;font-family:'Cinzel',serif;font-size:20px;color:var(--gold)}
.xchip span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.xchip.on b{color:var(--ok)}.xchip.off b{color:#ff5a4a}

/* 3 kolumny */
.xgrid{display:grid;grid-template-columns:230px minmax(0,1fr) 260px;gap:18px;align-items:start;padding-top:18px;padding-bottom:40px}
.xcol{display:flex;flex-direction:column;gap:14px;min-width:0}
.xbox{background:var(--s1);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.xbox>h4{margin:0;padding:9px 14px;font-family:'Cinzel',serif;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ember);background:linear-gradient(180deg,#3a1408,#220c05);border-bottom:1px solid var(--line)}
.xbox .in{padding:6px 0}
.xmenu a{display:block;padding:7px 16px;color:var(--text);font-weight:400;border-left:3px solid transparent}
.xmenu a:hover{background:var(--s2);color:var(--gold);border-left-color:var(--fire)}
.xbox .pad{padding:12px 14px}
.xbox .pad .xbtn{display:block;text-align:center;margin-bottom:8px;padding:9px 10px}
.xrow{display:flex;justify-content:space-between;gap:8px;padding:6px 14px;border-top:1px solid var(--line);font-size:14px}
.xrow:first-child{border-top:0}
.xrow span:first-child{color:var(--muted)}
.xrow .on{color:var(--ok);font-weight:600}.xrow .off{color:#ff5a4a;font-weight:600}
.xtop-list{list-style:none;margin:0;padding:4px 0;counter-reset:n}
.xtop-list li{counter-increment:n;display:flex;gap:8px;align-items:center;padding:6px 14px;border-top:1px solid var(--line);font-size:14px}
.xtop-list li:first-child{border-top:0}
.xtop-list li:before{content:counter(n);width:20px;height:20px;border-radius:50%;background:var(--s3);color:var(--ember);font-size:12px;display:grid;place-items:center;flex:none}
.xtop-list li:nth-child(1):before{background:var(--fire);color:#fff}
.xtop-list .lv{margin-left:auto;color:var(--muted);font-size:13px}
.xmain{min-width:0}
.xcrumb{color:var(--muted);padding:2px 0 10px;border-bottom:1px solid var(--line);margin-bottom:14px;font-size:14px}
.xfoot{border-top:1px solid var(--line);padding:24px 0;text-align:center;color:var(--muted);font-size:13px;background:#060403}
#content,#margins,#page{all:unset}
.Content{color:var(--text)}
/* tabele MyAAC */
.TableContainer{border:1px solid var(--line) !important;background:var(--s1);border-radius:8px;overflow:hidden;margin-bottom:18px}
.TableContainer .CaptionContainer,.TableContainer .CaptionContainer .CaptionInnerContainer{background:linear-gradient(180deg,var(--blood),#4a1306) !important}
.TableContainer .CaptionContainer .Text{color:var(--ember);font-family:'Cinzel',serif;letter-spacing:.06em;font-size:14px}
.CaptionEdgeLeftTop,.CaptionEdgeRightTop,.CaptionEdgeLeftBottom,.CaptionEdgeRightBottom,.CaptionBorderTop,.CaptionBorderBottom,.CaptionVerticalLeft,.CaptionVerticalRight,.TableShadowContainerRightTop,.TableShadowRightTop,.TableBottomShadow,.TableBottomLeftShadow,.TableBottomRightShadow{display:none !important}
.TableContentContainer,.TableContainer .Table1,.TableContainer .Table2,.TableContainer .Table3,.TableContainer .Table4,.TableContainer .Table5{background:var(--s1) !important;border-color:var(--line) !important}
.TableContentAndRightShadow{background-image:none !important;margin-right:0}
.TableContent{width:100%}
.TableContent td,.TableContainer .Table2 .InnerTableContainer td,.TableContainer .Table3 .TableContentAndRightShadow td{border-color:var(--line) !important;padding:7px 10px !important;font-size:14px}
.TableContainer .Odd,.Content .BoxContent .Odd{background-color:var(--s1) !important}
.TableContainer .Even,.Content .BoxContent .Even{background-color:var(--s2) !important}
.LabelH,.LabelH td{background:#2a1810 !important;color:var(--ember);font-weight:600}
.LabelV{color:var(--ember)}
table{color:var(--text)}
hr{border:0;border-top:1px solid var(--line)}
input[type=text],input[type=password],input[type=email],input[type=number],select,textarea{background:#0f0b09;color:var(--text);border:1px solid var(--line);border-radius:5px;padding:7px 9px;font:inherit}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--fire);box-shadow:0 0 0 2px rgba(210,85,26,.3)}
input[type=submit],input[type=button],button{background:linear-gradient(180deg,var(--fire),var(--blood));color:#fff6e6;border:1px solid var(--ember);border-radius:6px;padding:8px 18px;font-family:'Cinzel',serif;font-weight:800;cursor:pointer}
/* przyciski-obrazki: dopasowanie do ciemnego motywu */
.BigButton,.BigButtonOver,.ButtonText{filter:hue-rotate(-30deg) saturate(1.4) brightness(.9)}
img{max-width:100%}
.Content .NewsHeadline,.NewsHeadlineBackground{background-image:none !important;background:linear-gradient(90deg,var(--blood),transparent) !important;border-radius:6px}
.NewsHeadlineText{color:var(--ember) !important;font-family:'Cinzel',serif}
.NewsHeadlineDate,.NewsHeadlineAuthor{color:var(--muted) !important}
.Content .BoxContent{background:var(--s1)}
/* ---------- SKLEP XAYN ---------- */
.xshop-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--s1);border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin-bottom:16px}
.xshop-bar b{color:var(--ember)}
.xshop-msg{padding:10px 14px;border-radius:6px;margin-bottom:14px;border:1px solid var(--line)}
.xshop-msg.ok{background:#12240f;border-color:#2f6a2a;color:#9be58f}
.xshop-msg.err{background:#2a110d;border-color:#7a1f0a;color:#ff9a8a}
.xshop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.xshop-card{background:var(--s1);border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:8px}
.xshop-card:hover{border-color:var(--fire)}
.xshop-card h3{margin:0;font-family:'Cinzel',serif;color:var(--ember);font-size:16px}
.xshop-card .d{color:var(--muted);font-size:13px;min-height:34px}
.xshop-card .p{font-weight:600}
.xshop-card form{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:auto}
.xshop-card select,.xshop-card input[type=number]{max-width:100%}
.xshop-card input[type=number]{width:60px}
.xshop-box{background:var(--s1);border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.xshop-tbl{width:100%;border-collapse:collapse;background:var(--s1);border:1px solid var(--line)}
.xshop-tbl th{background:#2a1810;color:var(--ember);text-align:left;padding:8px 10px}
.xshop-tbl td{padding:7px 10px;border-top:1px solid var(--line)}
.xshop-tbl tr:nth-child(even) td{background:var(--s2)}
.st-pending{color:#e8a33d}.st-delivered{color:#6be36b}.st-error{color:#ff5a4a}

@media (max-width:980px){
 .xgrid{grid-template-columns:minmax(0,1fr)}
 .xmainc{order:1}.xleft{order:2}.xright{order:3}
 .xmenu{display:flex;flex-wrap:wrap}.xmenu a{border-left:0;border:1px solid var(--line);margin:4px;border-radius:5px;padding:5px 12px}
 .TableContent td{font-size:13px}.Content{overflow-x:auto}
}