/*
Theme Name: Develofly
Theme URI: https://develofly.com
Author: Develofly
Description: Block theme for the Develofly code marketplace (WooCommerce). Glossy blue / golden-yellow / sky-box design. Palette, fonts and gradients live in theme.json (Site Editor > Styles); layout in Site Editor templates and patterns.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: develofly
*/

/* ---- base: design mockup tokens & components ---- */
/* Develofly — design mockup stylesheet (urlf.ly-inspired glossy blue / golden-yellow / sky-box palette). EXAMPLE CONTENT ONLY.
   WordPress mapping: these tokens map 1:1 to theme.json (settings.color.palette, typography.fontFamilies, spacing).
   Class names deliberately follow core-block / WooCommerce conventions (wp-block-*, products, product, single-product, woocommerce-*). */
:root{
  --ink:#0B2A47; --ink-2:#0D4D7D; --ink-3:#195F97;
  --text:#0B2A47; --muted:#2F4A64; --line:#BFE3F9; --bg:#195F97; --surface:#fff;
  --primary:#1A6AA8; --primary-600:#0D4D7D; --primary-50:#E3F2FC;
  --mint:#F3CA0E; --mint-ink:#0B6B3A; --mint-50:#D8F5E3;
  --amber:#FFB020; --amber-ink:#6B4300; --rose:#E5484D;
  --blue-1:#2584BC; --blue-2:#195F97; --blue-deep:#0D4D7D;
  --yellow:#F3CA0E; --orange:#E59202; --orange-1:#FCA301; --orange-2:#D08601;
  --sky:#75C5F6; --sky-border:#2791CE; --sky-btn:#51B4FB;
  --radius:18px; --radius-sm:11px;
  --shadow:0 2px 0 rgba(4,38,63,.25),0 12px 26px -10px rgba(4,38,63,.45);
  --font-sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --font-display:'Space Grotesk','Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
  --wide:1240px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.55 var(--font-sans);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);line-height:1.12;margin:0;letter-spacing:-.02em}
p{margin:0}

.ico{width:1.25em;height:1.25em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ico.fill{fill:currentColor;stroke:none}
.wrap{max-width:var(--wide);margin:0 auto;padding:0 28px}
.mono{font-family:var(--font-mono)}
.eyebrow{font:600 13px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}
.on-dark .eyebrow{color:var(--mint)}
.sec{padding:84px 0}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px}
.section-head h2{font-size:38px;margin-top:12px}
.section-head p{color:var(--muted);max-width:520px;margin-top:10px}
.link-arrow{display:inline-flex;gap:8px;align-items:center;font-weight:600;color:var(--primary-600)}
.link-arrow:hover{text-decoration:underline}

