/* CLAN Wear · adăugiri ale temei peste stilurile din prototip (site.css) */
.sg{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 12px}
.sg th,.sg td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;font-weight:400}
.sg tr:first-child th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.sg th[scope=row]{font-weight:500}
.sgc{font-size:13px;color:var(--mute);margin:0}
form[data-cw-form] button:disabled{opacity:.6;cursor:wait}
.fnav .ferr,.fnav .fok{margin-top:8px}

/* consimțământ pentru cookies */
.cc{position:fixed;left:var(--pad);bottom:var(--pad);z-index:200;width:min(440px,calc(100vw - var(--pad)*2));background:#fff;border:1px solid var(--ink);padding:22px 22px 18px;font-size:14px;line-height:1.5;animation:cc-in .6s cubic-bezier(.2,.8,.2,1)}
@keyframes cc-in{from{opacity:0;transform:translateY(24px)}}
.cc h2{margin:0 0 10px;display:flex;align-items:center;gap:6px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.cc h2 .shape{font-size:14px;stroke-width:2}.cc h2 .shape:nth-child(3){color:var(--accent)}.cc h2 span{margin-left:6px}
.cc p{margin:0 0 14px;color:#333}
.cc-opts{display:grid;gap:10px;margin:0 0 16px;padding:14px 0 0;border-top:1px solid var(--line)}.cc-opts[hidden]{display:none}
.cc-opts label{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;cursor:pointer}
.cc-opts input{accent-color:var(--ink);width:18px;height:18px;margin-top:2px}
.cc-opts b{display:block;font-weight:500}.cc-opts span{color:#444;font-size:13px}
.cc-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cc-btns .btn{min-height:46px;padding:0 18px;flex:1 1 auto}
.cc-btns .link{min-height:44px;padding:0 8px;font-size:13px}
@media (max-width:700px){.cc{left:0;right:0;bottom:0;width:auto;border-width:1px 0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom))}body:has(.buybar.on) .cc{bottom:70px}}
@media (prefers-reduced-motion:reduce){.cc{animation:none}}

/* card cu două poze: la hover prima dispare și apare a doua (altfel se văd una prin alta, fiindcă amândouă se amestecă cu fundalul) */
.card:hover .ph img:has(+img),.card:focus-within .ph img:has(+img){opacity:0}
/* cadrul de grid e o fotografie cu fundalul ei, deci nu se amestecă cu griul cardului; semnul și reducerea stau peste ea, în alb */
.card .ph.g img:first-of-type{mix-blend-mode:normal}
.card .ph.g .shape{color:#fff}.card .ph.g .off{color:#fff}
.card:hover .ph.g .shape{color:var(--accent)}.card:hover .ph.g .off{color:var(--accent-t)}

/* produse epuizate: o singură poză, estompată, fără schimb la hover (regula de estompare făcea vizibilă și a doua poză) */
.card.out .ph img+img,.card.out:hover .ph img+img,.card.out:focus-within .ph img+img{opacity:0}
.card.out:hover .ph img:has(+img),.card.out:focus-within .ph img:has(+img){opacity:.35}
.card.out .ph.g img:first-of-type{mix-blend-mode:multiply}.card.out .ph.g .shape,.card.out .ph.g .off{color:inherit}