/* igul-fx.css : the Igul store in the FixDoks look (owner, 2026-09-26:
   "adopt the color and font from fixdoks.com only for igul store ... complete
   style ... need design uplift"). Loaded last on store pages only.
   Layer 1: tokens + type. Layer 2: generated recolour. Layer 3: components. */

:root{
  /* FixDoks palette (fixdoks.com site.css :root) */
  --fx-page:#f8e8da; --fx-app:#fff8f2; --fx-card:#fff; --fx-hover:#fbeee4; --fx-chip:#f6ece3;
  --fx-line:#eddfd2; --fx-line2:#e2d0c1; --fx-ink:#1d2b27; --fx-text:#111; --fx-sub:#3d4a45; --fx-muted:#5f6763;
  --fx-brand:#1f4d45; --fx-brand2:#17332d; --fx-soft:#e3f0dc; --fx-lime:#d6ec8c; --fx-lime-ink:#17332d;
  --fx-orange:#ff5a1f; --fx-orange-ink:#c2410c; --fx-cta:linear-gradient(180deg,#f0632a,#e4551f);
  --fx-ok:#2f7d32; --fx-ok-bg:#e3f5d8; --fx-ok-line:#bfe3a8;
  --fx-font:"Onest",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --fx-shadow:0 1px 2px rgba(0,0,0,.04);
  --fx-shadow-lg:0 1px 2px rgba(0,0,0,.04),0 24px 48px -28px rgba(40,50,40,.25);
  --fx-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.2 0 0 0 0 0.18 0 0 0 0 0.16 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  /* the store's own tokens, re-pointed */
  --bg:var(--fx-app); --bg2:var(--fx-hover); --card:#fff; --bd:var(--fx-line); --bd2:var(--fx-line2);
  --t1:var(--fx-text); --t2:var(--fx-sub); --t3:var(--fx-muted);
  --p:var(--fx-brand); --p2:var(--fx-brand2); --g:var(--fx-ok);
  --pk:var(--fx-orange); --bl:#1f4d45;
  --grad:linear-gradient(135deg,#1f4d45 0%,#2f6b60 60%,#9fd27a 100%);
  --grad3:linear-gradient(135deg,#9fd27a 0%,#1f4d45 100%);
  --sh:var(--fx-shadow);
}
/* ---- recolour: store pages (generated by gen_recolor.py) ---- */
body::before{background:radial-gradient(circle at 12% 6%,rgba(31,77,69,.10),transparent 42%),
radial-gradient(circle at 88% 24%,rgba(47,125,50,.09),transparent 42%)}
.chip.g{background:rgba(47,125,50,.10);border-color:rgba(47,125,50,.28);color:#2f7d32}
.cartbtn{background:linear-gradient(140deg,#1f4d45 0%,#1f4d45 55%,#111111 100%);box-shadow:0 12px 30px rgba(17,24,22,.34),0 0 0 1px rgba(255,255,255,.06) inset}
.cartbtn:hover{box-shadow:0 16px 38px rgba(17,24,22,.42),0 0 0 1px rgba(255,255,255,.1) inset}
.cartbtn .cnt{background:#ff5a1f}
.drawer .scrim{background:rgba(15,26,23,.45)}
.drawer .panel2{box-shadow:-20px 0 60px rgba(17,24,22,.22)}
.cfoot{background:#f7f8f5}
.cfoot .go{background:#1f4d45}
.cfoot .go:hover{background:#17332d}
.toast{background:#111111;box-shadow:0 12px 34px rgba(17,24,22,.32)}
.hero{background:linear-gradient(128deg,#f7f8f5 0%,#f7f8f5 46%,#eef4e8 100%)}
.hero::after{background:radial-gradient(circle,rgba(31,77,69,.16),transparent 65%)}
.hero .ghost{-webkit-text-stroke:1.6px rgba(31,77,69,.13)}
.hero .eyebrow2 .dot{background:#2f7d32}
.hero h1 em{background:linear-gradient(96deg,#1f4d45 0%,#ff5a1f 26%,#ff7a3d 52%,#f5b301 70%,#2f7d32 100%);-webkit-background-clip:text;background-clip:text}
.hero .acts2 .a1{background:#1f4d45;box-shadow:0 6px 20px rgba(23,51,45,.26)}
.hero .acts2 .a1:hover{background:#17332d}
.hstack>img{filter:drop-shadow(0 26px 40px rgba(17,24,22,.18))}
.hstack .tagfloat{box-shadow:0 14px 30px rgba(17,24,22,.16)}
.hstack .tagfloat .iconify{color:#2f7d32}
.hstack .tagfloat.t2 .iconify{color:#ff5a1f}
.search input:focus{box-shadow:0 0 0 4px rgba(31,77,69,.10)}
.card:hover{box-shadow:0 14px 40px rgba(17,24,22,.13)}
.badge{background:rgba(17,24,22,.72)}
.badge.g{background:rgba(47,125,50,.92);color:#17332d}
.card .qadd{background:#1f4d45}
.card .qadd:hover{background:#17332d}
.lhero h1{background:linear-gradient(135deg,#111111 0%,#17332d 55%,#1f4d45 100%);-webkit-background-clip:text;background-clip:text}
.hbtn.p{background:#1f4d45;box-shadow:0 4px 14px rgba(23,51,45,.22)}
.hbtn.p:hover{background:#17332d}
.lhero .shot{box-shadow:0 24px 60px rgba(17,24,22,.16)}
.eyebrow.t{background:rgba(47,125,50,.12);border-color:rgba(47,125,50,.32)}
/* tinted panel to break the page rhythm */ .panel{background:linear-gradient(160deg,#f7f8f5 0%,#f7f8f5 45%,#eefaf7 100%);box-shadow:0 1px 2px rgba(17,24,22,.03)}
.cap:hover{box-shadow:0 14px 36px rgba(17,24,22,.12)}
.split .shot{box-shadow:0 20px 50px rgba(17,24,22,.14)}
.fnum{box-shadow:0 4px 14px rgba(17,24,22,.08)}
.fstep .n{background:#1f4d45}
.matrix thead th{background:#f7f8f5}
.mlegend{background:#f7f8f5}
.cl figcaption{background:linear-gradient(to top,rgba(15,26,23,.90) 0%,rgba(15,26,23,.55) 55%,transparent 100%)}
.cl figcaption span{color:#d6d9d3}
.tile:hover{box-shadow:0 14px 36px rgba(17,24,22,.12)}
/* closing cta */ .cband{background:linear-gradient(135deg,#17332d 0%,#17332d 55%,#1f4d45 100%)}
.cband a{color:#17332d}
.cband a:hover{background:#eef1ea}
.thumbs button.act{box-shadow:0 0 0 3px rgba(31,77,69,.13)}
.colourpick input:focus{outline:2px solid rgba(31,77,69,.35)}
.btn.b-pri{background:#1f4d45;box-shadow:0 4px 14px rgba(23,51,45,.22)}
.btn.b-pri:hover{background:#17332d;box-shadow:0 6px 18px rgba(23,51,45,.28)}
.btn.b-sec:hover{border-color:#d6d9d3}
.prose{color:#17332d}
.tbl th.rk{background:#f7f8f5}
.sw{border:1px solid rgba(17,24,22,.16)}
.buybar{box-shadow:0 -6px 24px rgba(17,24,22,.10)}
.rcd .vb{background:rgba(47,125,50,.12);color:#2f7d32}
.card .badge{background:rgba(17,24,22,.72)}
.card .badge.g{background:rgba(47,125,50,.92);color:#17332d}
.steps div.done b{background:#2f7d32}
.field input:focus,.field textarea:focus{outline:2px solid rgba(31,77,69,.3)}
.btn2.pri{background:#1f4d45;box-shadow:0 6px 20px rgba(23,51,45,.26)}
.btn2.pri:hover{background:#17332d}
.msg.ok{background:rgba(47,125,50,.10);border:1px solid rgba(47,125,50,.3);color:#2f7d32}
.sumline.disc{color:#2f7d32}
.addr.sel{box-shadow:0 0 0 3px rgba(31,77,69,.12)}
.tagok{background:rgba(47,125,50,.12);color:#2f7d32}
.acard.def{box-shadow:0 0 0 3px rgba(31,77,69,.08)}
.hero2 .eyebrow{background:rgba(31,77,69,.08)}
.mcard{background:radial-gradient(120% 140% at 100% 0%,#2f6b60 0%,#1f4d45 42%,#17332d 100%);box-shadow:0 18px 44px rgba(23,51,45,.35)}
.ocard .ohead{background:linear-gradient(180deg,rgba(31,77,69,.04),rgba(31,77,69,0))}
.spill{background:rgba(31,77,69,.09)}
.spill.ok{background:rgba(47,125,50,.13);color:#2f7d32}
.pipe .st.done::before{background:linear-gradient(90deg,#2f6b60,#1f4d45)}
.pipe .st.done .dot{background:#1f4d45;border-color:#1f4d45}
.pipe .st.cur .dot{border-color:#1f4d45;box-shadow:0 0 0 5px rgba(31,77,69,.15)}
.pipe .st.cur .dot::after{background:#1f4d45}
.eta .eb{background:rgba(31,77,69,.12)}
.eta .eb i{background:linear-gradient(90deg,#2f6b60,#1f4d45)}
.shipb li::before{background:#1f4d45}
.oact{background:#f7f8f5}
.pbtn.chat{background:#1f4d45;border-color:#1f4d45}
.pk:hover{box-shadow:0 12px 26px rgba(23,51,45,.10)}
.pk .qa{background:#1f4d45}
.rung .off{background:linear-gradient(135deg,#2f6b60,#1f4d45)}
.rung .tico{color:#1f4d45;background:rgba(31,77,69,.09)}
.rung.locked .tico{color:#6b7370}
.rung.locked .off{background:linear-gradient(135deg,#bdbdbb,#6b7370)}
.phist div b.plus{color:#2f7d32}
.chatd{box-shadow:-18px 0 50px rgba(23,51,45,.22)}
.chatd .ch{background:linear-gradient(135deg,#2f6b60,#1f4d45)}
.chatd .cm{background:#f7f8f5}
.bub.me{background:#1f4d45}
.chatd form button{background:#1f4d45}
.slide .dots i.on{background:#1f4d45}
.slide .qa{background:#1f4d45}
/* ---- recolour: dd-chrome.js injected styles ---- */
/* ===== DD Header v2 ===== */ .dd-hdr2{border-bottom:1px solid rgba(238,241,234,.5)!important}
.dd-hdr2-mid .dd-mt{color:#1d2b27!important}
.dd-hdr2-mid .dd-mt:hover,.dd-hdr2-mid .dd-mi:hover .dd-mt{background:rgba(31,77,69,.08)!important;color:#1f4d45!important}
.dd-hdr2-mid .dd-dp{border-top:1px solid #e4e6e1!important;border-bottom:1px solid #e4e6e1!important;box-shadow:0 20px 60px rgba(31,77,69,.14),0 4px 16px rgba(0,0,0,.05)!important}
.dd-hdr2-mid .dd-dl{color:#111111!important}
.dd-hdr2-mid .dd-dl:hover{background:linear-gradient(135deg,rgba(31,77,69,.08),rgba(159,179,168,.06))!important}
.dd-hdr2-mid .dd-di{background:#f7f8f5!important;border:1px solid rgba(31,77,69,.1)!important}
.dd-hdr2-mid .dd-di .iconify{color:#1f4d45!important}
.dd-hdr2-mid .dd-dtx b{color:#111111!important}
.dd-hdr2-mid .dd-dtx span{color:#3d4a45!important}
.dd-hdr2-mid .dd-df{border-top:1px solid #f7f8f5!important}
.dd-hdr2-mid .dd-df a{color:#1f4d45!important}
.dd-hdr2-right .dd-bsi{border:1.5px solid rgba(31,77,69,.35)!important;color:#1f4d45!important}
.dd-hdr2-right .dd-bsi:hover{background:rgba(31,77,69,.06)!important}
.dd-hdr2-right .dd-bol{border:1.5px solid #d6d9d3!important;color:#1d2b27!important}
.dd-hdr2-right .dd-bol:hover{border-color:#1f4d45!important;color:#1f4d45!important}
.dd-hdr2-right .dd-bpr{background:linear-gradient(135deg,#1f4d45 0%,#2f6b60 50%,#1f4d45 100%)!important;box-shadow:0 8px 22px rgba(31,77,69,.38)!important}
.dd-hdr2-right .dd-bpr:hover{box-shadow:0 12px 30px rgba(31,77,69,.48)!important}
.dd-search-btn:hover{background:rgba(31,77,69,.08)!important}
.dd-search-btn>.iconify{color:#1f4d45!important}
.dd-search-panel{border:1px solid #e4e6e1!important;box-shadow:0 20px 60px rgba(31,77,69,.15)!important}
.dd-search-panel input{border:1.5px solid #e4e6e1!important;background:#f7f8f5!important;color:#111111!important}
.dd-search-panel input:focus{border-color:#1f4d45!important;box-shadow:0 4px 16px rgba(31,77,69,.1)!important}
.dd-search-results a{color:#111111!important}
.dd-search-results a:hover{background:rgba(31,77,69,.06)!important}
.dd-search-results a .dd-sr-ico{background:rgba(31,77,69,.08)!important}
.dd-search-results a .dd-sr-ico .iconify{color:#1f4d45!important}
.dd-search-results .dd-sr-empty{color:#5f6763!important}
.dd-mob-search input{border:1.5px solid #e4e6e1!important;background:#f7f8f5!important;color:#111111!important}
.dd-mob-search input:focus{border-color:#1f4d45!important;box-shadow:0 4px 16px rgba(31,77,69,.1)!important}
.dd-mob-search>.iconify{color:#5f6763!important}
.dd-mob-search .dd-search-results{border:1px solid #e4e6e1!important}
.dd-wa-fab .dd-wa-bubble{border:1px solid #e4e6e1!important;color:#111111!important}
/* ===== FOMO — bell trigger + slide-out panel ===== */ .fomo-trigger{background:linear-gradient(135deg,#1f4d45,#ec4899)!important;box-shadow:0 12px 32px rgba(31,77,69,.35),0 4px 12px rgba(0,0,0,.12)!important}
.fomo-trigger:hover{box-shadow:0 16px 40px rgba(31,77,69,.45),0 6px 14px rgba(0,0,0,.16)!important}
.fomo-panel{border:1px solid #e4e6e1!important;box-shadow:0 30px 80px rgba(31,77,69,.22),0 8px 20px rgba(0,0,0,.08)!important}
.fomo-panel-head{border-bottom:1px solid #f7f8f5!important}
.fomo-panel-head b{color:#111111!important}
.fomo-panel-list::-webkit-scrollbar-thumb{background:#eef1ea!important}
.fomo-item:hover{background:#f7f8f5!important}
.fomo-item .fomo-ico{background:linear-gradient(135deg,rgba(31,77,69,.12),rgba(47,125,50,.10))!important}
.fomo-item .fomo-ico .iconify{color:#1f4d45!important}
.fomo-item .fomo-tx b{color:#111111!important}
.fomo-item .fomo-tx b b{color:#1f4d45!important}
.fomo-item .fomo-tx span{color:#3d4a45!important}
.fomo-item .fomo-time{color:#5f6763!important}
.fomo-hl{color:#1f4d45!important}
.dd-s-logo b{color:#111111!important}
.dd-s-logo b span{color:#1f4d45!important}
.dd-s-mt{color:#1d2b27!important}
.dd-s-mt:hover{background:rgba(31,77,69,.08)!important;color:#1f4d45!important}
.dd-s-dp{border-top:1px solid #e4e6e1!important;border-bottom:1px solid #e4e6e1!important;box-shadow:0 20px 60px rgba(31,77,69,.14)!important}
.dd-s-col a.h{color:#111111!important}
.dd-s-col a.h:hover{background:rgba(31,77,69,.07)!important;color:#1f4d45!important}
.dd-s-col a.h .iconify{color:#1f4d45!important}
.dd-s-col a.s{color:#3d4a45!important}
.dd-s-col a.s:hover{background:#f7f8f5!important;color:#1f4d45!important}
.dd-s-df{border-top:1px solid #f7f8f5!important;color:#5f6763!important}
.dd-s-df a{color:#1f4d45!important}
.dd-s-search input{border:1px solid #eef1ea!important;background:#f7f8f5!important;color:#111111!important}
.dd-s-search input:focus{border-color:#d6d9d3!important;box-shadow:0 0 0 4px rgba(31,77,69,.10)!important}
.dd-s-search .mg{color:#5f6763!important}
.dd-s-search button{background:#1f4d45!important}
.dd-s-ico{color:#1d2b27!important;border:1px solid #e4e6e1!important}
.dd-s-ico:hover{border-color:#d6d9d3!important;color:#1f4d45!important}
.dd-s-cart{background:linear-gradient(135deg,#1f4d45,#2f6b60)!important}
.dd-s-cart .n{background:#2f7d32!important;color:#17332d!important}
.dd-s-strip{border-top:1px solid #f7f8f5!important;background:rgba(247,248,245,.85)!important}
.dd-s-strip a{color:#3d4a45!important}
.dd-s-strip a:hover{background:#f7f8f5!important;color:#1f4d45!important}
.dd-s-strip a.ship{color:#2f7d32!important}
.igo{background:linear-gradient(180deg,#17332d 0%,#17332d 44%,#17332d 100%)!important;box-shadow:0 0 0 2px rgba(159,179,168,.32),0 0 46px rgba(31,77,69,.5),0 34px 90px rgba(23,51,45,.62)!important}
.igo-x{background:rgba(23,51,45,.45)!important;color:#d6d9d3!important}
.igo-mq{background:linear-gradient(180deg,#1f4d45,#17332d)!important;border-bottom:1px solid rgba(159,179,168,.28)!important}
.igo-screen{background:radial-gradient(92% 82% at 50% 0%,#1f4d45 0%,#17332d 72%)!important;box-shadow:inset 0 0 0 1px rgba(159,179,168,.28),inset 0 0 44px rgba(37,117,252,.22)!important}
.igo-sub{color:#d6d9d3!important}
.igo-foil{box-shadow:0 5px 9px -3px rgba(23,51,45,.45)!important;background:linear-gradient(110deg,#1f4d45 0%,#1f4d45 28%,#2575FC 52%,#1f4d45 74%,#1f4d45 100%)!important}
.igo-g:hover{background:#f7f8f5!important}
.igo-or{color:#9fb3a8!important}
.igo-or:before,.igo-or:after{background:rgba(159,179,168,.24)!important}
.igo-deck label{color:#9fb3a8!important}
.igo-in{border:1.5px solid rgba(159,179,168,.32)!important;background:rgba(23,51,45,.55)!important}
.igo-in::placeholder{color:#2f6b60!important}
.igo-fine{color:#9fb3a8!important}
.igo-copy{border:1.5px solid rgba(159,179,168,.4)!important;background:rgba(23,51,45,.5)!important}
.igo-copy:hover{background:rgba(159,179,168,.14)!important}
" + ".igh.big{border:1px solid #eef1ea!important}
" + ".igp h4{color:var(--t1,#111111)!important}
" + ".igp h4 .iconify{color:#1f4d45!important}
" + ".igp .sub{color:var(--t2,#3d4a45)!important}
" + ".igp label{color:var(--t2,#3d4a45)!important}
" + ".igp label i{color:var(--t3,#5f6763)!important}
" + ".igp input,.igp textarea{border:1px solid var(--bd2,#d6d9d3)!important;color:var(--t1,#111111)!important}
" + ".igp input:focus,.igp textarea:focus{border-color:#1f4d45!important;box-shadow:0 0 0 3px rgba(31,77,69,.13)!important}
" + ".igp .hint{color:var(--t3,#5f6763)!important}
.igmk select{border:1px solid #d6d9d3!important;color:#17332d!important}
" + ".igship{background:#eef1ea!important;border-bottom:1px solid #e3f0dc!important;color:#17332d!important}
" + ".igship b{color:#1f4d45!important}
.igship.ok b{color:#2f7d32!important}
" + ".igship .bar{background:rgba(31,77,69,.14)!important}
" + ".igship .bar i{background:#1f4d45!important}
.igship.ok .bar i{background:#2f7d32!important}
" + ".igbig .bx{box-shadow:0 30px 80px rgba(17,24,22,.35)!important;color:#1d2b27!important}
" + ".igbig .tag{background:#eef1ea!important;color:#1f4d45!important}
" + ".igbig h3{color:#1d2b27!important}
.igbig h3 b{color:#1f4d45!important}
" + ".igbig p{color:#3d4a45!important}
.igbig .g{border:1px solid #d6d9d3!important;color:#1d2b27!important}
.igbig input{border:1px solid #d6d9d3!important}
" + ".igbig .go{background:#1f4d45!important}
.igbig .code{border:2px dashed #1f4d45!important;color:#1f4d45!important}
.igx-btn:hover{background:#17332d!important}
.igx-btn.ghost{color:#17332d!important;border:1px solid #d6d9d3!important}
.igx .scrim{background:rgba(15,26,23,.45)!important}
.igx .pn{color:#17332d!important}
.igx label .rs{color:#1f4d45!important}
.igx input,.igx textarea,.igx select{border:1px solid #d6d9d3!important;color:#17332d!important}
.igx input:focus,.igx textarea:focus,.igx select:focus{outline:2px solid #d6d9d3!important;border-color:#2f6b60!important}
.igx .ed{border-color:#2f6b60!important;background:#f7f8f5!important}
.igx .pic{border:2px solid #eef1ea!important;background:#f7f8f5!important}
.igx .pic .tl button{color:#17332d!important}
.igx .intl{border:1px solid #eef1ea!important}
.igx .intl td{border-top:1px solid #eef1ea!important}
.igx .intl .cap{background:#f7f8f5!important}
/* ---------------- layer 3: FixDoks components ---------------- */
html{background:var(--fx-page)}
body{color:var(--fx-text);font-family:var(--fx-font)!important;
  -webkit-font-smoothing:antialiased;font-feature-settings:"ss01"}
body{background:
  radial-gradient(1100px 620px at 8% -8%,rgba(255,138,76,.30),transparent 60%),
  radial-gradient(900px 560px at 100% 4%,rgba(246,166,107,.26),transparent 62%),
  radial-gradient(1200px 700px at 50% 110%,rgba(240,99,42,.14),transparent 60%),
  var(--fx-page)!important;background-attachment:fixed!important}
body::before{background:var(--fx-grain) 0 0/200px 200px!important;opacity:.34;z-index:0!important;mix-blend-mode:multiply}
body>*{position:relative}
body>.drawer,body>.toast,body>.cartbtn{position:fixed}
h1,h2,h3,h4,.ff,.dd-hdr2 *,button,input,select,textarea{font-family:var(--fx-font)!important}
h1,h2,h3,h4{letter-spacing:-.025em;font-weight:650;color:var(--fx-text)}
::selection{background:var(--fx-lime);color:var(--fx-lime-ink)}
:focus-visible{outline:2.5px solid var(--fx-brand)!important;outline-offset:2px;border-radius:8px}
a:hover{text-underline-offset:3px}

/* ---- header (dd-chrome.js) ---- */
.dd-hdr2{background:rgba(255,255,255,.92)!important;backdrop-filter:saturate(1.2) blur(10px);
  border-bottom:1px solid var(--fx-line)!important;box-shadow:none!important}
.dd-hdr2 a,.dd-hdr2 button{color:var(--fx-ink)}
.dd-hdr2 input{background:#f1f2ef!important;border:1px solid transparent!important;border-radius:12px!important;color:var(--fx-text)!important}
.dd-hdr2 input:focus{background:#fff!important;border-color:var(--fx-brand)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--fx-brand) 14%,transparent)!important}
.dd-search-btn{background:var(--fx-brand)!important;border-radius:10px!important}
.dd-s-cart,.dd-hdr2 .dd-s-cart{background:var(--fx-cta)!important;border:1px solid #d24a16!important;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 18px -12px rgba(228,85,31,.8)!important;border-radius:12px!important}
.dd-s-strip{background:rgba(255,248,242,.9)!important;border-bottom:1px solid var(--fx-line)!important}
.dd-s-strip a{color:var(--fx-sub)!important;font-weight:500!important;border-radius:10px;padding-left:10px;padding-right:10px}
.dd-s-strip a:hover{background:var(--fx-hover)!important;color:var(--fx-ink)!important;text-decoration:none}

/* ---- breadcrumbs, chips, tags ---- */
.crumb{color:var(--fx-muted)}
.crumb a{color:var(--fx-sub)}
.chip{background:var(--fx-chip);border:1px solid var(--fx-line);color:var(--fx-ink);font-weight:600;border-radius:999px}
.chip:hover{background:var(--fx-lime);border-color:var(--fx-lime);color:var(--fx-lime-ink);text-decoration:none}
.chip.g{background:var(--fx-ok-bg);border-color:var(--fx-ok-line);color:var(--fx-ok)}
.tag{background:#fff;border-color:var(--fx-line);color:var(--fx-sub);border-radius:999px}

/* ---- hero ---- */
.hero{background:#fff!important;border:1px solid var(--fx-line)!important;border-radius:24px!important;
  box-shadow:var(--fx-shadow-lg)}
.hero::after{background:radial-gradient(circle,rgba(255,138,76,.45),transparent 65%)!important;opacity:.8}
.hero .ghost{-webkit-text-stroke:1.4px rgba(31,77,69,.07)!important}
.hero .eyebrow2{background:var(--fx-ok-bg)!important;border:1px solid var(--fx-ok-line)!important;color:var(--fx-ok)!important;
  text-transform:none!important;letter-spacing:0!important;font-weight:600!important;font-size:13px!important;border-radius:999px!important;padding:5px 12px!important}
.hero .eyebrow2 .dot{background:var(--fx-ok)!important}
.hero h1{max-width:16ch!important;font-weight:700!important;letter-spacing:-.035em!important;color:var(--fx-text)!important}
.hero h1 em{background:none!important;-webkit-text-fill-color:var(--fx-orange-ink)!important;color:var(--fx-orange-ink)!important;animation:none!important}
.hero p{color:var(--fx-sub)!important}
.hstat{background:#fff;border:1px solid var(--fx-line)!important;border-radius:16px!important;box-shadow:none!important}
.tagfloat{background:#fff!important;border:1px solid var(--fx-line)!important;border-radius:16px!important;box-shadow:var(--fx-shadow-lg)!important}

/* ---- buttons ---- */
.btn,.btn.p,.hero .acts2 a:first-child,.acts2 .p,button.p,a.p{border-radius:12px}
.hero .acts2 a:first-child,.btn.p,a.btn-p,.btn-p{background:var(--fx-brand)!important;color:#fff!important;border:1px solid var(--fx-brand)!important;
  box-shadow:0 10px 22px -14px rgba(31,77,69,.9)!important}
.hero .acts2 a:first-child:hover,.btn.p:hover{background:var(--fx-brand2)!important;text-decoration:none}
.hero .acts2 a+a{background:#fff!important;color:var(--fx-ink)!important;border:1px solid var(--fx-line2)!important;box-shadow:none!important}
.hero .acts2 a+a:hover{background:var(--fx-hover)!important;text-decoration:none}

/* ---- catalogue: sidebar, search, sort ---- */
.side{background:#fff!important;border:1px solid var(--fx-line)!important;border-radius:20px!important;box-shadow:var(--fx-shadow)!important}
.side h3,.side h4,.side .ttl{color:var(--fx-muted)!important;letter-spacing:.02em}
.side a,.side .cat,.side button{border-radius:12px}
.side a:hover,.side .cat:hover{background:var(--fx-hover)!important;text-decoration:none}
.side .on,.side a.on,.side .cat.on,.side [aria-current],.side .active{background:var(--fx-lime)!important;color:var(--fx-lime-ink)!important;font-weight:600}
.side .n,.side .count{color:var(--fx-muted)}
.tools .search,.tools input,.search input,input.search,.sort,select{background:#fff!important;border:1px solid var(--fx-line)!important;
  border-radius:14px!important;color:var(--fx-text)!important;box-shadow:var(--fx-shadow)}
.tools input:focus,.search input:focus,select:focus{border-color:var(--fx-brand)!important;outline:none;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--fx-brand) 14%,transparent)!important}

/* ---- product cards ---- */
.card{background:#fff!important;border:1px solid var(--fx-line)!important;border-radius:20px!important;box-shadow:var(--fx-shadow)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.card:hover{transform:translateY(-2px);border-color:var(--fx-line2)!important;box-shadow:var(--fx-shadow-lg)!important;text-decoration:none}
.card .ph{border-radius:16px;margin:6px 6px 0;overflow:hidden;background:var(--fx-hover)!important}
.card .body{padding:12px 14px 14px}
.card h3{font-weight:600!important;color:var(--fx-text)!important;letter-spacing:-.01em}
.card .cat-line{color:var(--fx-muted)!important;font-weight:500}
.badge{background:rgba(29,43,39,.86)!important;color:#fff!important;border-radius:999px!important;font-weight:600!important}
.badge.g{background:var(--fx-lime)!important;color:var(--fx-lime-ink)!important}
.price,.card .price{color:var(--fx-text)!important;font-weight:700!important;letter-spacing:-.01em}
.qadd{background:var(--fx-lime)!important;color:var(--fx-lime-ink)!important;border:0!important;border-radius:10px!important;font-weight:600!important;box-shadow:none!important}
.qadd:hover{background:var(--fx-brand)!important;color:#fff!important}
.stars,.crate{color:#e0a100}

/* ---- product page ---- */
.gal,.gallery,.pgal,.main-img,.hero-img{border-radius:20px}
.buybox,.pbox{background:#fff!important;border:1px solid var(--fx-line)!important;border-radius:20px!important;box-shadow:var(--fx-shadow)!important}
button.add,.add-cart,.addcart,#addCart,.buy-now,.buynow,.cta,.buy .b-pri,.buybar .b-pri{background:var(--fx-cta)!important;border:1px solid #d24a16!important;color:#fff!important;
  border-radius:12px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 18px -12px rgba(228,85,31,.8)!important}
button.add:hover,.buy .b-pri:hover,.buybar .b-pri:hover,.add-cart:hover,.addcart:hover,#addCart:hover,.buy-now:hover,.cta:hover{filter:brightness(1.06)}

/* ---- cart: floating button, drawer, toast ---- */
.cartbtn{background:var(--fx-brand)!important;border-radius:50%!important;box-shadow:0 14px 30px -10px rgba(31,77,69,.7)!important}
.cartbtn .cnt{background:var(--fx-orange)!important}
.drawer .scrim{background:rgba(20,30,25,.35)!important}
.cfoot{background:var(--fx-app)!important}
.cfoot .go{background:var(--fx-cta)!important;border:1px solid #d24a16!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 18px -12px rgba(228,85,31,.8)!important}
.cfoot .go:hover{filter:brightness(1.06)}
.toast{background:var(--fx-ink)!important;border-radius:14px!important}

/* ---- FAQ, SEO copy, footer ---- */
.faq details{border-color:var(--fx-line)!important;border-radius:16px!important;box-shadow:none!important}
.faq summary::after{color:var(--fx-brand)!important}
footer{background:var(--fx-app)!important;border-top:1px solid var(--fx-line)!important}
.ft-col h4{font-weight:650}

/* ---- checkout + account (shop.py) ---- */
input:not([type]),input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=search],textarea{border-radius:12px!important;border-color:var(--fx-line2)!important}
input:not([type]):focus,input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,textarea:focus{border-color:var(--fx-brand)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--fx-brand) 14%,transparent)!important;outline:none}
#pay,.pay,button.pay,.paybtn{background:var(--fx-cta)!important;border:1px solid #d24a16!important;color:#fff!important;border-radius:12px!important}

/* WhatsApp bubble keeps WhatsApp green; only its shape follows the system */
.dd-wa-fab{border-radius:50%}

.stepper{border:1px solid var(--fx-line2)!important;border-radius:12px!important;background:#fff!important}
.stepper button:hover{background:var(--fx-hover)!important;color:var(--fx-ink)!important}
.b-pri{background:var(--fx-brand)!important;border-color:var(--fx-brand)!important;color:#fff!important;border-radius:12px!important}
.b-sec,.btn.b-sec{background:#fff!important;border:1px solid var(--fx-line2)!important;color:var(--fx-ink)!important;border-radius:12px!important}

/* ---- cookie notice (bunzo.js #bz-consent): a quiet FixDoks card ---- */
html.dd-shop #bz-consent{background:#fff!important;color:var(--fx-ink)!important;border:1px solid var(--fx-line)!important;
  border-radius:16px!important;box-shadow:var(--fx-shadow-lg)!important;font-family:var(--fx-font)!important}
html.dd-shop #bz-consent a{color:var(--fx-brand)!important}
html.dd-shop #bz-consent button{font-family:var(--fx-font)!important;border-radius:10px!important;background:var(--fx-chip)!important;color:var(--fx-ink)!important;box-shadow:none!important}
html.dd-shop #bz-consent button:first-child{background:var(--fx-brand)!important;color:#fff!important}

/* ---- category hubs: give the header block room to breathe ---- */
.wrap>.sec:first-of-type h1,.sec>h1{font-size:clamp(28px,3.4vw,40px);font-weight:700;letter-spacing:-.03em;margin:10px 0 10px}
.sec>.lede{color:var(--fx-sub);font-size:16.5px;max-width:78ch;margin-bottom:16px}
.sec>.chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}
.sec>.chips .chip{padding:7px 14px;font-size:13.5px;background:#fff}
.sec>.chips .chip:hover{background:var(--fx-lime)}
.sec h2{letter-spacing:-.025em;font-weight:650}
.wrap>.sec+.sec,.wrap>.sec+div{margin-top:26px}
.grid{gap:18px}

/* owner 2026-09-26: hero runs the full width of the window, text stays on the page column */
html,body{overflow-x:clip}
.wrap>.hero{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;border-radius:0!important;border-left:0!important;border-right:0!important;padding-left:calc(50vw - 50%)!important;padding-right:calc(50vw - 50%)!important}
/* breadcrumb: bold dark green */
.crumb,.crumb a,.crumb>span:not(.sep){color:var(--fx-brand,#1f4d45)!important;font-weight:700!important}
.crumb .sep{color:var(--fx-muted)!important;font-weight:500!important}
/* owner: keep breathing room inside the full-width hero */
.wrap>.hero{padding-left:calc(50vw - 50% + 56px)!important;padding-right:calc(50vw - 50% + 56px)!important}
@media(max-width:760px){.wrap>.hero{padding-left:calc(50vw - 50% + 20px)!important;padding-right:calc(50vw - 50% + 20px)!important}}

/* owner 2026-09-26: a slow silver sheen that sweeps across the whole category row.
   The band is pinned to the window (background-attachment:fixed), so it travels
   through every name in turn; under it a solid layer keeps the text its normal colour. */
@keyframes igulSheen{0%{background-position:-45vw 0,0 0}60%,100%{background-position:115vw 0,0 0}}
.dd-s-strip-in a[href*="/products/"]:not(.ship){
  background-image:linear-gradient(100deg,rgba(61,74,69,0) 0,#8d979b 30%,#eef2f4 45%,#ffffff 50%,#b9c1c5 58%,#6b767a 72%,rgba(61,74,69,0) 100%),linear-gradient(#3d4a45,#3d4a45);
  background-size:30vw 100%,100% 100%;background-repeat:no-repeat;background-attachment:fixed,scroll;background-color:transparent;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:igulSheen 6.5s cubic-bezier(.45,.05,.35,1) infinite}
.dd-s-strip-in a[href*="/products/"]:not(.ship):hover{animation:none;background-image:none;-webkit-text-fill-color:var(--fx-brand,#1f4d45)}
@media (prefers-reduced-motion:reduce){.dd-s-strip-in a[href*="/products/"]:not(.ship){animation:none;background-image:none;-webkit-text-fill-color:currentColor}}