/* Anymacs configurator v3 – own design (Anymacs green / clean white). Phone first: summary is a bottom bar on phones,
   a sticky panel on the right from 992px. Colours from the Anymacs brand tokens. */
.c3{--g:#1A7F33;--g2:#166D2B;--gf:#3DBE4E;--gs:#E1F4E4;--ink:#1C211E;--ink2:#3E4641;--mut:#5A635D;--line:#DDE1DB;--bg:#F6F7F4;--card:#fff;--r:16px;
  color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.45}
.c3 h1,.c3 h2,.c3 h3{font-family:Montserrat,-apple-system,"Segoe UI",sans-serif;color:var(--ink);letter-spacing:-.01em}
.c3-wrap{max-width:1180px;margin:0 auto;padding:12px 16px 120px}
.c3-crumbs{font-size:13px;color:var(--mut);margin:6px 0 10px}.c3-crumbs a{color:var(--mut)}
.c3-head{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.c3-head h1{font-size:clamp(22px,4.4vw,34px);font-weight:700;margin:0;flex:1 1 320px;line-height:1.15}
.c3-art{width:100%;max-width:260px;aspect-ratio:3/2;display:block}
.c3-usp{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px;padding:0;list-style:none}
.c3-usp li{background:var(--gs);color:#1A6E2E;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}
.c3-usp li i{margin-right:6px}
.c3-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:992px){.c3-grid{grid-template-columns:minmax(0,1fr) 360px}.c3-wrap{padding-bottom:40px}}
/* steps */
.c3-step{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:14px}
.c3-step h2{font-size:18px;font-weight:700;margin:0 0 12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.c3-step h2>span{width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;display:inline-grid;place-items:center;font-size:13px}
.c3-step h2 em{font-style:normal;font-weight:500;color:var(--mut);font-size:14px}
.c3-help{margin-left:auto;background:none;border:0;color:var(--g);font-weight:600;font-size:14px;text-decoration:underline;padding:4px 0;cursor:pointer}
.c3-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.c3-opts-chip,.c3-opts-ext{grid-template-columns:1fr}
@media(min-width:600px){.c3-opts-chip{grid-template-columns:repeat(2,1fr)}.c3-opts-ext{grid-template-columns:repeat(2,1fr)}}
.c3-opt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--ink);font:inherit;cursor:pointer;text-decoration:none;min-height:56px;transition:border-color .15s,box-shadow .15s}
.c3-opt:hover{border-color:#9DB8A2;color:var(--ink);text-decoration:none}
.c3-opt:focus-visible{outline:3px solid rgba(61,190,78,.45);outline-offset:2px}
.c3-opt.on{border-color:var(--g);box-shadow:0 0 0 1px var(--g) inset;background:#FAFDF9}
.c3-opt b{font-size:15px;font-weight:700}.c3-opt small{color:var(--mut);font-size:13px}
.c3-opt .c3-hint{color:var(--ink2)}.c3-opt .c3-note{color:#8A5300}
.c3-opt.off{cursor:not-allowed;background:#F3F4F1;border-style:dashed;color:#8B938D}.c3-opt.off b{color:#8B938D}
.c3-why{color:#8A5300!important;font-weight:600}
.c3-d{margin-top:4px;font-size:13px;font-weight:700;color:var(--ink2)}.c3-d0{color:#1A6E2E;font-weight:600}
.c3-opts-size .c3-opt small{font-size:12.5px}
.shake{animation:c3sh .35s}@keyframes c3sh{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.c3-tog{flex-direction:column;padding-left:44px}.c3-tog input{position:absolute;left:14px;top:15px;width:20px;height:20px;accent-color:var(--g)}
.c3-sw{display:flex;gap:12px;flex-wrap:wrap}
.c3-swatch{width:44px;height:44px;border-radius:50%;border:2px solid transparent;background:none;padding:3px;cursor:pointer}
.c3-swatch span{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.c3-swatch.on{border-color:var(--g)}.c3-swatch:focus-visible{outline:3px solid rgba(61,190,78,.45)}
/* summary */
.c3-sum{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px}
@media(min-width:992px){.c3-sum{position:sticky;top:90px}}
.c3-sum h3{font-size:16px;margin:0 0 8px}
.c3-sum [data-c3-name]{font-weight:700;font-size:16px;line-height:1.3;margin:0 0 10px}
.c3-sum ul{list-style:none;padding:0;margin:0 0 12px;font-size:14px}.c3-sum li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #EEF0EC;padding:6px 0}
.c3-sum li span{color:var(--mut)}
.c3-mrp{display:flex;align-items:baseline;justify-content:space-between;margin:6px 0 2px}.c3-mrp small{color:var(--mut)}.c3-mrp b{font-size:26px;font-family:Montserrat,sans-serif}
.c3-mrp-note{font-size:12.5px;color:var(--mut);margin:0 0 12px}
.c3-go{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--g);color:#fff!important;border:0;border-radius:999px;padding:14px 18px;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none!important}
.c3-go:hover{background:var(--g2)}.c3-go:focus-visible{outline:3px solid rgba(61,190,78,.5);outline-offset:2px}
.c3-row{display:flex;gap:8px;margin-top:10px}.c3-row button,.c3-row a{flex:1;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:9px 10px;font-weight:600;font-size:13.5px;color:var(--ink);cursor:pointer;text-align:center}
.c3-row button:hover{border-color:var(--g)}
.c3-perks{list-style:none;padding:0;margin:14px 0 0;font-size:13.5px;color:var(--ink2)}.c3-perks li{padding:3px 0}.c3-perks i{color:var(--g);width:18px}
@media(max-width:991px){.c3-sum{order:2}}
/* bottom bar on phones */
.c3-bar{position:fixed;left:0;right:0;bottom:0;z-index:1030;background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(28,33,30,.08);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;gap:12px;align-items:center}
.c3-bar>div{flex:1;min-width:0}.c3-bar b{display:block;font-size:16px}.c3-bar small{display:block;color:var(--mut);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c3-bar .c3-go{width:auto;padding:12px 16px;font-size:15px;white-space:nowrap}
@media(min-width:992px){.c3-bar{display:none}}
/* stock */
.c3-stock{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:14px}
.c3-stock h2{font-size:18px;margin:0 0 4px}.c3-stock>p{color:var(--mut);font-size:13.5px;margin:0 0 10px}
.c3-st{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-top:1px solid #EEF0EC;padding:10px 0}
.c3-st b{font-size:14.5px}.c3-st small{display:block;color:var(--mut);font-size:13px}.c3-st.exact b{color:var(--g)}
.c3-tag{background:var(--gs);color:#1A6E2E;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:700}
.c3-st-act{display:flex;gap:8px;align-items:center}.c3-st-act a{font-weight:600;font-size:13.5px;color:var(--g)}
.c3-ask{background:#fff;border:1.5px solid var(--g);color:var(--g);border-radius:999px;padding:7px 12px;font-weight:700;font-size:13px;cursor:pointer}.c3-ask:hover{background:var(--gs)}
.c3-muted{color:var(--mut)}
/* help + faq + dialogs */
.c3-faq{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:6px 16px;margin-bottom:14px}
.c3-faq details{border-bottom:1px solid #EEF0EC;padding:12px 0}.c3-faq details:last-child{border:0}
.c3-faq summary{font-weight:700;cursor:pointer;list-style:none}.c3-faq summary::-webkit-details-marker{display:none}
.c3-faq summary::after{content:"+";float:right;color:var(--g);font-weight:700}.c3-faq details[open] summary::after{content:"\2212"}
.c3-faq p{margin:8px 0 0;color:var(--ink2)}
dialog.c3-dlg{border:0;border-radius:18px;padding:0;max-width:min(720px,94vw);width:100%;box-shadow:0 20px 60px rgba(0,0,0,.25)}
dialog.c3-dlg::backdrop{background:rgba(20,24,21,.5)}
.c3-dlg-h{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.c3-dlg-h h2{font-size:18px;margin:0}
.c3-dlg-h button{background:none;border:0;font-size:24px;line-height:1;cursor:pointer;color:var(--mut)}
.c3-dlg-b{padding:16px 18px;max-height:70vh;overflow:auto}
.c3-tier{border-left:4px solid var(--gf);padding:4px 0 4px 12px;margin-bottom:12px}.c3-tier b{display:block}
.c3-cmp-t{width:100%;border-collapse:collapse;font-size:14px}.c3-cmp-t th,.c3-cmp-t td{border-bottom:1px solid #EEF0EC;padding:8px;text-align:left;vertical-align:top}
.c3-cmp-t th{color:var(--mut);font-weight:600;width:120px}.c3-cmp-t button{background:none;border:0;color:#B4251B;cursor:pointer;padding:0}
.c3-cmp-btn{position:fixed;left:16px;bottom:84px;z-index:1031;background:var(--ink);color:#fff;border:0;border-radius:999px;padding:10px 14px;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.2);cursor:pointer}
@media(min-width:992px){.c3-cmp-btn{bottom:20px}}
.c3-note-s{font-size:12.5px;color:var(--mut);margin-top:16px}
/* start screen */
.c3-hero{padding:8px 0 4px}.c3-hero h1{font-size:clamp(26px,5vw,42px);font-weight:700;margin:4px 0 8px;line-height:1.1}.c3-hero p{color:var(--ink2);max-width:720px;font-size:16px}
.c3-filter{display:inline-flex;background:#ECEEEA;border-radius:999px;padding:4px;margin:6px 0 16px;flex-wrap:wrap}
.c3-filter button{border:0;background:none;border-radius:999px;padding:8px 14px;font-weight:700;font-size:14px;color:var(--ink2);cursor:pointer}
.c3-filter button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.c3-fams{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.c3-fam{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}
.c3-fam:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(28,33,30,.1);color:var(--ink);text-decoration:none}
.c3-fam:focus-visible{outline:3px solid rgba(61,190,78,.5);outline-offset:2px}
.c3-fam .c3-art{max-width:none;background:linear-gradient(160deg,#F2F6F1,#E4EDE5);padding:14px}
.c3-fam-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.c3-fam h2{font-size:19px;font-weight:700;margin:0}.c3-fam p{margin:0;color:var(--mut);font-size:13.5px}
.c3-fam-f{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:8px}
.c3-fam-f b{font-size:15px}.c3-fam-f span{background:var(--ink);color:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}
.c3-badges{display:flex;gap:6px;flex-wrap:wrap}.c3-badges em{font-style:normal;font-size:12px;font-weight:700;border-radius:999px;padding:3px 9px;background:var(--gs);color:#1A6E2E}
.c3-badges em.cpo{background:#E3EDFB;color:#1A5DB3}
.c3-how{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:26px 0}
.c3-how div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.c3-how b{display:block;font-size:15px;margin-bottom:4px}.c3-how i{color:var(--g);font-size:20px;margin-bottom:6px;display:block}
.c3-old{margin:18px 0}.c3-old a{display:inline-block;margin:4px 8px 4px 0}
.c3 [hidden],.c3[hidden],[data-c3-cmp-open][hidden]{display:none!important}
/* the site's global styles colour bold text / buttons – keep ours readable */
.c3 b,.c3 strong{color:inherit}.c3 .c3-opt b,.c3 .c3-fam b,.c3 .c3-fam h2{color:var(--ink)}.c3 .c3-st.exact b{color:var(--g)}.c3 .c3-opt.off b{color:#8B938D}
.c3 [data-c3-name]{color:var(--ink)}.c3 p{color:inherit}
.c3-cmp-btn{background:#1C211E!important;color:#fff!important;border:0!important}
.c3-ask{background:#fff!important;color:var(--g,#1A7F33)!important}.c3-go{background:#1A7F33!important;color:#fff!important}.c3-go:hover{background:#166D2B!important}
.c3-bar b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* speed: space for the steps before the script draws them; below-the-fold boxes are laid out when they come into view */
.c3-pending{min-height:1700px}@media(min-width:600px){.c3-pending{min-height:1450px}}@media(min-width:992px){.c3-pending{min-height:1300px}}
.c3-faq,.c3-stock,.c3-how{content-visibility:auto;contain-intrinsic-size:auto 600px}
.c3-bar{min-height:66px}.c3-bar>div{min-height:40px}