/* PAKRAZ SHOP V3 — full visual redesign layer */
:root{--bg:#f4f6f8;--card:#fff;--ink:#14283d;--muted:#657487;--line:#e1e7ed;--deep:#102943;--green:#236b83;--sage:#a9c9d5;--sage2:#eaf2f5;--amber:#e7b65d;--amber-ink:#172b3e;--shadow:0 16px 42px rgba(16,41,67,.09);--r:16px}
html[data-theme=dark]{--bg:#101b28;--card:#172638;--ink:#e8eef5;--muted:#aab8c8;--line:#2b3c50;--deep:#0c1c2d;--green:#7db6ca;--sage:#31566b;--sage2:#20394c;--amber:#e7bd72;--amber-ink:#172b3e;--shadow:0 18px 46px rgba(0,0,0,.3)}
body{background:var(--bg);font-size:16px;line-height:1.9;color:var(--ink)}
.wrap{width:min(1280px,92%)}
.topbar{background:#0d2136;color:#d7e2ed}.topbar .wrap{padding:8px 0}.topbar a{color:#fff}
.header{background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(18px);box-shadow:0 6px 28px rgba(13,33,54,.06);border-bottom:1px solid var(--line)}
.header .wrap{min-height:82px;gap:16px}.logo{gap:10px}.logo img{width:44px;height:44px}.logo b{font-size:20px;letter-spacing:1.2px;color:var(--deep)}html[data-theme=dark] .logo b{color:var(--ink)}.logo small{font-size:11px}
.v3-header-search{height:46px;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:4px 8px;min-width:180px;max-width:300px;flex:1}.v3-header-search span{font-size:25px;color:var(--muted);line-height:1}.v3-header-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:14px var(--font)}.v3-header-search button{border:0;background:var(--deep);color:#fff;border-radius:9px;padding:8px 12px;font:600 12px var(--font);cursor:pointer}
.nav{gap:1px}.nav a{font-size:13px;padding:8px 9px;border-radius:9px}.nav a:hover{background:var(--sage2)}.hactions{gap:6px}.iconbtn{border-radius:11px}.cartbtn{background:var(--deep);border-color:var(--deep)}
.btn{border-radius:11px;min-height:48px;padding-inline:20px;transition:transform .2s,box-shadow .2s,background .2s}.btn-primary{background:#173b5a}.btn-amber{background:#e7b65d;color:#182c40;box-shadow:0 8px 20px rgba(205,151,57,.2)}.btn-ghost{border-color:var(--line);background:var(--card)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(16,41,67,.12)}
/* Marketplace home hero */
.v3-hero{background:#102943;color:#f3f7fb;overflow:hidden;position:relative}.v3-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,27,46,.98) 0%,rgba(10,34,56,.92) 43%,rgba(10,34,56,.22) 100%),url('https://images.unsplash.com/photo-1516937941344-00b4e0337589?auto=format&fit=crop&w=2000&q=85') center/cover no-repeat;opacity:1}.v3-hero .wrap{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center;padding:76px 0 84px}.v3-hero-copy{max-width:680px}.v3-hero .eyebrow{color:#f0c979;background:#ffffff12;border:1px solid #ffffff25;border-radius:50px;padding:7px 13px;width:max-content}.v3-live-dot{width:8px;height:8px;border-radius:50%;background:#7bc6a6;box-shadow:0 0 0 5px #7bc6a622}.v3-hero h1{font-size:clamp(34px,4.1vw,56px);line-height:1.55;letter-spacing:-1.2px;margin:12px 0 18px;color:#fff}.v3-hero h1 em{font-style:normal;color:#e9c47b}.v3-hero p.lead{color:#d4e0eb;font-size:17px;line-height:2.1;max-width:58ch}.v3-hero .actions{margin:25px 0 20px}.v3-hero .btn-ghost{background:#ffffff12;border-color:#ffffff50;color:#fff}.v3-hero-points{display:flex;gap:18px;flex-wrap:wrap;color:#d7e4ef;font-size:12px}.v3-hero-visual{min-height:390px;position:relative;border-radius:24px;border:1px solid #ffffff45;overflow:hidden;background:url('https://images.unsplash.com/photo-1516937941344-00b4e0337589?auto=format&fit=crop&w=1200&q=85') center/cover no-repeat;box-shadow:0 28px 70px #071b2d88}.v3-visual-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,24,42,.78),transparent 58%),linear-gradient(90deg,rgba(12,39,63,.18),transparent)}.v3-float-card{position:absolute;top:24px;inset-inline-start:24px;display:flex;gap:12px;align-items:center;padding:14px 17px;border:1px solid #ffffff70;border-radius:14px;background:#f8fbf3ed;color:#19324a;box-shadow:0 12px 30px #071b2d30}.v3-float-icon{width:40px;height:40px;display:grid;place-items:center;background:#e6f0f1;border-radius:11px;font-size:22px;color:#286b83}.v3-float-card b,.v3-float-card small{display:block}.v3-float-card b{font-size:13px}.v3-float-card small{font-size:11px;color:#647486}.v3-visual-caption{position:absolute;bottom:25px;inset-inline:26px;color:#fff;display:grid;gap:5px}.v3-visual-caption span{font-size:11px;letter-spacing:2px;color:#eac779}.v3-visual-caption b{font-size:22px}
.v3-search-band{background:var(--card);border-bottom:1px solid var(--line);padding:22px 0}.v3-search-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.v3-search-inner>div b,.v3-search-inner>div small{display:block}.v3-search-inner>div b{font-size:17px}.v3-search-inner>div small{font-size:12px;color:var(--muted)}.v3-main-search{display:flex;align-items:center;gap:12px;background:var(--bg);border:1px solid var(--line);border-radius:13px;padding:6px 7px 6px 16px;width:min(720px,68%)}.v3-main-search>span{font-size:26px;color:var(--muted)}.v3-main-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:var(--ink);font:14px var(--font)}.v3-main-search button{border:0;border-radius:10px;background:var(--deep);color:#fff;padding:11px 20px;font:700 13px var(--font);cursor:pointer}
.v3-category-strip{padding:44px 0 12px}.v3-mini-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px;gap:20px}.v3-mini-heading span{font-size:12px;color:var(--green);font-weight:800}.v3-mini-heading h2{font-size:25px;margin:2px 0}.v3-mini-heading>a{font-size:13px;text-decoration:none;color:var(--green);font-weight:700}.v3-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.v3-category{padding:20px;background:var(--card);border:1px solid var(--line);border-radius:15px;text-decoration:none;display:grid;gap:4px;transition:.2s}.v3-category:hover{transform:translateY(-3px);border-color:var(--green);box-shadow:var(--shadow)}.v3-category-icon{width:43px;height:43px;display:grid;place-items:center;background:var(--sage2);color:var(--green);border-radius:12px;font-size:23px;margin-bottom:7px}.v3-category b{font-size:16px}.v3-category small{font-size:12px;color:var(--muted)}.v3-category i{font-size:12px;color:var(--green);font-style:normal;font-weight:800;margin-top:9px}
section.s{padding:54px 0}.s.alt{background:var(--card);border-block:1px solid var(--line)}.shead{margin-bottom:24px}.shead h2{font-size:clamp(23px,2.6vw,31px);letter-spacing:-.4px}.shead p{font-size:14px}.honest{border-radius:12px;font-size:13px;background:var(--sage2);border-color:var(--line);border-inline-start-color:var(--amber)}
.card{border-radius:15px;padding:22px;box-shadow:0 3px 14px rgba(16,41,67,.025)}.card h3{font-size:17px}.card p{font-size:13.5px;line-height:1.9}.card .ic.big{color:var(--green)}.pcard{padding:0;box-shadow:0 4px 18px rgba(16,41,67,.04)}.pcard .pimg{min-height:178px;background:linear-gradient(145deg,#e8f0f3,#f7f9fa);padding:24px}.pcard .pimg svg.il{height:112px;max-width:112px}.pcard .pbody{padding:20px}.pcard h3{font-size:17px}.pcard .price{font-size:14px}.pcard .acts{gap:8px}.pcard .acts .btn{font-size:12px;padding-inline:12px}
.fmt{border-radius:14px}.fmt svg.il{max-width:132px;height:88px}.steps .step{border-radius:14px;padding:21px}.step:before{background:var(--deep)}
.v3-conversion{background:linear-gradient(115deg,#102943,#1b4b6a);color:#fff;padding:42px 0}.v3-conversion .wrap{display:flex;justify-content:space-between;align-items:center;gap:28px}.v3-conversion .eyebrow{color:#e8c478;margin:0}.v3-conversion h2{font-size:clamp(22px,2.5vw,31px);margin:8px 0;max-width:760px}.v3-conversion p{color:#d0deea;margin:0;font-size:13px;max-width:760px}.v3-conversion-actions{display:flex;gap:10px;flex:none}.v3-conversion .btn-ghost{color:#fff;background:#ffffff12;border-color:#ffffff55}
.footer{background:#0b2035;color:#d5e1ed}.footer .wrap{padding:48px 0 28px}.footer h4{color:#fff}.footer a{color:#c8d7e5}.footer .legal{color:#91a8bd;border-color:#ffffff20}
/* consistent content pages */
.crumbs{padding-top:24px;font-size:12px}.pgrid{gap:30px}.buybox{border-radius:16px;box-shadow:var(--shadow)}.toolbar{border-radius:15px;box-shadow:var(--shadow);padding:18px}.field input,.field select,.field textarea{border-radius:11px}.item,.summary,.panel,.v2-panel{border-radius:15px}.v2-main{background:var(--bg)}
/* Scroll reveal, subtle and accessible */
@media(prefers-reduced-motion:no-preference){.card,.v3-category,.btn{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.shead,.card,.step{animation:v3-rise .55s both;animation-timeline:view();animation-range:entry 0% entry 22%}@keyframes v3-rise{from{opacity:.65;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1180px){.header .wrap{flex-wrap:wrap;padding:10px 0}.v3-header-search{order:3;max-width:none;flex-basis:100%}.nav{display:none;position:absolute;top:100%;inset-inline:0;background:var(--card);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:10px 4%;box-shadow:var(--shadow)}.nav.open{display:flex}.nav a{padding:12px;font-size:15px;border-bottom:1px solid var(--line)}.menubtn{display:inline-flex}.hactions{margin-inline-start:auto}}
@media(max-width:900px){.v3-hero .wrap{grid-template-columns:1fr;gap:30px;padding:52px 0}.v3-hero-visual{min-height:300px}.v3-category-grid{grid-template-columns:repeat(2,1fr)}.v3-search-inner{align-items:stretch;flex-direction:column;gap:12px}.v3-main-search{width:100%}.v3-conversion .wrap{align-items:flex-start;flex-direction:column}.v3-conversion-actions{width:100%}}
@media(max-width:640px){.topbar .wrap{justify-content:center}.header .wrap{min-height:unset}.logo small{display:block;font-size:10px}.logo b{font-size:18px}.v3-header-search{height:43px}.v3-header-search button{padding:8px}.v3-hero .wrap{padding:40px 0 46px}.v3-hero h1{font-size:32px;line-height:1.55}.v3-hero p.lead{font-size:14px}.v3-hero .actions{display:grid;grid-template-columns:1fr}.v3-hero-points{gap:8px 14px;font-size:11px}.v3-hero-visual{min-height:230px;border-radius:17px}.v3-float-card{top:13px;inset-inline-start:13px;padding:10px}.v3-visual-caption{bottom:16px;inset-inline:17px}.v3-visual-caption b{font-size:18px}.v3-search-band{padding:17px 0}.v3-main-search{gap:7px;padding-inline:9px}.v3-main-search input{font-size:12px}.v3-main-search button{font-size:11px;padding:10px}.v3-category-strip{padding-top:30px}.v3-category-grid{gap:9px}.v3-category{padding:14px}.v3-category b{font-size:14px}.v3-category small{font-size:11px}.v3-mini-heading h2{font-size:22px}.v3-mini-heading>a{font-size:11px}.v3-conversion-actions{display:grid;grid-template-columns:1fr}.pcard .acts{display:grid;grid-template-columns:1fr 1fr}.pcard .acts .btn{width:100%;font-size:11px;padding-inline:6px}section.s{padding:40px 0}.footer .wrap{gap:22px}}
@media(prefers-reduced-motion:reduce){.shead,.card,.step{animation:none!important}}

/* V17.1 fix: hero ghost button contrast */
.hero .btn-ghost{background:#ffffff14;border-color:#ffffff66;color:#fff}.hero .btn-ghost:hover{background:#ffffff26;border-color:#ffffffaa}
.hero-meta{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;font-size:14px;color:#d1e4e9}.hero-meta span{position:relative}.hero-meta span+span:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#e7b65d;margin-inline-end:10px;vertical-align:middle}