/* buttons = core/button + wp-element-button / woocommerce .button */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 22px;border-radius:11px;font:600 15px/1 var(--font-sans);border:1.5px solid transparent;cursor:pointer;white-space:nowrap}
.btn-primary{background:var(--primary);color:#fff;box-shadow:0 6px 16px -6px rgba(47,75,255,.7)}
.btn-primary:hover{background:var(--primary-600)}
.btn-mint{background:var(--mint);color:var(--ink)}
.btn-ghost{border-color:var(--line);background:#fff;color:var(--ink)}
.btn-ghost-dark{border-color:rgba(255,255,255,.28);color:#fff}
.btn-sm{height:38px;padding:0 16px;font-size:14px}
.btn-lg{height:54px;padding:0 28px;font-size:16px}

/* ===== header (template part: header) ===== */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}
.site-header .wrap{display:flex;align-items:center;gap:36px;height:74px}
.site-logo img{height:34px;display:block}
.wp-block-navigation{flex:1}
.wp-block-navigation ul{display:flex;gap:6px}
.wp-block-navigation a{display:flex;align-items:center;gap:5px;padding:9px 13px;border-radius:9px;font:500 15px/1 var(--font-sans);color:var(--text)}
.wp-block-navigation a:hover,.wp-block-navigation .current-menu-item>a{background:var(--primary-50);color:var(--primary-600)}
.wp-block-navigation .nav-sell>a{color:var(--mint-ink);font-weight:600}
.header-actions{display:flex;align-items:center;gap:8px}
.icon-btn{position:relative;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;color:var(--ink)}
.icon-btn:hover{background:var(--bg)}
.cart-count{position:absolute;top:3px;right:2px;min-width:18px;height:18px;border-radius:9px;background:var(--primary);color:#fff;font:600 11px/18px var(--font-sans);text-align:center;padding:0 4px}
.menu-toggle{display:none}

/* ===== hero ===== */
.hero{background:var(--ink);color:#fff;padding:78px 0 92px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:
  radial-gradient(600px 380px at 80% 20%,rgba(47,75,255,.45),transparent 70%),
  radial-gradient(420px 300px at 62% 95%,rgba(18,214,160,.18),transparent 70%),
  radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px) 0 0/22px 22px}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center}
.hero h1{color:#fff;font-size:62px;letter-spacing:-.035em;margin:18px 0 20px}
.hero h1 em{font-style:normal;color:var(--mint)}
.hero .lead{font-size:19px;color:#C4CAE6;max-width:520px}
.search-form{margin-top:34px;display:flex;background:#fff;border-radius:14px;padding:6px;max-width:560px;box-shadow:0 18px 40px -12px rgba(0,0,0,.5)}
.search-form .field{flex:1;display:flex;align-items:center;gap:10px;padding:0 12px;color:var(--muted)}
.search-form input{border:0;outline:0;font:500 16px var(--font-sans);width:100%;color:var(--ink);background:transparent;min-width:0}
.search-form input::placeholder{color:#6A7192}
.search-form .cat{display:flex;align-items:center;gap:6px;padding:0 14px;border-left:1px solid var(--line);color:var(--text);font-weight:500;font-size:15px;white-space:nowrap}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;color:#AEB5D6;font-size:14px}
.hero-tags a{font:500 12.5px var(--font-mono);padding:6px 10px;border-radius:7px;background:rgba(255,255,255,.08);color:#E3E7FA}
.hero-stats{display:flex;gap:34px;margin-top:40px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12)}
.hero-stats b{display:block;font:700 28px var(--font-display);color:#fff}
.hero-stats span{font-size:13.5px;color:#AEB5D6}

.hero-visual{position:relative;height:460px}
.code-window{position:absolute;left:0;right:34px;top:20px;background:#0E1530;border:1px solid #2A3566;border-radius:16px;box-shadow:0 30px 70px -20px rgba(0,0,0,.7);overflow:hidden}
.cw-bar{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid #222C57;background:#111A3A}
.cw-bar i{width:11px;height:11px;border-radius:50%;background:#34407A}
.cw-bar span{margin-left:10px;font:500 12.5px var(--font-mono);color:#9CA6D6}
.cw-body{padding:20px 22px;font:500 14px/1.85 var(--font-mono);color:#D5DAF5;white-space:pre;counter-reset:l}
.cw-body .l{display:block}
.cw-body .l:before{counter-increment:l;content:counter(l);display:inline-block;width:26px;margin-right:16px;text-align:right;color:#4B5693}
.k{color:#8EA2FF}.s{color:#5FE8BE}.c{color:#6C78B3}.f{color:#FFD27A}.n{color:#FF9CB0}
.chip{position:absolute;background:#fff;color:var(--ink);border-radius:13px;padding:12px 15px;box-shadow:0 18px 40px -12px rgba(0,0,0,.55);display:flex;align-items:center;gap:12px}
.chip .badge{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#fff}
.chip b{display:block;font:600 14px/1.2 var(--font-display)}
.chip small{font:500 12px var(--font-mono);color:var(--muted)}
.chip-key{right:0;top:0}
.chip-key .badge{background:var(--primary)}
.chip-dl{right:6px;bottom:78px}
.chip-dl .badge{background:var(--mint-ink)}
.chip-card{left:-26px;bottom:6px;flex-direction:column;align-items:flex-start;gap:8px;width:224px}
.chip-card .bar{height:7px;border-radius:4px;background:var(--line);width:100%}
.chip-card .bar i{display:block;height:100%;width:78%;border-radius:4px;background:linear-gradient(90deg,var(--primary),var(--mint))}

/* ===== trust strip ===== */
.trust{background:#fff;border-bottom:1px solid var(--line);padding:0}
.trust ul{display:grid;grid-template-columns:repeat(4,1fr)}
.trust li{display:flex;gap:14px;align-items:center;padding:26px 22px;border-right:1px solid var(--line)}
.trust li:first-child{padding-left:0}.trust li:last-child{border:0}
.trust .ti{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--primary-50);color:var(--primary-600);font-size:20px}
.trust b{display:block;font:600 15.5px var(--font-display);color:var(--ink)}
.trust span{font-size:13.5px;color:var(--muted);line-height:1.35;display:block}

/* ===== categories (core/columns of core/group tiles) ===== */
.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.cat-tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px;display:flex;flex-direction:column;gap:14px;transition:.15s}
.cat-tile:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}
.cat-tile .ci{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:22px}
.cat-tile h3{font-size:19px}
.cat-tile p{font-size:13.5px;color:var(--muted);line-height:1.4}
.cat-tile .count{font:500 12.5px var(--font-mono);color:var(--primary-600);margin-top:auto}

/* ===== product loop (WooCommerce: ul.products li.product) ===== */
.home-tabs{display:flex;gap:6px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:5px}
.home-tabs a{padding:9px 16px;border-radius:8px;font:500 14px var(--font-sans);color:var(--muted)}
.home-tabs a.on{background:var(--ink);color:#fff}
ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
li.product,li.wc-block-product{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.15s;position:relative}
li.product:hover,li.wc-block-product:hover{box-shadow:var(--shadow);border-color:#CBD1EC;transform:translateY(-2px)}
.product-thumb{position:relative;height:150px;display:grid;place-items:center;overflow:hidden}
.product-thumb:after{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1.3px) 0 0/16px 16px}
.product-thumb .pi{position:relative;z-index:1;width:68px;height:68px;border-radius:19px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);display:grid;place-items:center;color:#fff;font-size:32px;backdrop-filter:blur(2px)}
.onsale,.type-badge{position:absolute;z-index:2;top:12px;font:600 11.5px/1 var(--font-mono);padding:6px 9px;border-radius:7px;letter-spacing:.03em}
.type-badge{left:12px;background:rgba(11,16,32,.78);color:#fff}
.onsale{right:12px;background:var(--amber);color:#3B2600}
.product-body{padding:18px 18px 16px;display:flex;flex-direction:column;gap:9px;flex:1}
.woocommerce-loop-product__title{font:600 18px/1.25 var(--font-display);color:var(--ink);letter-spacing:-.01em}
.product-desc{font-size:14px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tech-tags{display:flex;flex-wrap:wrap;gap:6px}
.tech-tags span{font:500 11.5px/1 var(--font-mono);padding:5px 8px;border-radius:6px;background:#EEF0FA;color:#363F6E}
.rating-row{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}
.star-rating{display:inline-flex;gap:1px;color:var(--amber)}
.star-rating .ico{width:15px;height:15px}
.rating-row b{color:var(--ink);font-weight:600}
.product-foot{margin-top:auto;padding-top:13px;border-top:1px dashed var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}
.price{font:700 22px/1 var(--font-display);color:var(--ink);letter-spacing:-.02em}
.price small{display:block;font:500 11.5px/1 var(--font-sans);color:var(--muted);letter-spacing:0;margin-bottom:5px}
.lic-chip{display:inline-flex;align-items:center;gap:5px;font:600 12px/1 var(--font-sans);padding:6px 9px;border-radius:7px;white-space:nowrap}
.lic-p{background:#EEF0FA;color:#363F6E}.lic-c{background:var(--primary-50);color:var(--primary-600)}.lic-e{background:var(--mint-50);color:var(--mint-ink)}
.add-btn{width:40px;height:40px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;flex:none}
.add-btn:hover{background:var(--primary)}
.g1{background:linear-gradient(135deg,#2F4BFF,#6A5BFF)}.g2{background:linear-gradient(135deg,#0EA37F,#12D6A0 90%)}
.g3{background:linear-gradient(135deg,#7B3FF2,#D246E8)}.g4{background:linear-gradient(135deg,#F2672A,#FFB020)}
.g5{background:linear-gradient(135deg,#0B7BD6,#35C4F0)}.g6{background:linear-gradient(135deg,#E5484D,#FF8A5B)}
.g7{background:linear-gradient(135deg,#1B2447,#3A47A0)}.g8{background:linear-gradient(135deg,#0F8A8A,#4FD1A5)}

/* ===== licensing tiers ===== */
.lic-section{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:34px}
.step{display:flex;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.step .no{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:600 14px var(--font-mono);flex:none}
.step b{font:600 16px var(--font-display);color:var(--ink);display:block}
.step span{font-size:13.5px;color:var(--muted)}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.tier{border:1.5px solid var(--line);border-radius:18px;padding:30px 28px;display:flex;flex-direction:column;gap:18px;background:#fff;position:relative}
.tier.pop{border-color:var(--primary);box-shadow:0 22px 50px -22px rgba(47,75,255,.55);background:linear-gradient(180deg,#F5F7FF,#fff 38%)}
.tier .ribbon{position:absolute;top:-13px;left:28px;background:var(--primary);color:#fff;font:600 12px/1 var(--font-mono);padding:7px 11px;border-radius:7px;letter-spacing:.04em}
.tier h3{font-size:24px}
.tier .for{color:var(--muted);font-size:14.5px;margin-top:-8px}
.tier .amt{font:700 40px/1 var(--font-display);color:var(--ink);letter-spacing:-.03em}
.tier .amt small{font:500 14px var(--font-sans);color:var(--muted);letter-spacing:0;margin-left:6px}
.tier ul{display:flex;flex-direction:column;gap:11px;font-size:15px;padding-top:18px;border-top:1px solid var(--line)}
.tier li{display:flex;gap:10px;align-items:flex-start}
.tier li .ico{color:var(--mint-ink);margin-top:3px;width:1.1em;height:1.1em}
.tier li.no{color:#6A7192}.tier li.no .ico{color:#9AA1C2}
.tier .btn{margin-top:auto}
.lic-note{margin-top:22px;color:var(--muted);font-size:14px;display:flex;gap:10px;align-items:center}
.lic-note .ico{color:var(--primary)}

/* ===== sell CTA ===== */
.sell{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.sell:before{content:"";position:absolute;inset:0;background:radial-gradient(520px 340px at 90% 10%,rgba(47,75,255,.4),transparent 70%),radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.2px) 0 0/22px 22px}
.sell .wrap{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.sell h2{color:#fff;font-size:46px;margin:14px 0 18px}
.sell p.lead{color:#C4CAE6;font-size:18px;max-width:520px}
.perks{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin:30px 0 34px}
.perks li{display:flex;gap:11px;align-items:flex-start;font-size:15px;color:#E3E7FA}
.perks .ico{color:var(--mint);margin-top:3px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.earn{background:#fff;color:var(--ink);border-radius:18px;padding:26px;box-shadow:0 30px 70px -20px rgba(0,0,0,.6)}
.earn .top{display:flex;justify-content:space-between;align-items:center}
.earn .top small{font:500 12.5px var(--font-mono);color:var(--muted)}
.earn .big{font:700 44px/1 var(--font-display);letter-spacing:-.03em;margin:12px 0 4px}
.earn .delta{font:600 13px var(--font-sans);color:var(--mint-ink);background:var(--mint-50);padding:5px 9px;border-radius:7px}
.spark{width:100%;height:96px;margin:14px 0 10px;display:block}
.earn ul li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:14.5px}
.earn ul li span:first-child{display:flex;gap:10px;align-items:center;font-weight:500}
.earn ul i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;font-style:normal}
.earn ul b{font-family:var(--font-display)}

/* ===== footer (template part: footer) ===== */
.site-footer{background:#080C19;color:#B6BCDA;padding:68px 0 30px}
.fgrid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:40px}
.site-footer img{height:34px}
.site-footer .about{margin:18px 0;font-size:14.5px;line-height:1.6;max-width:300px}
.site-footer h4{font:600 14px var(--font-display);color:#fff;letter-spacing:0;margin-bottom:16px}
.site-footer li{margin-bottom:11px;font-size:14.5px}
.site-footer li a:hover{color:#fff}
.fbottom{margin-top:48px;padding-top:24px;border-top:1px solid #1A2142;display:flex;justify-content:space-between;gap:20px;font-size:13.5px;flex-wrap:wrap}
.pay{display:flex;gap:8px}
.pay span{font:600 11.5px var(--font-mono);padding:6px 9px;border:1px solid #2A3566;border-radius:6px;color:#C9CFEA}

/* ===== single product ===== */
.breadcrumb{padding:22px 0 0;font-size:13.5px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.breadcrumb a:hover{color:var(--primary-600)}
.breadcrumb .sep{color:#A3AACB}
.single-product .wrap.sp{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start;padding-top:22px;padding-bottom:30px}
.gallery .main{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.browser-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#EEF0F8;border-bottom:1px solid var(--line)}
.browser-bar i{width:10px;height:10px;border-radius:50%;background:#C9CEE6}
.browser-bar span{margin-left:10px;flex:1;max-width:340px;background:#fff;border-radius:6px;font:500 12px var(--font-mono);color:var(--muted);padding:5px 10px}
.shot{display:grid;grid-template-columns:150px 1fr;height:430px;background:#F7F8FD;font-size:12px}
.shot .side{background:var(--ink);padding:16px 12px;display:flex;flex-direction:column;gap:7px;color:#9CA6D6}
.shot .side b{color:#fff;font:600 14px var(--font-display);padding:2px 8px 12px}
.shot .side div{padding:8px 10px;border-radius:7px;font-weight:500}
.shot .side .on{background:var(--primary);color:#fff}
.shot .area{padding:18px 20px;display:flex;flex-direction:column;gap:14px}
.shot .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.kpi small{color:var(--muted);font-weight:500}.kpi b{display:block;font:700 22px var(--font-display);color:var(--ink);margin-top:3px}
.kpi em{font-style:normal;font-weight:600;color:var(--mint-ink);font-size:11.5px}
.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:8px}
.panel b{font:600 13px var(--font-display);color:var(--ink)}
.panel svg{width:100%;flex:1;min-height:0}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.thumbs div{height:84px;border-radius:10px;border:2px solid var(--line);position:relative;overflow:hidden}
.thumbs div.on{border-color:var(--primary)}
.thumbs div:after{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.2) 1px,transparent 1.3px) 0 0/14px 14px}
.thumbs div span{position:absolute;left:8px;bottom:7px;z-index:1;font:600 11px var(--font-mono);color:#fff;background:rgba(11,16,32,.6);padding:3px 6px;border-radius:5px}

.summary{position:sticky;top:20px;display:flex;flex-direction:column;gap:16px}
.summary .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.product_title{font-size:34px}
.sp-meta{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:10px 0 14px;font-size:14px;color:var(--muted)}
.sp-meta b{color:var(--ink)}
.sp-meta .dot{width:3px;height:3px;border-radius:50%;background:#A3AACB}
.short-desc{color:var(--muted);font-size:15px;margin-bottom:14px}
.sp-tags{margin-bottom:0}
table.variations{width:100%;border-collapse:collapse}
.var-label{display:flex;justify-content:space-between;align-items:center;font:600 14px var(--font-display);color:var(--ink);margin-bottom:10px}
.var-label a{font:500 13px var(--font-sans);color:var(--primary-600)}
.swatches{display:flex;flex-direction:column;gap:10px}
.swatch{display:flex;gap:13px;align-items:flex-start;padding:14px 15px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;background:#fff;position:relative}
.swatch .radio{width:20px;height:20px;border-radius:50%;border:2px solid #B3BAD9;flex:none;margin-top:2px;display:grid;place-items:center}
.swatch.on{border-color:var(--primary);background:#F5F7FF;box-shadow:0 0 0 3px rgba(47,75,255,.12)}
.swatch.on .radio{border-color:var(--primary)}
.swatch.on .radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--primary)}
.swatch .t{flex:1}
.swatch .t b{display:flex;gap:8px;align-items:center;font:600 15.5px var(--font-display);color:var(--ink)}
.swatch .t span{display:block;font-size:13px;color:var(--muted);line-height:1.4;margin-top:3px}
.swatch .p{font:700 19px var(--font-display);color:var(--ink)}
.swatch .pill{font:600 10.5px/1 var(--font-mono);background:var(--primary);color:#fff;padding:4px 6px;border-radius:5px}
.single_variation{display:flex;align-items:baseline;justify-content:space-between;margin:20px 0 14px;padding-top:18px;border-top:1px dashed var(--line)}
.single_variation .price{font-size:36px}
.single_variation small{color:var(--muted);font-size:13px}
.buy-row{display:grid;grid-template-columns:90px 1fr;gap:10px}
.qty{display:flex;align-items:center;justify-content:center;border:1.5px solid var(--line);border-radius:11px;height:54px;font:600 16px var(--font-display);color:var(--ink)}
.buy-row .btn{width:100%}
.buy-now{margin-top:10px;width:100%}
.incl{margin-top:20px;display:grid;gap:10px;font-size:14px}
.incl li{display:flex;gap:10px;align-items:center}
.incl .ico{color:var(--mint-ink)}
.product-meta{font-size:13.5px;color:var(--muted);display:grid;gap:8px}
.product-meta div{display:flex;justify-content:space-between;gap:12px}
.product-meta b{color:var(--ink);font-weight:600;font-family:var(--font-mono);font-size:12.5px;text-align:right}
.seller{display:flex;gap:13px;align-items:center}
.seller .av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#7B3FF2,#D246E8);color:#fff;display:grid;place-items:center;font:700 17px var(--font-display)}
.seller b{display:block;font:600 15px var(--font-display);color:var(--ink)}
.seller span{font-size:13px;color:var(--muted)}

.woocommerce-tabs{max-width:calc(100% - 440px)}
.wc-tab-nav{display:flex;gap:4px;border-bottom:1.5px solid var(--line);margin-bottom:30px}
.wc-tab-nav a{padding:14px 20px;font:600 15px var(--font-display);color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1.5px}
.wc-tab-nav a.on{color:var(--primary-600);border-color:var(--primary)}
.wc-tab-nav a small{font:500 12px var(--font-mono);background:#EEF0FA;border-radius:5px;padding:2px 6px;margin-left:6px;color:#363F6E}
.tab-panel{padding-bottom:50px}
.tab-panel h2{font-size:28px;margin-bottom:16px}
.tab-panel h3{font-size:19px;margin:26px 0 12px}
.tab-panel p{color:#3B4370;margin-bottom:14px;font-size:16px}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:12px 0}
.feat li{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.feat .ico{color:var(--mint-ink);margin-top:3px}
table.shop_attributes{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
table.shop_attributes th,table.shop_attributes td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}
table.shop_attributes th{width:200px;color:var(--muted);font-weight:500;background:#FAFBFE}
table.shop_attributes td{font-family:var(--font-mono);font-size:13.5px;color:var(--ink)}
table.shop_attributes tr:last-child>*{border-bottom:0}
.cl{border-left:2px solid var(--line);margin-left:6px;padding-left:26px;display:grid;gap:26px}
.cl-item{position:relative}
.cl-item:before{content:"";position:absolute;left:-33px;top:6px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--primary)}
.cl-item.latest:before{background:var(--primary)}
.cl-head{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.cl-head b{font:700 18px var(--font-display);color:var(--ink)}
.cl-head span{font:500 12.5px var(--font-mono);color:var(--muted)}
.cl-head em{font:600 11px/1 var(--font-mono);font-style:normal;background:var(--mint-50);color:var(--mint-ink);padding:5px 7px;border-radius:5px}
.cl-item li{display:flex;gap:10px;font-size:15px;margin-bottom:6px;color:#3B4370}
.cl-item li code{font:600 11px/1 var(--font-mono);padding:4px 6px;border-radius:5px;height:max-content;margin-top:4px;flex:none;min-width:58px;text-align:center}
.t-new{background:var(--mint-50);color:var(--mint-ink)}.t-fix{background:#FFF0DB;color:var(--amber-ink)}.t-imp{background:var(--primary-50);color:var(--primary-600)}
.rev-sum{display:grid;grid-template-columns:200px 1fr;gap:34px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:24px}
.rev-sum .big{font:700 58px/1 var(--font-display);color:var(--ink);letter-spacing:-.04em}
.rev-sum .bars{display:grid;gap:8px}
.rb{display:grid;grid-template-columns:34px 1fr 40px;gap:12px;align-items:center;font:500 13px var(--font-mono);color:var(--muted)}
.rb i{height:8px;border-radius:5px;background:var(--line);position:relative;overflow:hidden}
.rb i:after{content:"";position:absolute;inset:0;width:var(--w);background:var(--amber);border-radius:5px}
.review{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;margin-bottom:14px}
.review .rh{display:flex;gap:12px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.review .av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 15px var(--font-display)}
.review .rh b{font:600 15px var(--font-display);color:var(--ink)}
.review .rh small{display:block;font-size:12.5px;color:var(--muted)}
.review .verified{margin-left:auto;font:600 12px var(--font-sans);color:var(--mint-ink);display:flex;gap:5px;align-items:center}
.review p{font-size:15px;margin:8px 0 0}
.review .lic-chip{margin-left:6px}
.related{padding-top:20px}
.related h2{font-size:30px;margin-bottom:24px}
.related ul.products{grid-template-columns:repeat(4,1fr)}

/* ===== responsive ===== */
@media (max-width:1180px){
  .wrap{padding:0 22px}
  .hero h1{font-size:50px}
  .hero .wrap{gap:30px}
  ul.products,.related ul.products{grid-template-columns:repeat(2,1fr)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .single-product .wrap.sp{grid-template-columns:minmax(0,1fr) 360px}
  .woocommerce-tabs{max-width:calc(100% - 400px)}
  .fgrid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:820px){
  body{font-size:15.5px}
  .sec{padding:54px 0}
  .wrap{padding:0 18px}
  .site-header .wrap{height:64px;gap:10px}
  .site-logo img{height:30px}
  .wp-block-navigation,.header-actions .signin-text{display:none}
  .site-header .wrap{justify-content:space-between}
  .menu-toggle{display:grid}
  .header-actions{gap:2px}
  .hero{padding:44px 0 52px}
  .hero .wrap{grid-template-columns:1fr;gap:40px}
  .hero h1{font-size:40px;margin:14px 0 16px}
  .hero .lead{font-size:17px}
  .search-form{flex-wrap:wrap;margin-top:26px;padding:6px}
  .search-form .field{height:48px;flex-basis:100%}
  .search-form .cat{display:none}
  .search-form .btn{width:100%}
  .hero-stats{gap:20px;margin-top:30px;padding-top:22px}
  .hero-stats b{font-size:23px}
  .hero-visual{height:auto;display:grid;gap:14px}
  .code-window,.chip{position:static}
  .code-window{margin:0}
  .cw-body{font-size:12px;overflow:hidden}
  .chip{width:100%!important;flex-direction:row!important;align-items:center!important}
  .chip-card .bar{display:none}
  .hero-chips{display:grid;gap:12px}
  .trust ul{grid-template-columns:1fr 1fr}
  .trust li{padding:18px 12px;border-bottom:1px solid var(--line)}
  .trust li:nth-child(2n){border-right:0}
  .trust li:first-child{padding-left:12px}
  .trust li:nth-child(n+3){border-bottom:0}
  .trust li{flex-direction:column;align-items:flex-start;gap:10px}
  .section-head{flex-direction:column;align-items:flex-start;margin-bottom:24px}
  .section-head h2{font-size:30px}
  .cat-grid{grid-template-columns:1fr 1fr;gap:12px}
  .cat-tile{padding:18px 16px}
  .home-tabs{overflow:hidden;width:100%}.home-tabs a{padding:8px 11px;font-size:13px}
  ul.products,.related ul.products{grid-template-columns:1fr}
  .steps,.tiers{grid-template-columns:1fr}
  .tier{padding:26px 22px}
  .sell h2{font-size:34px}
  .sell .wrap{grid-template-columns:1fr;gap:40px}
  .perks{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr 1fr;gap:30px}
  .fgrid>div:first-child{grid-column:1/-1}
  .single-product .wrap.sp{grid-template-columns:minmax(0,1fr);gap:26px}
  .summary{position:static}
  .shot{grid-template-columns:1fr;height:300px}.shot .side{display:none}
  .shot .kpis{grid-template-columns:repeat(3,1fr);gap:8px}.kpi{padding:9px}.kpi b{font-size:17px}
  .product_title{font-size:28px}
  .woocommerce-tabs{max-width:100%}
  .wc-tab-nav{overflow:hidden}.wc-tab-nav a{padding:12px 11px;font-size:14px;white-space:nowrap}.wc-tab-nav a small{display:none}
  .feat{grid-template-columns:1fr}
  table.shop_attributes th{width:120px}
  .rev-sum{grid-template-columns:1fr;gap:20px}
  .swatch .t span{font-size:12.5px}
}


/* =====================================================================
   THEME LAYER — glossy blue page, golden-yellow & sky boxes, orange buttons
   (palette sampled from the urlf.ly reference). In WP: theme.json palette + block style variations.
   ===================================================================== */
body{background:#195F97 linear-gradient(180deg,#2584BC 0,#195F97 1100px);color:var(--ink)}
.btn{border-radius:13px;font-weight:700}
.btn-primary{background:linear-gradient(180deg,var(--orange-1),var(--orange-2));border-color:#E69501;color:#2A1700;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 0 rgba(112,64,0,.45)}
.btn-primary:hover{background:linear-gradient(180deg,#FFB421,#DB9000)}
.btn-mint{background:linear-gradient(180deg,#FFE45C,var(--yellow));border-color:var(--orange);color:#2A1700;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 3px 0 rgba(112,64,0,.45)}
.btn-ghost{background:#fff;border-color:var(--sky-border);color:var(--ink)}
.btn-ghost:hover{background:var(--primary-50)}
.btn-ghost-dark{border-color:rgba(255,255,255,.75);background:rgba(255,255,255,.12);color:#fff}
.btn-sky{background:linear-gradient(180deg,#7FCBFB,var(--sky-btn));border-color:var(--sky-border);color:var(--ink)}
.link-arrow{color:#fff;text-decoration:underline;text-underline-offset:4px}
.eyebrow{color:var(--yellow);text-shadow:0 1px 0 rgba(4,38,63,.4)}

/* header — glossy blue bar */
.site-header{background:linear-gradient(180deg,#34A0DC 0,#2584BC 46%,#1D6AA2 100%);border-bottom:3px solid var(--blue-deep);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.site-logo img{height:54px;margin:-4px 0}
.wp-block-navigation a{color:#fff;font-weight:600;text-shadow:0 1px 0 rgba(4,38,63,.35)}
.wp-block-navigation a:hover,.wp-block-navigation .current-menu-item>a{background:rgba(4,38,63,.28);color:#fff}
.wp-block-navigation .nav-sell>a{color:#0B2A47;background:linear-gradient(180deg,#FFE45C,var(--yellow));border:1.5px solid var(--orange);text-shadow:none}
.wp-block-navigation .nav-sell>a:hover{background:linear-gradient(180deg,#FFEB80,#F7D52E);color:#0B2A47}
.icon-btn{color:#fff}.icon-btn:hover{background:rgba(4,38,63,.28)}
.cart-count{background:var(--orange-1);color:#2A1700}

/* hero */
.hero{background:linear-gradient(180deg,#1F78B0 0,#195F97 100%);color:#fff;border-bottom:3px solid var(--blue-deep)}
.hero:before{background:radial-gradient(700px 300px at 50% -10%,rgba(255,255,255,.28),transparent 70%),radial-gradient(520px 380px at 82% 30%,rgba(117,197,246,.45),transparent 70%),radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.2px) 0 0/22px 22px}
.hero h1{text-shadow:0 3px 0 rgba(4,38,63,.35)}
.hero h1 em{color:var(--yellow)}
.hero .lead{color:#EAF6FF}
.search-form{border:4px solid var(--yellow);box-shadow:0 0 0 3px var(--orange),0 16px 30px -10px rgba(4,38,63,.6);border-radius:16px}
.search-form .cat{border-left-color:var(--line);color:var(--ink)}
.search-form .field{color:var(--muted)}
.hero-tags{color:#EAF6FF}
.hero-tags a{background:rgba(4,38,63,.3);color:#fff;border:1px solid rgba(255,255,255,.25)}
.hero-stats{border-top-color:rgba(255,255,255,.35)}
.hero-stats b{text-shadow:0 2px 0 rgba(4,38,63,.3)}
.hero-stats span{color:#E1F1FC}
.code-window{background:#0B2A47;border:3px solid var(--sky-border);box-shadow:0 0 0 3px rgba(255,255,255,.18),0 26px 50px -16px rgba(4,38,63,.8)}
.cw-bar{background:#0F3A60;border-bottom-color:#1A5385}.cw-bar i{background:#3C7DB0}.cw-bar span{color:#A9D3F2}
.cw-body{color:#E3F1FC}.cw-body .l:before{color:#6C97BA}
.k{color:#7FD0FF}.s{color:#7BE7A2}.c{color:#8FB4D1}.f{color:#FFD84D}.n{color:#FFA37A}
.chip{border-radius:16px;border:3px solid var(--sky-border)}
.chip small{color:var(--muted)}
.chip-key{background:var(--yellow);border-color:var(--orange)}.chip-key .badge{background:var(--ink)}.chip-key small{color:#3A2A00}
.chip-dl{background:var(--sky);border-color:var(--sky-border)}.chip-dl .badge{background:var(--ink)}.chip-dl small{color:var(--ink)}
.hero-mascot{position:absolute;left:110px;top:-124px;width:170px;transform:none;filter:drop-shadow(0 10px 8px rgba(4,38,63,.35));z-index:3}

/* trust strip — sky box band */
.trust{background:linear-gradient(180deg,#8BD0F8,var(--sky));border-bottom:3px solid var(--sky-border)}
.trust li{border-right:2px solid rgba(39,145,206,.55)}
.trust .ti{background:#fff;color:var(--blue-deep);border:2px solid var(--sky-border);border-radius:14px}
.trust b{color:var(--ink)}.trust span{color:#14344F}

/* headings on blue */
.section-head h2{color:#fff;text-shadow:0 3px 0 rgba(4,38,63,.3)}
.section-head p{color:#EAF6FF}
.home-tabs{background:#fff;border:3px solid var(--sky-border);border-radius:14px}
.home-tabs a{color:var(--ink);font-weight:600}
.home-tabs a.on{background:linear-gradient(180deg,var(--orange-1),var(--orange-2));color:#2A1700}

/* category tiles — yellow / sky rounded boxes */
.cat-tile{border-radius:20px;border:3px solid;box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 5px 0 rgba(4,38,63,.28)}
.cat-tile:nth-child(odd){background:linear-gradient(180deg,#F8D838,var(--yellow));border-color:var(--orange)}
.cat-tile:nth-child(even){background:linear-gradient(180deg,#8BD0F8,var(--sky));border-color:var(--sky-border)}
.cat-tile:hover{transform:translateY(-3px);border-color:var(--ink)}
.cat-tile h3{color:var(--ink)}.cat-tile p{color:#14344F}
.cat-tile .ci{border:2px solid rgba(255,255,255,.8);box-shadow:0 3px 0 rgba(4,38,63,.25)}
.cat-tile .count{color:var(--ink);font-weight:600}

/* product cards */
li.product,li.wc-block-product{border:3px solid #BFE3F9;border-radius:20px;box-shadow:0 5px 0 rgba(4,38,63,.28)}
li.product:hover,li.wc-block-product:hover{border-color:var(--orange-1);box-shadow:0 7px 0 rgba(4,38,63,.3);transform:translateY(-3px)}
.product-thumb .pi{filter:drop-shadow(0 2px 2px rgba(4,38,63,.35));background:rgba(255,255,255,.25)}
.tech-tags span{background:#E3F2FC;color:var(--blue-deep)}
.lic-p{background:#E3F2FC;color:var(--blue-deep)}.lic-c{background:#FFE9A6;color:#5C3A00}.lic-e{background:#D8F5E3;color:#0B6B3A}
.add-btn{background:linear-gradient(180deg,var(--orange-1),var(--orange-2));color:#2A1700;border:1.5px solid #E69501;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.add-btn:hover{background:linear-gradient(180deg,#FFB421,#DB9000)}
.onsale{background:var(--ink);color:var(--yellow)}
.g1{background:linear-gradient(135deg,#2791CE,#7FCBFB)}.g2{background:linear-gradient(135deg,#0E9A63,#5BE3A0)}
.g3{background:linear-gradient(135deg,#F06A00,#FFB81F)}.g4{background:linear-gradient(135deg,#E59202,#F8D838)}
.g5{background:linear-gradient(135deg,#0D4D7D,#2791CE)}.g6{background:linear-gradient(135deg,#E5484D,#FF9A5B)}
.g7{background:linear-gradient(135deg,#0B2A47,#1A6AA8)}.g8{background:linear-gradient(135deg,#0F8A8A,#58D6C0)}

/* licensing */
.lic-section{background:linear-gradient(180deg,#14527F,#0D4D7D);border-top:3px solid var(--blue-deep);border-bottom:3px solid var(--sky-border)}
.step{background:#fff;border:3px solid var(--sky);border-radius:16px}
.step .no{background:linear-gradient(180deg,var(--orange-1),var(--orange-2));color:#2A1700;font-weight:700}
.tier{border:3px solid var(--sky-border);border-radius:24px;background:linear-gradient(180deg,#8BD0F8,var(--sky));box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 6px 0 rgba(4,38,63,.3)}
.tier.pop{background:linear-gradient(180deg,#F8D838,var(--yellow));border-color:var(--orange)}
.tier .ribbon{background:var(--ink);color:var(--yellow);border-radius:9px;top:-15px}
.tier .for{color:#14344F}.tier .amt small{color:#14344F}
.tier ul{border-top-color:rgba(11,42,71,.3)}
.tier li{color:var(--ink)}.tier li .ico{color:var(--ink)}
.tier li.no{color:#1C3A55;opacity:.8}.tier li.no .ico{color:#1C3A55}
.lic-note{color:#EAF6FF}.lic-note .ico{color:var(--yellow)}

/* sell CTA */
.sell{background:linear-gradient(180deg,#1D6AA2,#0D4D7D);border-bottom:3px solid var(--blue-deep)}
.sell:before{background:radial-gradient(520px 340px at 90% 10%,rgba(117,197,246,.4),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px) 0 0/22px 22px}
.sell h2{text-shadow:0 3px 0 rgba(4,38,63,.35)}
.sell p.lead{color:#EAF6FF}.perks li{color:#fff}.perks .ico{color:var(--yellow)}
.earn{border:4px solid var(--yellow);box-shadow:0 0 0 3px var(--orange),0 26px 50px -16px rgba(4,38,63,.7);border-radius:22px}
.earn .top small{color:var(--muted)}
.earn ul li{border-top-color:var(--line)}

/* footer */
.site-footer{background:linear-gradient(180deg,#0D4D7D,#0A3A61);color:#D3EAFA;border-top:4px solid var(--orange)}
.site-footer img{height:56px;margin-left:-4px}
.site-footer li a:hover{color:var(--yellow)}
.fbottom{border-top-color:#2A78AC}
.pay span{border-color:#2791CE;color:#DDEFFC}

/* product page */
.breadcrumb{color:#D8EDFB}.breadcrumb a:hover{color:var(--yellow)}.breadcrumb .sep{color:#8FC6EA}.breadcrumb span:last-child{color:#fff;font-weight:600}
.gallery .main{border:3px solid var(--sky);border-radius:20px;box-shadow:0 5px 0 rgba(4,38,63,.3)}
.thumbs div{border:3px solid #BFE3F9;border-radius:14px}.thumbs div.on{border-color:var(--orange-1)}
.summary .card{border:3px solid var(--sky);border-radius:22px;box-shadow:0 5px 0 rgba(4,38,63,.3)}
.summary .card:nth-child(2){background:linear-gradient(180deg,#8BD0F8,var(--sky));border-color:var(--sky-border)}
.summary .card:nth-child(2) .product-meta,.summary .card:nth-child(2) .product-meta span{color:#14344F}
.summary .card:nth-child(2) .product-meta b{color:var(--ink)}
.summary .card:nth-child(3){background:linear-gradient(180deg,#F8D838,var(--yellow));border-color:var(--orange)}
.summary .card:nth-child(3) .seller span{color:#3A2A00}
.seller .av{background:linear-gradient(135deg,#F06A00,#FFB81F)!important;color:#2A1700}
.swatch{border:3px solid #BFE3F9;border-radius:14px}
.swatch.on{border-color:var(--orange);background:#FFF6D0;box-shadow:0 0 0 3px rgba(229,146,2,.2)}
.swatch.on .radio{border-color:var(--orange-2)}.swatch.on .radio:after{background:var(--orange-2)}
.swatch .pill{background:var(--ink);color:var(--yellow)}
.single_variation{border-top-color:var(--line)}
.qty{border:3px solid #BFE3F9;border-radius:13px}
.woocommerce-tabs{background:#fff;border:3px solid var(--sky);border-radius:24px;padding:6px 34px 0;box-shadow:0 5px 0 rgba(4,38,63,.3)}
.wc-tab-nav a.on{color:var(--blue-deep);border-color:var(--orange-1)}
.wc-tab-nav a small{background:var(--primary-50);color:var(--blue-deep)}
.tab-panel p{color:#1C3A55}
table.shop_attributes{border:2px solid var(--line)}table.shop_attributes th{background:#F2F9FE}
.cl-item:before{border-color:var(--orange)}.cl-item.latest:before{background:var(--orange-1)}
.t-new{background:var(--mint-50);color:var(--mint-ink)}.t-fix{background:#FFE9A6;color:#5C3A00}.t-imp{background:var(--primary-50);color:var(--blue-deep)}
.rev-sum,.review{background:#F2F9FE;border:2px solid var(--line);border-radius:18px}
.related h2{color:#fff;text-shadow:0 3px 0 rgba(4,38,63,.3)}
.shot .side .on{background:var(--orange-1);color:#2A1700}
.kpi em{color:var(--mint-ink)}

@media (max-width:1180px){.hero-mascot{left:170px;width:120px}.woocommerce-tabs{max-width:calc(100% - 400px)}}
@media (max-width:820px){
  .site-logo img{height:42px}
  .hero-mascot{position:static;width:120px;justify-self:center;order:-1;margin-bottom:-6px}
  .trust li{border-right:0;border-bottom:2px solid rgba(39,145,206,.55)}
  .trust li:nth-child(2n+1){border-right:2px solid rgba(39,145,206,.55)}
  .trust li:nth-child(n+3){border-bottom:0}
  .woocommerce-tabs{padding:4px 18px 0;border-radius:20px}
  .search-form{border-width:3px}
  .site-footer img{height:50px}
}

.sp-main{min-width:0}
.sp-main .woocommerce-tabs{max-width:none;margin-top:36px}
.swatch .t b .pill{display:inline-block;margin:0;font:600 10.5px/1 var(--font-mono);color:var(--yellow);background:var(--ink)}
.related{padding-top:50px!important}
@media (max-width:1180px){.sp-main .woocommerce-tabs{max-width:none}}
.single_variation{align-items:flex-end!important}.single_variation>small{text-align:right;max-width:140px;line-height:1.35}
@media (max-width:820px){.cw-body{font-size:10.3px;padding:16px 14px}.cw-body .l:before{width:16px;margin-right:10px}}
.summary .eyebrow{color:var(--blue-deep);text-shadow:none}
@media (max-width:820px){
  .sp-main{display:contents}
  .gallery{order:1}.summary{order:2}.sp-main .woocommerce-tabs{order:3;margin-top:4px}
  .sp-meta .dot{display:none}
}

/* =====================================================================
   WORDPRESS / WOOCOMMERCE ADAPTATION LAYER (develofly theme)
   ===================================================================== */
.wp-site-blocks{padding:0}
.wp-site-blocks>*,.wp-site-blocks>*+*{margin-block-start:0;margin-block-end:0}
.wp-site-blocks main{display:block}
body .is-layout-flow>.alignfull{margin-left:0;margin-right:0}
.wrap.wp-block-group{max-width:var(--wide);margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px;width:100%;box-sizing:border-box}
@media (max-width:1180px){.wrap.wp-block-group{padding-left:22px;padding-right:22px}}
@media (max-width:820px){.wrap.wp-block-group{padding-left:18px;padding-right:18px}}
.wp-block-group.alignfull{max-width:none}
h1,h2,h3,h4{margin:0}
.entry-content a,.page-card a{color:var(--primary-600);text-decoration:underline}
:root :where(.is-layout-flow)>*{margin-block-start:0;margin-block-end:0}

/* ---------- buttons (core/button) ---------- */
.wp-block-buttons{gap:12px;display:flex;flex-wrap:wrap}
.wp-block-button.btn{display:block;height:auto;padding:0;border:0;background:none!important;box-shadow:none!important;border-radius:0;font-size:inherit}
.wp-block-button.btn>.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 22px;border-radius:13px;font:700 15px/1 var(--font-sans);border:1.5px solid transparent;white-space:nowrap;text-decoration:none}
.btn-primary>.wp-block-button__link{background:linear-gradient(180deg,var(--orange-1),var(--orange-2));border-color:#E69501;color:#2A1700;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 0 rgba(112,64,0,.45)}
.btn-mint>.wp-block-button__link{background:linear-gradient(180deg,#FFE45C,var(--yellow));border-color:var(--orange);color:#2A1700;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 3px 0 rgba(112,64,0,.45)}
.btn-ghost-dark>.wp-block-button__link{border-color:rgba(255,255,255,.75);background:rgba(255,255,255,.12);color:#fff;box-shadow:none}
.btn-ghost>.wp-block-button__link{background:#fff;border-color:var(--sky-border);color:var(--ink);box-shadow:none}
.btn-sm>.wp-block-button__link{height:38px;padding:0 16px;font-size:14px}
.btn-lg>.wp-block-button__link{height:54px;padding:0 28px;font-size:16px}
a.btn{text-decoration:none}
.btn .ico{width:1.25em;height:1.25em}
/* Woo buttons: orange w/ dark text everywhere */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.wc-block-components-button:not(.is-link),.wp-element-button{
  background:linear-gradient(180deg,var(--orange-1),var(--orange-2))!important;color:#2A1700!important;border:1.5px solid #E69501!important;border-radius:13px;font-weight:700;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 0 rgba(112,64,0,.45)}
.woocommerce a.button:hover,.woocommerce button.button:hover,.wp-element-button:hover{background:linear-gradient(180deg,#FFB421,#DB9000)!important;color:#2A1700!important}
.btn-ghost-dark>.wp-block-button__link:hover{background:rgba(255,255,255,.25)!important;color:#fff!important}
.btn-ghost-dark>.wp-block-button__link,.btn-ghost>.wp-block-button__link{background-image:none}
.wp-block-button.btn-ghost-dark>.wp-element-button{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.75)!important;box-shadow:none}
.wp-block-button.btn-ghost>.wp-element-button{background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--sky-border)!important;box-shadow:none}
.wp-block-button.btn-mint>.wp-element-button{background:linear-gradient(180deg,#FFE45C,var(--yellow))!important;border-color:var(--orange)!important}

/* ---------- header ---------- */
.site-header .wrap{height:74px}
.site-header .site-logo{margin:0;flex:none;line-height:0}
.site-header .site-logo img{height:54px;width:auto;margin:-4px 0;display:block}
.site-header .primary-nav{flex:1}
.wp-block-navigation .wp-block-navigation__container{gap:6px}
.wp-block-navigation .wp-block-navigation-item__content{padding:9px 13px;border-radius:9px;font:600 15px/1 var(--font-sans);color:#fff;text-shadow:0 1px 0 rgba(4,38,63,.35)}
.wp-block-navigation .wp-block-navigation-item__content:hover,.wp-block-navigation .current-menu-item>a{background:rgba(4,38,63,.28);color:#fff}
.wp-block-navigation .nav-sell>a{color:#0B2A47!important;background:linear-gradient(180deg,#FFE45C,var(--yellow));border:1.5px solid var(--orange);text-shadow:none}
.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{color:#fff}
.wp-block-navigation__responsive-container-open svg{width:30px;height:30px}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--blue-deep)!important;color:#fff!important;padding:24px}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:10px;align-items:flex-start}
.wp-block-navigation__responsive-container.is-menu-open .nav-sell>a{color:#0B2A47}
.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.header-actions .wp-block-search{margin:0}
.header-actions .wp-block-search__button{background:none!important;border:0!important;box-shadow:none!important;color:#fff!important;width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:10px;margin:0}
.header-actions .wp-block-search__button:hover{background:rgba(4,38,63,.28)!important}
.header-actions .wp-block-search__button svg{fill:#fff;width:24px;height:24px}
.header-cart .wc-block-mini-cart__button{color:#fff;padding:0 6px;height:42px}
.header-cart .wc-block-mini-cart__button:hover{background:rgba(4,38,63,.28);opacity:1}
.header-cart .wc-block-mini-cart__amount,.header-cart .wc-block-mini-cart__quantity-badge+.wc-block-mini-cart__amount{display:none}
.header-cart .wc-block-mini-cart__badge{background:var(--orange-1);color:#2A1700;font-weight:700;min-width:18px;height:18px;line-height:18px;font-size:11px}
.header-cart .wc-block-mini-cart__quantity-badge svg,.header-cart .wc-block-mini-cart__icon{width:26px;height:26px}
.header-account a{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:13px;font:700 14px/1 var(--font-sans);color:#2A1700!important;background:linear-gradient(180deg,var(--orange-1),var(--orange-2));border:1.5px solid #E69501;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 0 rgba(112,64,0,.45);text-decoration:none}
.header-account .wc-block-customer-account__account-icon{width:18px;height:18px;fill:#2A1700}
@media (max-width:820px){
  .site-header .wrap{height:64px;gap:10px;justify-content:space-between}
  .site-header .site-logo img{height:42px}
  .header-account .wc-block-customer-account__account-text,.header-account a span:not(.screen-reader-text){display:none}
  .header-account a{padding:0;width:38px;justify-content:center}
  .site-header .primary-nav{flex:none;order:5}
  .header-actions{gap:2px}
}

/* ---------- hero (core/cover) ---------- */
.wp-block-cover.hero,.wp-block-cover.sell{min-height:0;padding:78px 0 92px;display:block;position:relative;overflow:hidden;align-items:initial}
.wp-block-cover.sell{padding:84px 0}
.wp-block-cover.hero:before,.wp-block-cover.sell:before{z-index:1;pointer-events:none}
.wp-block-cover.hero>.wp-block-cover__background,.wp-block-cover.sell>.wp-block-cover__background{opacity:1;z-index:0}
.wp-block-cover.hero>.wp-block-cover__inner-container,.wp-block-cover.sell>.wp-block-cover__inner-container{position:relative;z-index:2;width:100%;max-width:none;color:inherit}
.wp-block-cover.hero .wrap{display:block}
.hero-cols,.sell-cols{display:grid!important;gap:56px;align-items:center;margin:0}
.hero-cols{grid-template-columns:1.02fr 1fr}
.sell-cols{grid-template-columns:1.1fr .9fr;gap:60px}
.hero-cols>.wp-block-column,.sell-cols>.wp-block-column{flex-basis:auto!important;width:auto;min-width:0;margin:0}
.hero .hero-title,.hero h1{font-size:62px;letter-spacing:-.035em;margin:18px 0 20px;color:#fff;text-shadow:0 3px 0 rgba(4,38,63,.35)}
.hero h1 em{font-style:normal;color:var(--yellow)}
.hero p.lead{font-size:19px;color:#EAF6FF;max-width:520px}
.sell p.lead{font-size:18px;color:#EAF6FF;max-width:520px}
.eyebrow{font:600 13px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--yellow);margin:0}
.summary .eyebrow,.summary .eyebrow a{color:var(--blue-deep);text-shadow:none}
.sell h2{font-size:46px;margin:14px 0 18px;color:#fff;text-shadow:0 3px 0 rgba(4,38,63,.35)}
.hero-visual{position:relative;height:460px}
.hero-mascot{position:absolute;left:110px;top:-124px;width:170px;height:auto}
.hero .wp-block-woocommerce-product-search.search-form{margin-top:34px;max-width:560px;display:block;background:#fff;border:4px solid var(--yellow);box-shadow:0 0 0 3px var(--orange),0 16px 30px -10px rgba(4,38,63,.6);border-radius:16px;padding:6px}
.search-form .wc-block-product-search__fields{display:flex;gap:6px;align-items:center;width:100%;margin:0}
.search-form .wc-block-product-search__field{flex:1;min-width:0;border:0!important;outline:0;font:500 16px var(--font-sans);color:var(--ink);background:transparent;height:46px;padding:0 12px;box-shadow:none}
.search-form .wc-block-product-search__field:focus{outline:0;box-shadow:none}
.search-form .wc-block-product-search__button{height:46px;padding:0 22px;margin:0;border-radius:13px;flex:none}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;color:#EAF6FF;font-size:14px}
.hero-tags a{text-decoration:none}
@media (max-width:1180px){.hero .hero-title,.hero h1{font-size:50px}.hero-cols{gap:30px}.hero-mascot{left:170px;width:120px}}
@media (max-width:820px){
  .wp-block-cover.hero{padding:44px 0 52px}
  .wp-block-cover.sell{padding:54px 0}
  .hero-cols{grid-template-columns:1fr;gap:40px}
  .sell-cols{grid-template-columns:1fr;gap:40px}
  .hero .hero-title,.hero h1{font-size:40px;margin:14px 0 16px}
  .hero p.lead{font-size:17px}
  .hero-visual{height:auto;display:grid;gap:14px}
  .hero-mascot{position:static;width:120px;justify-self:center;order:-1;margin-bottom:-6px}
  .hero .wp-block-woocommerce-product-search.search-form{border-width:3px;margin-top:26px}
  .search-form .wc-block-product-search__fields{flex-wrap:wrap}
  .search-form .wc-block-product-search__field{flex-basis:100%;height:48px}
  .search-form .wc-block-product-search__button{width:100%}
  .sell h2{font-size:34px}
}

/* ---------- sections ---------- */
.trust{padding:0}
.trust-inner{display:block!important;padding-top:0!important;padding-bottom:0!important}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px}
.section-head h2{font-size:38px;margin-top:12px;color:#fff;text-shadow:0 3px 0 rgba(4,38,63,.3)}
.section-head p{margin:0}
.link-arrow{display:inline-flex;gap:8px;align-items:center;font-weight:600}
.home-tabs{display:flex;gap:6px}
.home-tabs a{padding:9px 16px;border-radius:8px;font:600 14px var(--font-sans);color:var(--ink)}
.browse-all{text-align:center;margin-top:36px}
.cats-sec{padding-bottom:40px}.featured-sec{padding-top:20px}
.lic-intro{color:#EAF6FF;max-width:520px;margin:-24px 0 34px}
.wp-block-cover.sell.sec .earn{margin:0}
.fgrid{display:grid!important;grid-template-columns:1.5fr repeat(4,1fr);gap:40px;margin:0}
.fgrid>.wp-block-column{flex-basis:auto!important;width:auto;min-width:0;margin:0}
.site-footer .about{margin:18px 0;font-size:14.5px;line-height:1.6;max-width:300px;color:#D3EAFA}
.site-footer .footer-logo{margin:0 0 0 -4px;line-height:0}.site-footer .footer-logo img{height:56px;width:auto}
.site-footer .fcol-title{font:600 14px var(--font-display);color:#fff;letter-spacing:0;margin:0 0 16px}
.site-footer ul.flist{list-style:none;margin:0;padding:0}
.site-footer li{margin-bottom:11px;font-size:14.5px}
.site-footer a{color:#D3EAFA;text-decoration:none}.site-footer a:hover{color:var(--yellow)}
.site-footer .fbottom p{margin:0;font-size:13.5px}
@media (max-width:1180px){.fgrid{grid-template-columns:repeat(3,1fr)}.wp-block-columns.fgrid>.wp-block-column:first-child{grid-column:1/-1}}
@media (max-width:820px){.fgrid{grid-template-columns:1fr 1fr;gap:30px}.fgrid>.wp-block-column:first-child{grid-column:1/-1}.section-head{flex-direction:column;align-items:flex-start;margin-bottom:24px}.section-head h2{font-size:30px}.lic-intro{margin-top:-14px}.site-footer .footer-logo img{height:50px}}

/* ---------- product cards (WooCommerce Product Collection) ---------- */
.df-products{margin:0}
ul.wc-block-product-template,.wp-block-woocommerce-product-template{display:grid!important;grid-template-columns:repeat(4,1fr);gap:22px;list-style:none;margin:0;padding:0}
li.wc-block-product{width:auto!important;margin:0!important;padding:0;background:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative;border:3px solid #BFE3F9;border-radius:20px;box-shadow:0 5px 0 rgba(4,38,63,.28)}
li.wc-block-product:hover{border-color:var(--orange-1);box-shadow:0 7px 0 rgba(4,38,63,.3);transform:translateY(-3px)}
li.wc-block-product>.wp-block-group{margin:0}
.product-thumb{position:relative;height:auto;display:block;overflow:hidden;background:var(--sky)}
.product-thumb:after{display:none}
.product-thumb .wc-block-components-product-image,.product-thumb .wp-block-woocommerce-product-image{margin:0}
.product-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.type-badge{position:absolute;z-index:2;top:12px;left:12px;margin:0;font:600 11.5px/1 var(--font-mono);letter-spacing:.03em;max-width:60%}
.type-badge a{display:inline-block;padding:6px 9px;border-radius:7px;background:rgba(11,16,32,.78);color:#fff!important;text-decoration:none}
.wp-block-post-terms__separator{display:none}
.wc-block-components-product-sale-badge,.wc-block-components-product-image .wc-block-components-product-sale-badge{position:absolute;top:12px;right:12px;left:auto;z-index:2;margin:0;font:600 11.5px/1 var(--font-mono);padding:6px 9px;border-radius:7px;background:var(--ink);color:var(--yellow);border:0;text-transform:none}
.product-body{padding:18px 18px 16px;display:flex;flex-direction:column;gap:9px;flex:1}
.product-body .woocommerce-loop-product__title,.product-body .wp-block-post-title{font:600 18px/1.25 var(--font-display);color:var(--ink);letter-spacing:-.01em;margin:0}
.product-body .wp-block-post-title a{color:var(--ink);text-decoration:none}
.product-desc{margin:0;font-size:14px;color:var(--muted);line-height:1.45}
.product-desc p{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-desc .wp-block-post-excerpt__more-link{display:none}
.tech-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.tech-tags a{font:500 11.5px/1 var(--font-mono);padding:5px 8px;border-radius:6px;background:#E3F2FC;color:var(--blue-deep);text-decoration:none!important}
.rating-row,.wc-block-components-product-rating{margin:0;font-size:13px;color:var(--muted)}
.wc-block-components-product-rating__stars{color:var(--amber)}
.product-foot{margin-top:auto;padding-top:13px;border-top:1px dashed var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}
.product-foot .price,.product-foot .wc-block-components-product-price{font:700 20px/1.1 var(--font-display);color:var(--ink);letter-spacing:-.02em;margin:0}
.product-foot .wc-block-components-product-price del{font-size:14px;opacity:.6}
.product-foot .wc-block-components-product-price ins{text-decoration:none}
.wp-block-woocommerce-product-button.add-btn{background:none;border:0;box-shadow:none;width:auto;height:auto;display:block;margin:0;flex:none}
.add-btn .wp-block-button__link,.add-btn .wc-block-components-product-button__button{width:40px;height:40px;min-width:40px;padding:0!important;margin:0;font-size:0!important;line-height:0;border-radius:10px;position:relative;display:block;overflow:hidden}
.add-btn .wp-block-button__link::before,.add-btn .wc-block-components-product-button__button::before{content:"";position:absolute;inset:0;margin:auto;width:20px;height:20px;background:#2A1700;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E") center/contain no-repeat}
.no-products{color:#fff;padding:30px 0}
@media (max-width:1180px){ul.wc-block-product-template,.wp-block-woocommerce-product-template{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){ul.wc-block-product-template,.wp-block-woocommerce-product-template{grid-template-columns:1fr}}
.page-title,.shop-wrap h1{color:#fff;font-size:44px;margin:30px 0 24px;text-shadow:0 3px 0 rgba(4,38,63,.3)}
.shop-wrap{padding-bottom:70px}
.shop-wrap .woocommerce-breadcrumb,.wc-block-breadcrumbs,.shop-wrap .wp-block-term-description{color:#D8EDFB;margin:22px 0 0}
.shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;color:#EAF6FF}
.shop-toolbar select{border:3px solid var(--sky-border);border-radius:11px;padding:8px 10px;background:#fff;color:var(--ink)}
.wp-block-query-pagination{margin-top:30px;color:#fff;gap:14px;display:flex;justify-content:center}
.wp-block-query-pagination a{color:#fff}
.page-wrap{padding-bottom:70px}
.page-card{background:#fff;border:3px solid var(--sky);border-radius:22px;padding:34px;box-shadow:0 5px 0 rgba(4,38,63,.3);color:var(--ink)}
.page-card ul{list-style:disc;padding-left:1.4em}
.page-card p{margin-bottom:14px}

/* ---------- single product ---------- */
.single-product .wrap.sp{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start;padding-top:22px;padding-bottom:30px}
.single-product .wc-block-breadcrumbs,.single-product .woocommerce-breadcrumb{padding:22px 0 0;font-size:13.5px;color:#D8EDFB}
.single-product .woocommerce-breadcrumb a,.wc-block-breadcrumbs a{color:#D8EDFB}
.sp-main{min-width:0}
.sp-main .woocommerce-product-gallery,.sp-main .wp-block-woocommerce-product-image-gallery{background:#fff;border:3px solid var(--sky);border-radius:20px;box-shadow:0 5px 0 rgba(4,38,63,.3);overflow:hidden;opacity:1!important;margin:0}
.woocommerce-product-gallery__image img,.woocommerce-product-gallery img{display:block;width:100%;height:auto}
.woocommerce-product-gallery .flex-control-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:12px;margin:0;list-style:none;background:#F2F9FE}
.woocommerce-product-gallery .flex-control-thumbs li{width:auto!important;float:none!important;margin:0!important}
.woocommerce-product-gallery .flex-control-thumbs img{border:3px solid #BFE3F9;border-radius:14px;opacity:.9}
.woocommerce-product-gallery .flex-control-thumbs img.flex-active{border-color:var(--orange-1);opacity:1}
.summary{position:sticky;top:20px;display:flex;flex-direction:column;gap:16px}
.summary .card{background:#fff;border:3px solid var(--sky);border-radius:22px;box-shadow:0 5px 0 rgba(4,38,63,.3);padding:24px}
.summary .card:nth-child(2){background:linear-gradient(180deg,#8BD0F8,var(--sky));border-color:var(--sky-border)}
.summary .card .product-meta{display:grid;gap:8px;font-size:13.5px;color:#14344F}
.summary .card .product-meta a{color:var(--ink);font-weight:600}
.product_title,.summary h1{font-size:34px;margin-top:12px;color:var(--ink)}
.sp-rating{margin:10px 0 14px}
.short-desc{color:var(--muted);font-size:15px;margin:0 0 14px}
.short-desc p{margin:0}
.sp-tags{margin-bottom:0}
.summary form.cart{margin-top:22px}
.summary table.variations{width:100%;border-collapse:collapse;margin:0}
.summary table.variations th.label,.summary table.variations .reset_variations{display:none!important}
.summary table.variations td,.summary table.variations tr{display:block;padding:0}
.var-label{display:flex;justify-content:space-between;align-items:center;font:600 14px var(--font-display);color:var(--ink);margin-bottom:10px}
.var-label a{font:500 13px var(--font-sans);color:var(--primary-600)}
.swatches{display:flex;flex-direction:column;gap:10px}
.swatch{display:flex;gap:13px;align-items:flex-start;padding:14px 15px;border:3px solid #BFE3F9;border-radius:14px;cursor:pointer;background:#fff;position:relative}
.swatch input{position:absolute;opacity:0;pointer-events:none}
.swatch .radio{width:20px;height:20px;border-radius:50%;border:2px solid #B3BAD9;flex:none;margin-top:2px;display:grid;place-items:center}
.swatch.on{border-color:var(--orange);background:#FFF6D0;box-shadow:0 0 0 3px rgba(229,146,2,.2)}
.swatch.on .radio{border-color:var(--orange-2)}.swatch.on .radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--orange-2)}
.swatch input:focus-visible+.radio{outline:3px solid var(--ink);outline-offset:2px}
.swatch .t{flex:1;min-width:0}
.swatch .t b{display:flex;gap:8px;align-items:center;font:600 15.5px var(--font-display);color:var(--ink)}
.swatch .t span{display:block;font-size:13px;color:var(--muted);line-height:1.4;margin-top:3px}
.swatch .t b .pill{display:inline-block;margin:0;font:600 10.5px/1 var(--font-mono);color:var(--yellow);background:var(--ink);padding:4px 6px;border-radius:5px}
.swatch .p{font:700 19px var(--font-display);color:var(--ink)}
.swatch .p .woocommerce-Price-amount{font:inherit}
.df-hidden-select{position:absolute!important;opacity:0!important;pointer-events:none!important;height:1px;width:1px;overflow:hidden}
.woocommerce-variation.single_variation{display:block;margin:20px 0 14px;padding-top:18px;border-top:1px dashed var(--line)}
.woocommerce-variation-description{font-size:13px;color:var(--muted);margin-bottom:6px}
.woocommerce-variation-price .price{font:700 36px/1 var(--font-display);color:var(--ink);letter-spacing:-.02em}
.woocommerce-variation-price .price del{font-size:20px;opacity:.55}
.woocommerce-variation-price .price ins{text-decoration:none}
.summary .price{font-family:var(--font-display);color:var(--ink)}
.woocommerce-variation-add-to-cart{display:grid;grid-template-columns:90px 1fr;gap:10px;margin-top:6px}
.summary form.cart:not(.variations_form){display:grid;grid-template-columns:90px 1fr;gap:10px}
.summary .quantity{margin:0}
.summary .quantity .qty,.summary input.qty{width:100%;height:54px;border:3px solid #BFE3F9;border-radius:13px;font:600 16px var(--font-display);color:var(--ink);text-align:center;background:#fff;padding:0;box-sizing:border-box}
.summary .single_add_to_cart_button{height:54px;width:100%;font-size:16px!important;padding:0 28px!important;border-radius:13px!important;float:none;margin:0}
.woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button{opacity:.5}
.incl{margin:20px 0 0;display:grid;gap:10px;font-size:14px;list-style:none;padding:0}
.incl li{display:flex;gap:10px;align-items:center}
.incl .ico{color:var(--green-ink)}
.product-meta .wc-block-components-product-sku,.product-meta .wp-block-woocommerce-product-sku{font-weight:600}

/* tabs: Description / Changelog / Reviews */
.sp-main .wp-block-woocommerce-product-details{margin-top:36px}
.wp-block-woocommerce-product-details .woocommerce-tabs,.woocommerce-tabs.wc-tabs-wrapper{background:#fff;border:3px solid var(--sky);border-radius:24px;padding:6px 34px 34px;box-shadow:0 5px 0 rgba(4,38,63,.3);max-width:none;color:var(--ink)}
.woocommerce-tabs ul.tabs{display:flex;gap:4px;border-bottom:1.5px solid var(--line);margin:0 0 30px;padding:0;list-style:none;overflow:visible}
.woocommerce-tabs ul.tabs::before,.woocommerce-tabs ul.tabs::after{display:none!important}
.woocommerce-tabs ul.tabs li{margin:0;padding:0;border:0;background:none!important;border-radius:0}
.woocommerce-tabs ul.tabs li::before,.woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce-tabs ul.tabs li a{display:block;padding:14px 20px;font:600 15px var(--font-display);color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1.5px;text-decoration:none}
.woocommerce-tabs ul.tabs li.active a{color:var(--blue-deep);border-color:var(--orange-1)}
.woocommerce-Tabs-panel{padding-bottom:10px}
.woocommerce-Tabs-panel h2{font-size:28px;margin-bottom:16px}
.woocommerce-Tabs-panel h3{font-size:19px;margin:26px 0 12px}
.woocommerce-Tabs-panel p{color:#1C3A55;margin:0 0 14px;font-size:16px}
.woocommerce-Tabs-panel ul{list-style:disc;padding-left:1.3em;margin:0 0 14px}
.woocommerce-Tabs-panel ul li{margin-bottom:6px;color:#1C3A55}
.woocommerce-Tabs-panel table{width:100%;border-collapse:collapse;font-size:14.5px;border:2px solid var(--line)}
.woocommerce-Tabs-panel table th,.woocommerce-Tabs-panel table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}
.woocommerce-Tabs-panel table th{width:200px;color:var(--muted);font-weight:500;background:#F2F9FE}
.woocommerce-Tabs-panel table td{font-family:var(--font-mono);font-size:13.5px}
.cl{border-left:2px solid var(--line);margin-left:6px;padding-left:26px;display:grid;gap:26px}
.cl-item{position:relative}
.cl-item:before{content:"";position:absolute;left:-33px;top:6px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--orange)}
.cl-item.latest:before{background:var(--orange-1)}
.cl-head{display:flex;gap:12px;align-items:center;margin-bottom:8px;flex-wrap:wrap}
.cl-head b{font:700 18px var(--font-display);color:var(--ink)}
.cl-head span{font:500 12.5px var(--font-mono);color:var(--muted)}
.cl-head em{font:600 11px/1 var(--font-mono);font-style:normal;background:var(--green-50);color:var(--green-ink);padding:5px 7px;border-radius:5px}
.cl-item ul{list-style:none!important;padding:0!important;margin:0}
.cl-item li{display:flex;gap:10px;font-size:15px;margin-bottom:6px;color:#1C3A55}
.cl-item li code{font:600 11px/1 var(--font-mono);padding:4px 6px;border-radius:5px;height:max-content;margin-top:4px;flex:none;min-width:58px;text-align:center}
.t-new{background:var(--green-50);color:var(--green-ink)}.t-fix{background:#FFE9A6;color:#5C3A00}.t-imp{background:var(--primary-50);color:var(--blue-deep)}
#reviews ol.commentlist{list-style:none;padding:0;margin:0}
#reviews ol.commentlist li{margin:0 0 14px;padding:0;list-style:none}
#reviews .comment_container{background:#F2F9FE;border:2px solid var(--line);border-radius:18px;padding:22px 24px;display:flex;gap:14px;align-items:flex-start}
#reviews .comment_container img.avatar{width:40px;height:40px;border-radius:50%;flex:none;position:static;border:0}
#reviews .comment-text{margin:0;border:0;padding:0;flex:1}
#reviews .comment-text p{margin:8px 0 0;font-size:15px}
#reviews .woocommerce-review__author{font:600 15px var(--font-display);color:var(--ink)}
#reviews .woocommerce-review__verified{font-size:12px;color:var(--green-ink);font-weight:600}
#reviews .star-rating{color:var(--amber)}
#reviews #review_form input[type=text],#reviews #review_form input[type=email],#reviews #review_form textarea{border:2px solid var(--line);border-radius:11px;padding:10px 12px;width:100%;box-sizing:border-box;font:inherit}
.related{padding-top:50px;padding-bottom:70px}
.related-title,.related h2{font-size:30px;margin-bottom:24px;color:#fff;text-shadow:0 3px 0 rgba(4,38,63,.3)}
@media (max-width:1180px){.single-product .wrap.sp{grid-template-columns:minmax(0,1fr) 360px}}
@media (max-width:820px){
  .single-product .wrap.sp{grid-template-columns:minmax(0,1fr);gap:26px}
  .sp-main{display:contents}
  .sp-main .wp-block-woocommerce-product-image-gallery{order:1}
  .summary{position:static;order:2}
  .sp-main .wp-block-woocommerce-product-details{order:3;margin-top:4px}
  .product_title,.summary h1{font-size:28px}
  .wp-block-woocommerce-product-details .woocommerce-tabs{padding:4px 18px 24px;border-radius:20px}
  .woocommerce-tabs ul.tabs{overflow:hidden}.woocommerce-tabs ul.tabs li a{padding:12px 11px;font-size:14px;white-space:nowrap}
  .woocommerce-Tabs-panel table th{width:120px}
}
/* sample-product notice */
.df-sample-note{background:#FFF6D0;border:2px solid var(--orange);border-radius:11px;padding:8px 12px;font-size:13px;color:#5C3A00;margin:0 0 14px}

.trust ul,.perks,.tier ul,.earn ul,.cat-grid{list-style:none;padding-left:0}
.trust ul,.tier ul{margin-top:0;margin-bottom:0}.earn ul{margin-bottom:0}
.wc-block-product-search__button{background:linear-gradient(180deg,var(--orange-1),var(--orange-2))!important;color:#2A1700!important;border:1.5px solid #E69501!important;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 0 rgba(112,64,0,.45)}
.wc-block-product-search__button svg{fill:#2A1700}
.wc-block-product-search__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
ul.wc-block-product-template.wc-block-product-template__responsive{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media (max-width:1180px){ul.wc-block-product-template.wc-block-product-template__responsive{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){ul.wc-block-product-template.wc-block-product-template__responsive{grid-template-columns:1fr!important}}
.sp-main .wp-block-woocommerce-product-image-gallery>.woocommerce-product-gallery{border:0;box-shadow:none;border-radius:0}
.sp-main .wp-block-woocommerce-product-image-gallery{box-shadow:0 5px 0 rgba(4,38,63,.3);padding:0}
.single-product form.cart .quantity,.single-product .woocommerce-variation-add-to-cart .quantity{display:none}
.woocommerce-Tabs-panel{border:0!important}
.woocommerce-Tabs-panel>p{font-size:16px;line-height:1.65;margin:0 0 14px}
.single-product form.cart .quantity,.single-product .woocommerce-variation-add-to-cart .quantity,.single-product div.quantity{display:none!important}
.sp-main .woocommerce-product-gallery{margin:0!important}
.sp-main .wp-block-woocommerce-product-image-gallery{overflow:hidden}
.hero .wc-block-product-search__button svg{display:none}
.hero .wc-block-product-search__button::after{content:"Search";font:700 15px var(--font-sans)}