/* wid-theme-css */ :root{ --wid-bg:#f7f5ee;--wid-surface:#ffffff;--wid-ink:#1d222a;--wid-muted:#6b746d;--wid-line:#e4e0d3; --wid-green:#202f49;--wid-green-2:#304569;--wid-deep:#0f141c;--wid-deep-2:#1a202b;--wid-tan:#c8a25b;--wid-tan-ink:#2b2213; --wid-title:#a8541a;--wid-soft:#e5e9ef;--wid-soft-line:#cbd1dc;--wid-purple:#6b3fa0;--wid-chip:#f3f0e6; --wid-serif:'Fraunces',Georgia,serif;--wid-sans:'DM Sans',system-ui,sans-serif; } html.wid-dark{ --wid-bg:#101317;--wid-surface:#181c22;--wid-ink:#eaedf1;--wid-muted:#9aa59c;--wid-line:#2a2f37; --wid-soft:#1c212a;--wid-soft-line:#2c333f;--wid-chip:#1f232a;--wid-title:#e0955a; } html.wid-dark{color-scheme:dark; --global-palette3:#eaedf1;--global-palette4:#dcdfe5;--global-palette5:#b8bcc2;--global-palette6:#9aa59c; --global-palette7:#2a2f37;--global-palette8:#181c22;--global-palette9:#101317;--global-palette9rgb:16,23,18; --global-palette-btn:#ffffff;--global-palette-btn-hover:#ffffff;--global-palette-btn-bg:#304569;--global-palette-btn-bg-hover:#202f49; --global-palette-btn-sec:#eaedf1;--global-palette-btn-sec-hover:#ffffff;--global-palette-btn-sec-bg:#1f232a;--global-palette-btn-sec-bg-hover:#2a2f37; } html.wid-dark input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]),html.wid-dark select,html.wid-dark textarea{background-color:var(--wid-surface)!important;color:var(--wid-ink)!important;border-color:var(--wid-line)!important} html.wid-dark ::placeholder{color:var(--wid-muted)!important;opacity:1} html.wid-dark .site-footer,html.wid-dark .site-footer-wrap,html.wid-dark .site-footer-row-container,html.wid-dark .site-footer-row-container-inner{background:var(--wid-surface)!important;color:var(--wid-muted)!important} html.wid-dark .site-footer a{color:var(--wid-ink)!important} html.wid-dark .woocommerce-message,html.wid-dark .woocommerce-info,html.wid-dark .woocommerce-error,html.wid-dark .woocommerce-noreviews,html.wid-dark p.no-comments,html.wid-dark .wc-block-components-notice-banner{background:var(--wid-surface)!important;color:var(--wid-ink)!important;border-color:var(--wid-line)!important} html.wid-dark table,html.wid-dark th,html.wid-dark td{border-color:var(--wid-line)!important;color:var(--wid-ink)} html.wid-dark .entry.content-bg,html.wid-dark .content-bg,html.wid-dark .woocommerce-MyAccount-navigation,html.wid-dark .wc-block-components-sidebar,html.wid-dark .select2-container .select2-selection,html.wid-dark .select2-dropdown{background:var(--wid-surface)!important;color:var(--wid-ink)} html.wid-dark h1,html.wid-dark h2,html.wid-dark h3,html.wid-dark h4,html.wid-dark h5,html.wid-dark h6,html.wid-dark .entry-title{color:var(--wid-ink)} html.wid-dark .entry-content,html.wid-dark .woocommerce-loop-product__title,html.wid-dark .price,html.wid-dark label{color:var(--wid-ink)} .wid-i-sun{display:none}html.wid-dark .wid-i-sun{display:block}html.wid-dark .wid-i-moon{display:none} body{background:var(--wid-bg)!important;color:var(--wid-ink);font-family:var(--wid-sans)} html.wid-dark body,html.wid-dark .site,html.wid-dark #inner-wrap{background:var(--wid-bg)!important;color:var(--wid-ink)} .wid-wrap{max-width:1200px;margin:0 auto;padding:0 20px} .wid-wrap *,.wid-header *,.wid-main *,.wid-modal *{box-sizing:border-box} /* Announcement */ .wid-announce{background:#111;color:#f3eee0;text-align:center;font:500 13px/1.2 var(--wid-sans);padding:9px 16px} .wid-announce a{color:#f3eee0;text-decoration:underline;font-weight:700;margin-left:4px} /* Header */ .wid-header{background:var(--wid-surface);border-bottom:1px solid var(--wid-line);position:sticky;top:0;z-index:50} .admin-bar .wid-header{top:32px} .wid-hrow{display:flex;align-items:center;gap:20px;padding:14px 20px;max-width:1200px;margin:0 auto} .wid-logo{display:inline-flex;align-items:center;color:#13161a!important;text-decoration:none!important;flex:none;line-height:0} html.wid-dark .wid-logo{color:#f1efe8!important} .wid-logo .wid-logo-svg{display:block;height:34px;width:auto;overflow:visible} .wid-logo .wl-acc{fill:#224e9a;stroke:#224e9a} html.wid-dark .wid-logo .wl-acc{fill:#4071c5;stroke:#4071c5} .wid-logo,.wid-footer .wid-logo{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;background:none!important;box-shadow:none!important;border-radius:6px} .wid-logo:focus{outline:none}.wid-logo:focus-visible{outline:2px solid #224e9a;outline-offset:4px} .wid-logo:active{opacity:.75} @media (hover:hover){.wid-logo:hover .wl-tri{transform:translateY(-40px);transition:transform .25s cubic-bezier(.34,1.45,.5,1)}} .wid-logo .wl-tri{transition:transform .25s ease} @media (max-width:480px){.wid-header .wid-logo .wid-logo-svg{height:28px}.wid-hlinks{margin-left:auto}.wid-hide-xs{display:none}} @media (max-width:340px){.wid-header .wid-logo .wid-logo-svg{height:24px}.wid-hrow{gap:10px 8px!important}.wid-hlinks{gap:2px!important}} .wid-search{flex:1;display:flex;align-items:center;gap:10px;background:var(--wid-chip);border:1.5px solid var(--wid-tan);border-radius:999px;padding:0 10px 0 16px;height:44px;max-width:560px} .wid-search svg{flex:none;color:var(--wid-muted)} .wid-search input[type=search]{flex:1;border:0!important;background:transparent!important;outline:0;box-shadow:none!important;font:400 15px var(--wid-sans);color:var(--wid-ink);padding:0!important;min-width:0} .wid-search kbd{font:600 11px var(--wid-sans);color:var(--wid-muted);border:1px solid var(--wid-line);background:var(--wid-surface);border-radius:6px;padding:3px 7px} .wid-hlinks{display:flex;align-items:center;gap:14px;margin-left:auto;flex:none} .wid-hlinks a.wid-tl{font:500 14px var(--wid-sans);color:var(--wid-ink);text-decoration:none} .wid-hlinks a.wid-tl:hover{color:var(--wid-green-2)} .wid-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:var(--wid-ink);background:transparent;border:0;cursor:pointer;text-decoration:none} .wid-icon:hover{background:var(--wid-chip)} .wid-icon.wid-toggle{border:1px solid var(--wid-line)} .wid-count{position:absolute;top:0;right:-2px;background:var(--wid-green-2);color:#fff;font:700 10px/16px var(--wid-sans);min-width:16px;height:16px;border-radius:99px;text-align:center;padding:0 4px} .wid-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;font:600 14px var(--wid-sans);padding:10px 18px;text-decoration:none!important;cursor:pointer;border:1px solid transparent;line-height:1.1;white-space:nowrap} .wid-btn-outline{border-color:var(--wid-line);color:var(--wid-ink)!important;background:var(--wid-surface)} .wid-btn-outline:hover{border-color:var(--wid-ink)} .wid-btn-tan{background:var(--wid-tan);color:var(--wid-tan-ink)!important} .wid-btn-tan:hover{filter:brightness(1.05)} .wid-btn-green{background:var(--wid-green);color:#fff!important} .wid-cats{border-top:1px solid var(--wid-line)} .wid-cats ul{display:flex;gap:4px;list-style:none;margin:0 auto;padding:10px 20px;max-width:1200px;overflow-x:auto;scrollbar-width:none} .wid-cats ul::-webkit-scrollbar{display:none} .wid-cats a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font:500 13.5px var(--wid-sans);color:var(--wid-ink);text-decoration:none;padding:7px 12px;border-radius:999px;border:1px solid transparent} .wid-cats a:hover{background:var(--wid-chip)} .wid-cats a.is-active{background:var(--wid-soft);border-color:var(--wid-soft-line);color:var(--wid-green)} html.wid-dark .wid-cats a.is-active{color:#c0cbdf} /* New this week */ .wid-new{background:var(--wid-deep);padding:22px 0 30px} .wid-eyebrow{font:700 11px var(--wid-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--wid-green-2);margin:0 0 6px} .wid-new .wid-eyebrow{color:#a0adc3;margin-bottom:14px} .wid-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px} .wid-ncard{display:flex;flex-direction:column;background:var(--wid-deep-2);border:1px solid #2d333f;border-radius:10px;overflow:hidden;text-decoration:none!important;color:#fff!important;transition:transform .2s ease,border-color .2s ease} .wid-ncard .wid-nlink{display:block;flex:1;color:#fff!important;text-decoration:none!important} .wid-ncard .wid-nlink:focus-visible{outline:2px solid var(--wid-tan);outline-offset:-2px} .wid-nact{padding:0 12px 12px} .wid-natc{display:flex!important;align-items:center;justify-content:center;gap:6px;width:100%;min-height:36px;border-radius:999px!important;border:1px solid var(--wid-tan)!important;background:var(--wid-tan)!important;color:var(--wid-tan-ink)!important;font:700 12.5px var(--wid-sans)!important;padding:8px 10px!important;cursor:pointer;text-decoration:none!important;line-height:1.1!important;box-shadow:none!important;transition:filter .15s ease,background .2s ease} .wid-natc:hover{filter:brightness(1.07)} .wid-natc:focus-visible{outline:2px solid #fff;outline-offset:2px} .wid-natc.is-ghost{background:transparent!important;color:#e9dcc2!important;border-color:#4a515d!important} .wid-natc.is-ghost:hover{border-color:var(--wid-tan)!important;color:#fff!important} .wid-natc.is-off{background:transparent!important;border-color:#3a404a!important;color:#8e9a91!important;cursor:default} .wid-natc.is-busy{cursor:progress} .wid-natc.is-done{background:#304569!important;border-color:#304569!important;color:#fff!important} .wid-nadded{display:block;margin-top:6px;text-align:center;font:600 11.5px var(--wid-sans);color:#a0adc3!important} .wid-nadded a{color:#e9dcc2!important;text-decoration:underline!important} .wid-ncard:hover{transform:translateY(-3px);border-color:var(--wid-tan)} .wid-ncard .wid-nimg{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#202633;overflow:hidden} .wid-ncard:nth-child(6n+2) .wid-nimg{background:#2a2621}.wid-ncard:nth-child(6n+3) .wid-nimg{background:#1f2c35} .wid-ncard:nth-child(6n+4) .wid-nimg{background:#35291f}.wid-ncard:nth-child(6n+5) .wid-nimg{background:#2b2335}.wid-ncard:nth-child(6n+6) .wid-nimg{background:#2a1f24} .wid-ncard .wid-emoji{font-size:44px} .wid-ncard .wid-img{width:100%;height:100%;object-fit:cover} .wid-ncard .wid-tag-new{position:absolute;top:10px;right:10px;background:var(--wid-tan);color:var(--wid-tan-ink);font:700 10px var(--wid-sans);padding:3px 8px;border-radius:4px} .wid-ncard .wid-nbody{padding:10px 12px 14px} .wid-ncard .wid-ncat{font:700 9.5px var(--wid-sans);letter-spacing:.1em;text-transform:uppercase;color:#9aa0a9} .wid-ncard .wid-nname{font:700 14px/1.25 var(--wid-sans);margin:4px 0 6px;color:#fff} .wid-ncard .wid-nprice{font:500 12.5px var(--wid-sans);color:#b9bdc4} /* New this week: light section (matches page background) */ .wid-new{background:var(--wid-bg);border-top:1px solid var(--wid-line);padding:26px 0 30px} .wid-new .wid-eyebrow{color:var(--wid-green-2)} .wid-ncard{background:var(--wid-surface);border-color:var(--wid-line);color:var(--wid-ink)!important;box-shadow:0 1px 2px rgba(20,27,40,.04)} .wid-ncard .wid-nlink{color:var(--wid-ink)!important} .wid-ncard:hover{border-color:#cfd2d8;box-shadow:0 12px 26px rgba(20,27,40,.09)} .wid-ncard .wid-nimg,.wid-ncard:nth-child(n) .wid-nimg{background:var(--wid-chip,#efece2)} .wid-ncard:nth-child(6n+2) .wid-nimg{background:#f1ede4}.wid-ncard:nth-child(6n+3) .wid-nimg{background:#e9f0f2} .wid-ncard:nth-child(6n+4) .wid-nimg{background:#f5ece1}.wid-ncard:nth-child(6n+5) .wid-nimg{background:#efeaf4}.wid-ncard:nth-child(6n+6) .wid-nimg{background:#f4eaec} .wid-ncard .wid-ncat{color:var(--wid-muted)} .wid-ncard .wid-nname{color:var(--wid-ink)} .wid-ncard .wid-nprice{color:var(--wid-ink)} .wid-ncard .wid-nprice del{color:var(--wid-muted)} .wid-ncard .wid-nprice ins{color:#c62828;text-decoration:none;font-weight:700} .wid-natc{border-color:var(--wid-green-2)!important;background:var(--wid-green-2)!important;color:#fff!important} .wid-natc:focus-visible{outline-color:var(--wid-green-2)} .wid-natc.is-ghost{background:transparent!important;color:var(--wid-ink)!important;border-color:var(--wid-line)!important} .wid-natc.is-ghost:hover{border-color:var(--wid-green-2)!important;color:var(--wid-green-2)!important} .wid-natc.is-off{background:transparent!important;border-color:var(--wid-line)!important;color:var(--wid-muted)!important} .wid-natc.is-done{background:#1d407c!important;border-color:#1d407c!important} .wid-nadded{color:#1d407c!important} .wid-nadded a{color:var(--wid-green-2)!important} html.wid-dark .wid-ncard:hover{border-color:#3a404a;box-shadow:0 12px 26px rgba(0,0,0,.35)} html.wid-dark .wid-ncard .wid-nimg,html.wid-dark .wid-ncard:nth-child(n) .wid-nimg{background:#1f232a} html.wid-dark .wid-ncard .wid-nprice ins{color:#ff8a80} html.wid-dark .wid-natc.is-ghost:hover,html.wid-dark .wid-nadded a{color:#a0b2d2!important} html.wid-dark .wid-nadded{color:#a0b2d2!important} /* New this week: arrows, scrolling strip, progress bar */ .wid-nhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px} .wid-nhead .wid-eyebrow{margin:0!important} .wid-nnav{display:flex;gap:8px;flex:none} .wid-nnav[hidden]{display:none} .wid-narr{width:40px;height:40px;min-height:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;background:var(--wid-surface)!important;border:1px solid var(--wid-line)!important;color:var(--wid-ink)!important;box-shadow:0 4px 12px rgba(20,27,40,.08)!important;cursor:pointer;transition:transform .15s ease,background .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent} .wid-narr svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round} .wid-narr:focus-visible{outline:2px solid var(--wid-green-2);outline-offset:2px} .wid-narr:active:not(:disabled){transform:scale(.9)} @media (hover:hover){.wid-narr:hover:not(:disabled){background:var(--wid-green-2)!important;border-color:var(--wid-green-2)!important;color:#fff!important}} .wid-narr:disabled{opacity:.35;cursor:default;box-shadow:none!important} html.wid-dark .wid-narr{background:#1f232a!important;border-color:#333943!important;color:#e8ebef!important} .wid-strip{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 70px) / 6);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 8px;margin:-4px -2px 0} .wid-strip::-webkit-scrollbar{display:none} .wid-strip:focus-visible{outline:2px solid var(--wid-green-2);outline-offset:4px;border-radius:12px} .wid-strip>.wid-ncard{scroll-snap-align:start} .wid-nbar{height:3px;border-radius:3px;background:var(--wid-line);overflow:hidden;margin-top:8px} .wid-nbar[hidden]{display:none} .wid-nbar i{display:block;height:100%;width:30%;background:var(--wid-green-2);border-radius:3px;will-change:transform} html.wid-dark .wid-nbar{background:#2c313a}html.wid-dark .wid-nbar i{background:#4071c5} .wid-nact .added_to_cart{display:none!important} @media (max-width:1100px){.wid-strip{grid-auto-columns:160px}} @media (max-width:480px){.wid-strip{grid-auto-columns:calc((100% - 14px) / 2.2)}} /* Layout */ .wid-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding:24px 20px 60px;max-width:1200px;margin:0 auto} .wid-banner{display:flex;align-items:center;gap:16px;border-radius:10px;padding:16px 20px;margin-bottom:14px} .wid-welcome{background:var(--wid-soft);border:1px solid var(--wid-soft-line)} .wid-welcome strong{display:block;font:700 15px var(--wid-sans);margin-bottom:3px;color:var(--wid-ink)} .wid-welcome p,.wid-quiz p{margin:0;font-size:13.5px;color:var(--wid-muted)} .wid-banner .wid-btn{margin-left:auto} .wid-quiz{background:var(--wid-green);color:#fff} .wid-quiz .wid-qicon{flex:none;width:52px;height:52px;border-radius:999px;background:var(--wid-tan);display:flex;align-items:center;justify-content:center;font-size:24px} .wid-quiz h3{font:600 20px/1.2 var(--wid-serif);color:#fff;margin:0 0 3px} .wid-quiz p{color:#c7cdd8} .wid-trend-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:30px 0 14px} .wid-trend-head h2{font:600 32px/1.1 var(--wid-serif);margin:0 0 6px;color:var(--wid-ink);letter-spacing:-.01em} .wid-trend-head p{margin:0;color:var(--wid-muted);font-size:14px} .wid-views{display:flex;gap:6px} .wid-views button{width:36px!important;height:36px!important;min-height:0!important;padding:0!important;margin:0!important;border:1px solid var(--wid-line)!important;background:var(--wid-surface)!important;border-radius:10px!important;color:var(--wid-muted)!important;box-shadow:none!important;cursor:pointer;display:inline-flex!important;align-items:center;justify-content:center;transition:border-color .15s,color .15s,background .15s} .wid-views button svg{display:block;width:17px;height:17px;flex:none;stroke:currentColor;fill:none} .wid-views button:hover{color:var(--wid-ink)!important;border-color:var(--wid-muted)!important} .wid-views button.is-on{color:#fff!important;background:var(--wid-green-2)!important;border-color:var(--wid-green-2)!important} .wid-views button:focus-visible{outline:2px solid var(--wid-tan);outline-offset:2px} .wid-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px} .wid-chip{display:inline-flex;align-items:center;gap:6px;font:500 13px var(--wid-sans);color:var(--wid-ink)!important;background:var(--wid-surface);border:1px solid var(--wid-line);border-radius:999px;padding:7px 14px;text-decoration:none!important;cursor:pointer;list-style:none} .wid-chip::-webkit-details-marker{display:none} .wid-chip.is-dark{background:var(--wid-ink);border-color:var(--wid-ink);color:var(--wid-bg)!important} .wid-chip.is-on{background:var(--wid-soft);border-color:var(--wid-green-2);color:var(--wid-green)!important} details.wid-drop{position:relative} details.wid-drop[open] .wid-menu{display:block} .wid-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:20;background:var(--wid-surface);border:1px solid var(--wid-line);border-radius:10px;box-shadow:0 14px 40px rgba(20,27,40,.14);padding:6px;min-width:200px} .wid-menu a{display:block;padding:8px 10px;border-radius:6px;font-size:13.5px;color:var(--wid-ink)!important;text-decoration:none!important} .wid-menu a:hover,.wid-menu a.is-on{background:var(--wid-soft)} .wid-sort{margin-left:auto;display:flex;align-items:center} .wid-sort select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;font:600 13px var(--wid-sans)!important;color:var(--wid-ink)!important;background-color:var(--wid-surface)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b746d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:12px!important;border:1px solid var(--wid-line)!important;border-radius:999px!important;height:36px!important;min-height:0!important;line-height:normal!important;padding:0 38px 0 16px!important;min-width:190px;box-shadow:none!important;cursor:pointer;transition:border-color .15s} .wid-sort select:hover{border-color:var(--wid-muted)!important} .wid-sort select:focus-visible{outline:2px solid var(--wid-tan);outline-offset:2px} html.wid-dark .wid-sort select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa59c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important} /* Product list */ .wid-list{display:flex;flex-direction:column;gap:12px} .wid-row{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) 64px;gap:18px;align-items:center;background:var(--wid-surface);border:1px solid var(--wid-line);border-radius:10px;padding:18px;transition:border-color .2s ease,box-shadow .2s ease} .wid-row:hover{border-color:#cfc8b3;box-shadow:0 10px 30px rgba(20,27,40,.06)} .wid-row .wid-pthumb{width:96px;height:96px;border-radius:8px;background:var(--wid-chip);display:flex;align-items:center;justify-content:center;overflow:hidden} .wid-row .wid-pthumb .wid-emoji{font-size:40px} .wid-row .wid-pthumb .wid-img{width:100%;height:100%;object-fit:cover} .wid-badge{display:inline-block;font:700 10.5px var(--wid-sans);padding:3px 8px;border-radius:4px;color:#fff;background:var(--wid-green-2);margin-bottom:6px} .wid-badge.potw{background:var(--wid-purple)}.wid-badge.staff{background:#b8893a} .wid-pname{font:500 11.5px var(--wid-sans);color:var(--wid-muted);margin:0 0 2px} .wid-ptitle{font:600 20px/1.2 var(--wid-serif);margin:0 0 4px} .wid-ptitle a{color:var(--wid-title)!important;text-decoration:none!important} .wid-ptitle a::after{content:"";position:absolute;inset:0} .wid-pdesc{margin:0 0 10px;font-size:13.5px;color:var(--wid-muted);line-height:1.5} .wid-ptags{display:flex;flex-wrap:wrap;gap:6px;position:relative;z-index:2} .wid-ptags a{font:500 11.5px var(--wid-sans);color:var(--wid-green)!important;background:var(--wid-soft);border:1px solid var(--wid-soft-line);border-radius:999px;padding:3px 9px;text-decoration:none!important} html.wid-dark .wid-ptags a{color:#c0cbdf!important} .wid-pprice{font:600 13px var(--wid-sans);color:var(--wid-ink);margin-left:4px;align-self:center} /* Vote box (restyled WP ULike) */ .wid-vote{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px} .wid-vote .wpulike{padding:0!important;display:block} .wid-vote .wp_ulike_general_class{display:flex!important;flex-direction:column;align-items:center;gap:4px;border:0!important;background:none!important;box-shadow:none!important;padding:0!important} .wid-vote button.wp_ulike_btn{width:44px!important;height:44px!important;padding:0!important;border-radius:10px!important;border:1.5px solid var(--wid-line)!important;background:var(--wid-surface)!important;background-image:none!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease} .wid-vote button.wp_ulike_btn::before{content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:11px solid var(--wid-muted);transition:border-color .15s ease} .wid-vote button.wp_ulike_btn:hover{border-color:var(--wid-green-2)!important} .wid-vote button.wp_ulike_btn:hover::before{border-bottom-color:var(--wid-green-2)} .wid-vote .wp_ulike_is_liked button.wp_ulike_btn,.wid-row.is-potw .wid-vote button.wp_ulike_btn{background:var(--wid-green-2)!important;border-color:var(--wid-green-2)!important} .wid-vote .wp_ulike_is_liked button.wp_ulike_btn::before,.wid-row.is-potw .wid-vote button.wp_ulike_btn::before{border-bottom-color:#fff} .wid-vote .count-box{font:700 13px var(--wid-sans)!important;color:var(--wid-ink)!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;min-width:0!important;line-height:1.2!important} .wid-vote button.wp_ulike_btn::after,.wpp-upvote button.wp_ulike_btn::after{display:none!important;content:none!important} .wid-vote button.wp_ulike_btn.wp_ulike_btn_is_active{background:var(--wid-green-2)!important;border-color:var(--wid-green-2)!important} .wid-vote button.wp_ulike_btn.wp_ulike_btn_is_active::before{border-bottom-color:#fff} .widbest-upvote .wpulike{padding:0!important} .widbest-upvote .wp_ulike_general_class{display:inline-flex!important;align-items:center;gap:6px;border:1px solid var(--wid-line)!important;border-radius:999px!important;padding:3px 10px 3px 6px!important;background:var(--wid-surface)!important;box-shadow:none!important} .widbest-upvote button.wp_ulike_btn{width:22px!important;height:22px!important;padding:0!important;border:0!important;background:none!important;background-image:none!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer} .widbest-upvote button.wp_ulike_btn::after{display:none!important;content:none!important} .widbest-upvote button.wp_ulike_btn::before{content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid var(--wid-muted)} .widbest-upvote .wp_ulike_is_liked button.wp_ulike_btn::before,.widbest-upvote button.wp_ulike_btn_is_active::before{border-bottom-color:var(--wid-green-2)} .widbest-upvote .count-box{font:700 12px var(--wid-sans)!important;color:var(--wid-ink)!important;background:none!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important} .widbest-upvote .count-box::before{display:none!important}.widbest-upvote .count-box::after{display:none!important} .widbest-upvote .count-box:empty::after{content:attr(data-ulike-counter-value);display:inline!important;position:static!important;border:0!important;background:none!important} .wid-vote .count-box::before{display:none!important}.wid-vote .count-box::after{display:none!important}.wid-vote .count-box:empty::after{content:attr(data-ulike-counter-value);display:inline!important;position:static!important;border:0!important;background:none!important} .wid-vote .wid-vlabel{font:500 10px var(--wid-sans);color:var(--wid-muted)} .wid-vote .wid-vbar{width:44px;height:3px;border-radius:9px;background:var(--wid-line);overflow:hidden} .wid-vote .wid-vbar i{display:block;height:100%;background:var(--wid-green-2)} .wid-empty{background:var(--wid-surface);border:1px dashed var(--wid-line);border-radius:10px;padding:30px;text-align:center;color:var(--wid-muted)} /* Grid view */ .wid-list.is-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))} .wid-list.is-grid .wid-row{grid-template-columns:1fr;align-items:start} .wid-list.is-grid .wid-row .wid-pthumb{width:100%;height:auto;aspect-ratio:1/1} .wid-list.is-grid .wid-vote{position:absolute;top:26px;right:26px;flex-direction:column} /* Sidebar */ .wid-side{display:flex;flex-direction:column;gap:18px} .wid-card{background:var(--wid-surface);border:1px solid var(--wid-line);border-radius:10px;padding:16px} .wid-card h4{display:flex;align-items:center;gap:8px;font:600 16px var(--wid-serif);margin:0 0 10px;color:var(--wid-ink)} .wid-card h4 a{margin-left:auto;font:500 11.5px var(--wid-sans);color:var(--wid-muted)!important} .wid-deal{background:var(--wid-deep);border-color:var(--wid-deep);color:#fff} .wid-deal h4{color:var(--wid-tan)} .wid-deal p{font-size:13px;color:#c7cbd3;margin:0 0 14px} .wid-deal p strong{color:#fff} .wid-timer{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px} .wid-timer div{background:#fff;color:var(--wid-deep);border-radius:6px;width:56px;padding:8px 0;text-align:center} .wid-timer b{display:block;font:700 20px/1 var(--wid-sans)} .wid-timer small{font:600 9px var(--wid-sans);letter-spacing:.08em;color:#6b746d} .wid-timer span{color:#fff;font-weight:700} .wid-timer-label{margin:0 0 6px!important;text-align:center;font:600 10.5px var(--wid-sans)!important;letter-spacing:.1em;text-transform:uppercase;color:#a0adc3!important} .wid-deal .wid-btn{width:100%} .wid-guides ul{list-style:none;margin:0;padding:0} .wid-guides li a{display:flex;align-items:center;gap:10px;padding:7px 4px;border-bottom:1px solid var(--wid-line);font-size:13.5px;color:var(--wid-ink)!important;text-decoration:none!important} .wid-guides li a:hover{color:var(--wid-green-2)!important} .wid-guides li:last-child a{border-bottom:0} .wid-guides .wid-all{display:block;text-align:center;margin-top:10px;font-size:12.5px;color:var(--wid-muted)!important} .wid-tags{display:flex;flex-wrap:wrap;gap:6px} .wid-tags a{font:500 12px var(--wid-sans);border:1px solid var(--wid-line);border-radius:999px;padding:5px 11px;color:var(--wid-ink)!important;text-decoration:none!important} .wid-tags a:hover{border-color:var(--wid-green-2)} /* Quiz modal */ .wid-modal{position:fixed;inset:0;background:rgba(10,14,20,.55);display:none;align-items:center;justify-content:center;z-index:999;padding:16px} .wid-modal.is-open{display:flex} .wid-modal-box{background:var(--wid-surface);color:var(--wid-ink);border-radius:14px;max-width:440px;width:100%;padding:24px;position:relative} .wid-modal-box h3{font:600 22px var(--wid-serif);margin:0 0 4px} .wid-modal-box .wid-step{font-size:12px;color:var(--wid-muted);margin-bottom:14px} .wid-opts{display:grid;gap:8px} .wid-opts button{text-align:left;font:500 14px var(--wid-sans);padding:12px 14px;border:1px solid var(--wid-line);border-radius:10px;background:var(--wid-surface);color:var(--wid-ink);cursor:pointer} .wid-opts button:hover{border-color:var(--wid-green-2);background:var(--wid-soft)} .wid-close{position:absolute;top:12px;right:14px;border:0;background:none;font-size:22px;cursor:pointer;color:var(--wid-muted)} /* Responsive */ @media (max-width:1100px){.wid-strip{grid-template-columns:repeat(6,160px);overflow-x:auto;padding-bottom:6px}} @media (max-width:980px){ .wid-main{grid-template-columns:1fr} .wid-hlinks a.wid-tl{display:none} } @media (max-width:720px){ .wid-hrow{flex-wrap:wrap;gap:10px 12px;padding:12px 16px} .wid-search{order:3;flex-basis:100%;max-width:none} .wid-hlinks{gap:6px} .wid-hlinks .wid-signin{display:none} .wid-hlinks .wid-btn-tan{padding:8px 12px;font-size:12.5px} .wid-search kbd{display:none} .wid-main{padding:18px 16px 40px} .wid-banner{flex-wrap:nowrap;gap:12px;padding:12px 14px;margin-bottom:10px;border-radius:12px} .wid-banner .wid-btn{margin-left:0;flex:none;padding:8px 14px;font-size:13px} .wid-welcome strong{font-size:14px;margin-bottom:2px} .wid-welcome p,.wid-quiz p{font-size:12.5px;line-height:1.4} .wid-welcome>div{min-width:0} .wid-quiz{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;column-gap:12px;row-gap:10px} .wid-quiz .wid-qicon{width:40px;height:40px;font-size:19px} .wid-quiz h3{font-size:16.5px;margin-bottom:2px} .wid-quiz .wid-btn{grid-column:2;justify-self:start} .wid-trend-head h2{font-size:26px} .wid-list:not(.is-grid) .wid-row{grid-template-columns:112px minmax(0,1fr) 50px;grid-template-areas:"th hd vt" "ds ds ds" "tg tg tg" "qv qv qv";column-gap:12px;row-gap:0;align-items:start;padding:14px} .wid-list:not(.is-grid) .wid-row .wid-pbody{display:contents} .wid-list:not(.is-grid) .wid-row .wid-pthumb{grid-area:th;width:112px;height:112px;border-radius:10px} .wid-list:not(.is-grid) .wid-row .wid-phead{grid-area:hd;min-width:0} .wid-list:not(.is-grid) .wid-row .wid-badge{margin:0 0 5px} .wid-list:not(.is-grid) .wid-row .wid-pname{margin:0 0 3px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .wid-list:not(.is-grid) .wid-row .wid-ptitle{font-size:18px;line-height:1.22;margin:0} .wid-list:not(.is-grid) .wid-row .wid-vote{grid-area:vt;align-self:start} .wid-list:not(.is-grid) .wid-row .wid-pdesc{grid-area:ds;margin:12px 0 10px;font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .wid-list:not(.is-grid) .wid-row .wid-ptags{grid-area:tg;align-items:center;margin-top:10px} .wid-list:not(.is-grid) .wid-row .wid-pdesc+.wid-ptags{margin-top:0} .wid-list:not(.is-grid) .wid-row .wid-pprice{margin-left:auto;font-size:15px;font-weight:700} .wid-list:not(.is-grid) .wid-row .wqv-btn{grid-area:qv;justify-self:stretch;justify-content:center;height:38px!important;margin:12px 0 0!important} .wid-list.is-grid .wid-row{grid-template-columns:1fr;gap:12px;padding:14px} .wid-ptitle{font-size:17px} .wid-sort{margin-left:0;width:100%}.wid-sort select{width:100%} .wid-list.is-grid{grid-template-columns:1fr 1fr} .wid-views{display:none} } @media (max-width:782px){.admin-bar .wid-header{top:0;position:relative}} #masthead.wid-header{background:var(--wid-surface)!important;color:var(--wid-ink)} .wid-header .wid-icon,.wid-header button.wid-icon{background:transparent!important;color:var(--wid-ink)!important;box-shadow:none!important;padding:0!important} .wid-header .wid-icon:hover,.wid-header button.wid-icon:hover{background:var(--wid-chip)!important} .wid-header .wid-icon.wid-toggle{border:1px solid var(--wid-line)!important} html.wid-dark{--global-palette-highlight:#a0b2d2;--global-palette-highlight-alt:#c9d3e5;--global-palette-highlight-alt2:#101317} html.wid-dark .wid-eyebrow,html.wid-dark .wid-chip.is-on,html.wid-dark .wid-menu a.is-on,html.wid-dark .wid-ptags a,html.wid-dark .wpp-rating a,html.wid-dark .wpp-maker a,html.wid-dark .wpp-chips a,html.wid-dark .wpp-votes .row b,html.wid-dark .wpp-sold,html.wid-dark .wpp-msg,html.wid-dark .wpp-avatar,html.wid-dark .wpp-ribbon,html.wid-dark .wpp-price .off,html.wid-dark .wid-card h4 a,html.wid-dark .wid-guides li a:hover{color:#a0b2d2!important} html.wid-dark .wid-new .wid-eyebrow{color:#a0adc3!important} html.wid-dark .wid-search input[type=search],html.wid-dark .wid-search input[type=search]:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]){background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important;-webkit-appearance:none;appearance:none} /* Compact page title banners (cart, checkout, account, shop, pages) */ .entry-hero.page-hero-section .entry-header,.entry-hero.product-hero-section .entry-header,.entry-hero .entry-header{min-height:0!important;padding:26px 0 22px!important;margin:0!important} .entry-hero .entry-hero-container-inner{padding-top:0!important;padding-bottom:0!important} .entry-hero .entry-title,.entry-hero .page-title h1,.wp-site-blocks .product-hero-section .extra-title{font-size:30px!important;line-height:1.2!important;margin:0!important} .entry-hero .archive-description,.entry-hero .term-description{margin-top:6px;font-size:14px} .entry-hero .kadence-breadcrumbs{margin-bottom:6px} .entry-hero + .site-container .content-area,.entry-hero ~ .content-container .content-area,.content-area{margin-top:2rem!important;margin-bottom:3rem!important} @media (max-width:767px){.entry-hero .entry-header{padding:18px 0 16px!important}.entry-hero .entry-title{font-size:24px!important}.content-area{margin-top:1.25rem!important;margin-bottom:2rem!important}} html.wid-dark .wid-vote .wid-vbar i,html.wid-dark .wpp-votes .bar i{filter:brightness(1.25)} /* ---- Prices: bigger current price, old price in red (site-wide) ---- */ :root{--wid-was:#d32f2f} html.wid-dark{--wid-was:#ff8a80} .wid-pprice,.wid-list .wid-row .wid-pprice{font:700 18px/1.1 var(--wid-sans)!important;color:var(--wid-ink)!important;display:inline-flex;align-items:baseline;gap:7px;flex-wrap:wrap;letter-spacing:-.01em} .wid-pprice del,.wid-ncard .wid-nprice del,html body ul.products li.product.product .price del,.wgg-price del{color:var(--wid-was)!important;font-weight:600!important;font-size:.78em!important;text-decoration:line-through!important;text-decoration-thickness:1.5px!important;opacity:1!important} .wid-pprice del *,.wid-ncard .wid-nprice del *,html body ul.products li.product.product .price del *,.wgg-price del *{color:inherit!important} .wid-pprice ins,.wid-ncard .wid-nprice ins,html body ul.products li.product.product .price ins,.wgg-price ins{text-decoration:none!important;color:var(--wid-ink)!important;font-weight:700!important} .wid-ncard .wid-nprice{font:700 16px/1.2 var(--wid-sans)!important;color:var(--wid-ink)!important;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap} html body ul.products li.product.product .price{font-size:19px!important;letter-spacing:-.01em} .wgg-price{font-size:16px!important;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap} .wpp-price .was,.wqv-price .was{color:var(--wid-was)!important;font-size:16px!important;font-weight:600!important;text-decoration-thickness:1.5px} .wcx-row .pr s,.wcx-rvc span s{color:var(--wid-was)!important} @media (max-width:720px){.wid-pprice,.wid-list .wid-row .wid-pprice{font-size:19px!important}html body ul.products li.product.product .price{font-size:18px!important}} /* wid-product-css */ .wpp{max-width:1200px;margin:0 auto;padding:14px 20px 60px;box-sizing:border-box} .wpp *{box-sizing:border-box} .wpp .woocommerce-breadcrumb{font:500 12px var(--wid-sans);color:var(--wid-muted);margin:0 0 14px} .wpp .woocommerce-breadcrumb a{color:var(--wid-muted)!important;text-decoration:none} .wpp .woocommerce-breadcrumb .last{color:var(--wid-ink);font-weight:600} .wpp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--wid-line);padding-bottom:14px;margin-bottom:22px} .wpp-head h1{font:600 30px/1.15 var(--wid-serif);margin:0;color:var(--wid-ink);letter-spacing:-.01em} .wpp-head .wpp-tagline{margin:4px 0 0;font:italic 400 14px var(--wid-sans);color:var(--wid-muted)} .wpp-actions{display:flex;gap:8px;flex:none} .wpp-pill{display:inline-flex;align-items:center;gap:6px;font:500 13px var(--wid-sans);color:var(--wid-ink);background:var(--wid-surface);border:1px solid var(--wid-line);border-radius:999px;padding:7px 14px;cursor:pointer;text-decoration:none} .wpp-pill:hover{border-color:var(--wid-ink)} .wpp-pill.is-on{background:var(--wid-soft);border-color:var(--wid-green-2);color:var(--wid-green)} .wpp-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto 1fr;grid-template-areas:"gallery box" "info box";column-gap:36px;align-items:start} .wpp-gallery{grid-area:gallery;min-width:0} .wpp-info{grid-area:info;min-width:0} .wpp-right{grid-area:box;align-self:stretch;min-width:0} /* Gallery */ .wpp-stage{position:relative;background:#ebe8df;border-radius:12px;overflow:hidden;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center} html.wid-dark .wpp-stage{background:#1c2026} .wpp-stage img{width:100%;height:100%;object-fit:contain} .wpp-stage .wid-emoji{font-size:110px} .wpp-float{position:absolute;display:inline-flex;align-items:center;gap:6px;font:600 12px var(--wid-sans);border:0;border-radius:6px;padding:6px 10px;cursor:pointer} .wpp-float.video{top:14px;left:14px;background:#1d1d1d;color:#fff} .wpp-float.fav{top:14px;right:14px;background:#fff;color:#1d222a;width:32px;height:32px;padding:0;justify-content:center;border-radius:999px} .wpp-float.fav.is-on{color:#c0392b} .wpp-float.all{bottom:14px;right:14px;background:rgba(29,29,29,.85);color:#fff} .wpp-thumbs{display:flex;gap:10px;margin:12px 0 16px;overflow-x:auto} .wpp-thumbs button{flex:none;width:72px;height:60px;border-radius:8px;border:2px solid transparent;background:var(--wid-chip);padding:0;overflow:hidden;cursor:pointer} .wpp-thumbs button.is-on{border-color:var(--wid-ink)} .wpp-thumbs img{width:100%;height:100%;object-fit:cover} .wpp-rating{display:flex;align-items:center;gap:6px;font:500 12.5px var(--wid-sans);color:var(--wid-muted);margin:8px 0 0} .wpp-rating a{text-decoration:underline} .wpp-rating .stars{color:#c8a25b;letter-spacing:1px} .wpp-rating a{color:var(--wid-green-2)!important} /* Content */ .wpp-desc{font-size:14.5px;line-height:1.65;color:var(--wid-ink)} .wpp-desc > p:first-child,.wpp-desc > div:first-child{font:600 22px/1.3 var(--wid-serif);margin:0 0 14px} .wpp-desc ul{padding-left:18px;margin:8px 0 0} .wpp-desc li{margin:6px 0;font-size:13.5px} .wpp-desc li::marker{color:var(--wid-tan)} .wpp-desc p{margin:0 0 12px;color:var(--wid-ink)} .wpp-sec{border-top:1px solid var(--wid-line);padding:16px 0} .wpp-label{display:flex;align-items:center;gap:8px;font:700 10.5px var(--wid-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--wid-muted);margin:0 0 10px} .wpp-maker{display:flex;align-items:center;gap:12px} .wpp-avatar{width:38px;height:38px;border-radius:999px;background:var(--wid-chip);border:1px solid var(--wid-line);display:flex;align-items:center;justify-content:center;overflow:hidden;font:700 14px var(--wid-serif);color:var(--wid-green)} .wpp-avatar img{width:100%;height:100%;object-fit:cover} .wpp-maker strong{display:block;font:600 14px var(--wid-sans);color:var(--wid-ink)} .wpp-maker a{font-size:12px;color:var(--wid-green-2)!important} .wpp-chips{display:flex;flex-wrap:wrap;gap:6px} .wpp-chips a{font:500 11.5px var(--wid-sans);color:var(--wid-green)!important;background:var(--wid-soft);border:1px solid var(--wid-soft-line);border-radius:999px;padding:3px 10px;text-decoration:none!important} .wpp-plain{font-size:14px;color:var(--wid-ink)} .wpp-plain a{color:var(--wid-ink)!important} details.wpp-specs{border-top:1px solid var(--wid-line);border-bottom:1px solid var(--wid-line)} details.wpp-specs summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;padding:16px 0;font:600 15px var(--wid-sans);color:var(--wid-ink)} details.wpp-specs summary::-webkit-details-marker{display:none} details.wpp-specs summary::after{content:"▾";transition:transform .2s ease} details.wpp-specs[open] summary::after{transform:rotate(180deg)} .wpp-specs ul{list-style:none;margin:0;padding:0 0 10px} .wpp-specs li{padding:11px 0 11px 16px;border-top:1px solid var(--wid-line);font-size:13.5px;position:relative} .wpp-specs li::before{content:"";position:absolute;left:2px;top:18px;width:5px;height:5px;border-radius:9px;background:var(--wid-tan)} .wpp-fbt h3{font:600 22px var(--wid-serif);margin:28px 0 4px;color:var(--wid-ink)} .wpp-fbt p.sub{margin:0 0 14px;font-size:13px;color:var(--wid-muted)} .wpp-fbt-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap} .wpp-fbt-plus{align-self:center;margin-top:-30px;color:var(--wid-muted);font-weight:700} .wpp-fbt-item{width:120px;text-align:center;cursor:pointer} .wpp-fbt-item .box{position:relative;width:120px;height:110px;border-radius:10px;border:2px solid var(--wid-ink);background:var(--wid-surface);display:flex;align-items:center;justify-content:center;overflow:hidden} .wpp-fbt-item.is-off .box{border-color:var(--wid-line);opacity:.55} .wpp-fbt-item .box img{width:100%;height:100%;object-fit:cover} .wpp-fbt-item .box .wid-emoji{font-size:40px} .wpp-fbt-item .tick{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:999px;background:var(--wid-ink);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center} .wpp-fbt-item.is-off .tick{background:#fff;border:1px solid var(--wid-line);color:transparent} .wpp-fbt-item .nm{font:500 12px/1.3 var(--wid-sans);margin-top:6px;color:var(--wid-ink)} .wpp-fbt-item .pr{font:700 12px var(--wid-sans);color:var(--wid-ink)} .wpp-fbt-cta{margin-top:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap} .wpp-fbt-cta .total{font:600 14px var(--wid-sans)} .wpp-reviews{margin-top:34px} .wpp-reviews h2,.wpp-reviews .woocommerce-Reviews-title{font:600 22px var(--wid-serif)!important} /* Buy box */ .wpp-box{position:sticky;top:130px;background:var(--wid-surface);border:1px solid var(--wid-line);border-radius:14px;padding:16px;box-shadow:0 10px 40px rgba(20,27,40,.06)} .wpp-ribbon{display:flex;justify-content:space-between;align-items:center;background:var(--wid-soft);border:1px solid var(--wid-soft-line);border-radius:8px;padding:7px 10px;font:600 11.5px var(--wid-sans);color:var(--wid-green);margin-bottom:12px} .wpp-ribbon small{font-weight:500;color:var(--wid-muted)} .wpp-unlocked{font:700 13px var(--wid-sans);margin:0 0 10px;color:var(--wid-ink)} .wpp-mini{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--wid-line);border-radius:8px;margin-bottom:12px} .wpp-mini .t{width:36px;height:36px;border-radius:6px;background:var(--wid-chip);overflow:hidden;display:flex;align-items:center;justify-content:center;flex:none} .wpp-mini .t img{width:100%;height:100%;object-fit:cover}.wpp-mini .t .wid-emoji{font-size:20px} .wpp-mini b{display:block;font:600 12.5px var(--wid-sans);color:var(--wid-ink)} .wpp-mini span{font-size:11px;color:var(--wid-muted)} .wpp-votes{margin:12px 0 4px} .wpp-votes .row{display:flex;justify-content:space-between;gap:8px;font:500 11.5px var(--wid-sans);color:var(--wid-muted);margin-bottom:5px} .wpp-votes .row b{color:var(--wid-green-2)} html.wid-dark .wpp-votes .row b{color:#a0b2d2} .wpp-votes .bar{height:5px;border-radius:9px;background:var(--wid-line);overflow:hidden} .wpp-votes .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--wid-green-2),var(--wid-tan))} .wpp-pay4{margin:2px 0 6px;font-size:12px;color:var(--wid-muted)} .wpp-pay4 b{color:var(--wid-ink)} .wpp-pay4 a{color:var(--wid-muted)!important;text-decoration:underline} .wpp-orx{display:none;align-items:center;gap:10px;margin:4px 0 10px!important;font:500 11px var(--wid-sans);color:var(--wid-muted)} .wpp-orx::before,.wpp-orx::after{content:"";flex:1;height:1px;background:var(--wid-line)} .wpp-orx.is-on{display:flex} .wpp-cards{display:flex;justify-content:center;align-items:center;gap:6px;margin:0 0 12px} .wpp-cards img{display:block;width:40px;height:25px;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.1);background:#fff} .wpp-paynote{margin:0 0 10px;text-align:center} .wpp-paynote[hidden]{display:none!important} .wpp-pn-methods{display:flex;flex-wrap:wrap;justify-content:center;gap:5px} .wpp-pn-chip{display:inline-flex;align-items:center;height:26px;padding:0 8px;border:1px solid var(--wid-line);border-radius:6px;background:var(--wid-surface);font:700 11px var(--wid-sans);color:var(--wid-ink);letter-spacing:.01em;white-space:nowrap} .wpp-pn-chip.is-link{background:#0550d1;border-color:#0550d1;color:#020c1d} .wpp-pn-note{margin:8px 0 0!important;font:500 11.5px/1.45 var(--wid-sans);color:var(--wid-muted)} .wpp-pn-choose{margin:0 0 8px!important;padding:9px 12px;border:1px dashed var(--wid-line);border-radius:8px;font:500 12.5px/1.4 var(--wid-sans);color:var(--wid-ink)} .wpp-pn-choose[hidden]{display:none!important} .wpp-express-slot #wc-stripe-express-checkout-element+*{margin-top:0} .wpp-express-slot{margin-bottom:8px} .wpp-express-slot #wc-stripe-express-checkout-element{margin:0 0 4px!important} /* Express buttons side by side in one compact row */ .wpp-express-slot #wc-stripe-express-checkout-element{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch} .wpp-express-slot #wc-stripe-express-checkout-element>div{flex:1 1 96px;min-width:0;margin:0!important} .wpp-express-slot #wc-stripe-express-checkout-element>div iframe{width:100%!important;min-width:0!important} .wpp-cmp-link{display:block;text-align:center;margin:-4px 0 12px;font:700 12.5px var(--wid-sans);color:var(--wid-green-2)!important} .wpp-cmp-link[hidden]{display:none} .wpp-stripe{font:800 13px/1 var(--wid-sans);letter-spacing:-.02em;color:#635bff} html.wid-dark .wpp-stripe{color:#a59dff} .wpp-mini{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--wid-line);border-radius:8px;margin-bottom:12px} .wpp-mini .t{width:36px;height:36px;border-radius:6px;background:var(--wid-chip);overflow:hidden;display:flex;align-items:center;justify-content:center;flex:none} .wpp-mini .t img{width:100%;height:100%;object-fit:cover}.wpp-mini .t .wid-emoji{font-size:20px} .wpp-mini b{display:block;font:600 12.5px var(--wid-sans);color:var(--wid-ink)} .wpp-mini span{font-size:11px;color:var(--wid-muted)} .wpp-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:6px} .wpp-price .now{font:700 30px/1 var(--wid-sans);color:var(--wid-ink)} .wpp-price .now del{display:none} .wpp-price .now ins{text-decoration:none} .wpp-price .was{font-size:13px;color:var(--wid-muted);text-decoration:line-through} .wpp-price .off{font:700 10.5px var(--wid-sans);background:var(--wid-soft);color:var(--wid-green);border:1px solid var(--wid-soft-line);border-radius:4px;padding:2px 6px} .wpp-price .soon{font:600 16px var(--wid-sans);color:var(--wid-muted)} .wpp-sold{display:flex;align-items:center;gap:7px;font:500 13px var(--wid-sans);color:var(--wid-muted);margin:8px 0 4px} .wpp-sold i{width:8px;height:8px;border-radius:50%;background:#3266c0;box-shadow:0 0 0 3px rgba(50,102,192,.18);flex:none} .wpp-sold b{color:var(--wid-ink);font-weight:700} .wpp-eta{display:flex;gap:10px;align-items:flex-start;background:#f4ecdc;border-radius:8px;padding:10px 12px;margin:12px 0;font-size:12.5px;color:#3b2f1a} html.wid-dark .wpp-eta{background:#2a2419;color:#eadcc0} .wpp-eta small{display:block;color:inherit;opacity:.75} .wpp-form{border-top:1px solid var(--wid-line);margin-top:14px;padding-top:14px} .wpp-form form.cart{margin:0!important} .wpp-form table.variations{border:0;margin:0 0 6px;width:100%} .wpp-form table.variations tr{display:block;margin-bottom:12px} .wpp-form table.variations th,.wpp-form table.variations td{display:block;padding:0!important;border:0!important;background:none!important;text-align:left} .wpp-form table.variations th label{font:600 12.5px var(--wid-sans);color:var(--wid-ink);margin-bottom:6px;display:block} .wpp-form table.variations th label .chosen{font-weight:400;color:var(--wid-muted)} .wpp-form .reset_variations{font-size:11.5px;color:var(--wid-muted)!important;display:inline-block;margin-top:6px} .wpp-opts{display:flex;flex-wrap:wrap;gap:8px} .wpp-opt{flex:1 1 calc(50% - 4px);min-width:90px;font:600 13px var(--wid-sans);padding:10px 12px;border-radius:8px;border:1px solid var(--wid-line);background:var(--wid-surface);color:var(--wid-ink);cursor:pointer} .wpp-opt.is-on{background:var(--wid-ink);color:var(--wid-bg);border-color:var(--wid-ink)} .wpp-opt:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through} .wpp-sw{width:26px;height:26px;border-radius:999px;border:2px solid var(--wid-surface);box-shadow:0 0 0 1px var(--wid-line);cursor:pointer;padding:0} .wpp-sw.is-on{box-shadow:0 0 0 2px var(--wid-ink)} .wpp-form .single_variation_wrap .woocommerce-variation-price{display:none} .wpp-form .woocommerce-variation-availability{font-size:12px;color:var(--wid-muted)} .wpp-form .reset_variations{display:inline-block;margin-top:6px;font-size:12px} .wpp-form .reset_variations[style*="hidden"]{display:none!important} .wpp-qty-label{font:600 12.5px var(--wid-sans);color:var(--wid-ink);margin:4px 0 6px;display:block} .wpp-form .quantity{display:inline-flex!important;align-items:center;gap:2px;border:1px solid var(--wid-line);border-radius:999px;padding:3px;background:var(--wid-surface);margin:0 0 12px!important;float:none!important} .wpp-form .quantity input.qty{width:46px!important;height:36px!important;min-height:0!important;border:0!important;box-shadow:none!important;text-align:center;background:transparent!important;font:700 15px/36px var(--wid-sans)!important;color:var(--wid-ink)!important;-moz-appearance:textfield;padding:0!important;margin:0!important} .wpp-form .quantity input.qty::-webkit-inner-spin-button,.wpp-form .quantity input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} .wpp-qbtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none;width:36px!important;height:36px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:var(--wid-chip)!important;color:var(--wid-ink)!important;box-shadow:none!important;line-height:1!important;cursor:pointer;transition:background .15s,opacity .15s} .wpp-qbtn svg{display:block;width:14px;height:14px;flex:none} .wpp-qbtn:hover:not(:disabled){background:var(--wid-line)!important} .wpp-qbtn:disabled{opacity:.4;cursor:default} .wpp-qbtn:focus-visible{outline:2px solid var(--wid-green-2);outline-offset:2px} .wpp-form .single_add_to_cart_button,.wpp-buynow{display:flex!important;width:100%!important;min-height:44px;align-items:center;justify-content:center;gap:6px;border-radius:8px!important;padding:12px 16px!important;font:700 14px var(--wid-sans)!important;border:0!important;cursor:pointer;float:none!important;margin:0!important;transition:filter .15s ease,transform .1s ease} .wpp-form .single_add_to_cart_button:hover,.wpp-buynow:hover{filter:brightness(1.1)} .wpp-form .single_add_to_cart_button:active,.wpp-buynow:active{transform:scale(.99)} .wpp-form input[type=hidden]{display:none} .wpp-form .single_add_to_cart_button{margin:0 0 8px!important} .wpp-buynow{margin:0 0 8px!important} .wpp-form .single_add_to_cart_button{background:var(--wid-green-2)!important;color:#fff!important} .wpp-form .single_add_to_cart_button.disabled{opacity:.55} .wpp-form .single_add_to_cart_button.is-added{background:#224e9a!important;animation:wppAdded .35s cubic-bezier(.34,1.45,.5,1)!important} @keyframes wppAdded{0%{transform:scale(.96)}60%{transform:scale(1.02)}100%{transform:scale(1)}} .wpp-form .single_add_to_cart_button,.wpp-buynow,#wcx-sticky-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent} .wpp-buynow{background:#ea580c!important;color:#fff!important;box-shadow:0 6px 16px rgba(234,88,12,.28)!important}@media (hover:hover){.wpp-buynow:hover{background:#c2410c!important;filter:none!important}} .wpp-added{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:4px 0 10px;padding:10px 12px;border-radius:8px;background:#e8ecf3;color:#202f49;font:600 13px var(--wid-sans)} .wpp-added[hidden]{display:none} .wpp-added span{flex:1 1 100%} .wpp-added a{color:#202f49;text-decoration:underline;font-weight:700} html.wid-dark .wpp-added{background:#161c26;color:#a0b2d2} html.wid-dark .wpp-added a{color:#a0b2d2} html.wid-dark .wpp-buynow{background:#f97316!important;color:#1a0d02!important;border:0!important;box-shadow:none!important} html.wid-dark .wpp-float.fav{background:var(--wid-surface);color:var(--wid-ink)} html.wid-dark .wpp-notify{border-color:#8a7443} html.wid-dark .wpp-box{box-shadow:none} .wpp-upvote button.wp_ulike_btn_is_active::before{border-bottom-color:var(--wid-green-2)} .wpp-notify{width:100%;border:1px dashed #d6b77c!important;background:transparent!important;border-radius:8px;padding:10px!important;font:600 13px var(--wid-sans)!important;color:var(--wid-ink)!important;cursor:pointer;margin:2px 0 8px;box-shadow:none!important} .wpp-notify-form{display:none;gap:6px;margin:0 0 10px} .wpp-notify-form.is-open{display:flex} .wpp-notify-form input{flex:1;min-width:0;border:1px solid var(--wid-line);border-radius:8px;padding:9px 10px;font-size:13px;background:var(--wid-surface);color:var(--wid-ink)} .wpp-notify-form button{border:0;border-radius:8px;background:var(--wid-ink);color:var(--wid-bg);font:600 12.5px var(--wid-sans);padding:0 14px;cursor:pointer} .wpp-msg{font-size:12px;color:var(--wid-green-2);margin:0 0 8px} .wpp-soon{background:var(--wid-chip);border:1px solid var(--wid-line);border-radius:8px;padding:12px 14px;margin:0 0 10px;font-size:13px;color:var(--wid-muted)} .wpp-soon b{display:block;color:var(--wid-ink);font-size:14px;margin-bottom:2px} .wpp-tools{display:flex;justify-content:center;gap:18px;margin:12px 0 12px} .wpp-tools button{border:0!important;background:none!important;font:500 12px var(--wid-sans)!important;color:var(--wid-muted)!important;cursor:pointer;padding:0!important;box-shadow:none!important} .wpp-tools button:hover,.wpp-tools button.is-on{color:var(--wid-ink)!important} .wpp-tools button.is-on{font-weight:700!important} .wpp-trust{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--wid-line);border-radius:8px;margin-bottom:12px} .wpp-trust div{text-align:center;padding:10px 4px;font:600 11px/1.3 var(--wid-sans);color:var(--wid-ink)} .wpp-trust div+div{border-left:1px solid var(--wid-line)} .wpp-trust i{display:block;font-style:normal;font-size:15px;margin-bottom:3px} .wpp-trust small{display:block;font-weight:400;color:var(--wid-muted);font-size:10.5px} .wpp-seller{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--wid-line)} .wpp-seller b{display:block;font:600 12.5px var(--wid-sans);color:var(--wid-ink)} .wpp-seller span{font-size:11px;color:var(--wid-muted)} .wpp-secure{text-align:center;font:500 11.5px var(--wid-sans);color:var(--wid-muted);padding:8px 0;border-top:1px solid var(--wid-line)} .wpp-upvote{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--wid-line);padding-top:12px;font:600 12.5px var(--wid-sans);color:var(--wid-ink)} .wpp-upvote .wpulike{padding:0!important} .wpp-upvote .wp_ulike_general_class{display:flex!important;align-items:center;gap:6px;border:1px solid var(--wid-line)!important;border-radius:999px!important;padding:4px 12px 4px 8px!important;background:var(--wid-surface)!important;box-shadow:none!important} .wpp-upvote .wp_ulike_is_liked{background:var(--wid-green-2)!important;border-color:var(--wid-green-2)!important} .wpp-upvote .wp_ulike_is_liked button.wp_ulike_btn::before{border-bottom-color:#fff!important} .wpp-upvote .wp_ulike_is_liked .count-box{color:#fff!important} .wpp-upvote button.wp_ulike_btn{width:22px!important;height:22px!important;padding:0!important;border:0!important;background:none!important;background-image:none!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer} .wpp-upvote button.wp_ulike_btn::before{content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid var(--wid-muted)} .wpp-upvote .wp_ulike_is_liked button.wp_ulike_btn::before{border-bottom-color:var(--wid-green-2)} .wpp-upvote .count-box{font:700 12px var(--wid-sans)!important;color:var(--wid-ink)!important;background:none!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important} .wpp-upvote .count-box::before{display:none!important} .wpp-upvote .count-box::after{display:none!important} .wpp-upvote .count-box:empty::after{content:attr(data-ulike-counter-value);display:inline!important;position:static!important;border:0!important;background:none!important} /* Lightbox */ .wpp-lb{position:fixed;inset:0;background:rgba(8,9,12,.92);z-index:9999;display:none;overflow:auto;padding:50px 16px} .wpp-lb.is-open{display:block} .wpp-lb-inner{max-width:900px;margin:0 auto;display:grid;gap:16px} .wpp-lb img{width:100%;border-radius:10px;background:#fff} .wpp-lb iframe,.wpp-lb video{width:100%;aspect-ratio:16/9;border:0;border-radius:10px;background:#000} .wpp-lb-close{position:fixed;top:12px;right:18px;background:none;border:0;color:#fff;font-size:30px;cursor:pointer} @media (max-width:980px){ .wpp-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"gallery" "box" "info"} .wpp-right{align-self:start;margin:4px 0 24px} .wpp-box{position:static} } @media (max-width:600px){ .wpp{padding:12px 16px 40px} .wpp-head{flex-direction:column} .wpp-head h1{font-size:24px} .wpp-stage{aspect-ratio:1/1} .wpp-fbt-row{gap:6px;flex-wrap:nowrap} .wpp-fbt-item{flex:1 1 0;min-width:0;width:auto}.wpp-fbt-item .box{width:100%;height:auto;aspect-ratio:1/1} .wpp-fbt-plus{flex:none;margin-top:-34px} .wpp-fbt-item .nm{font-size:11.5px} } /* wid-pages-css */ .wgg,.wmv,.wid-fallback{font-family:var(--wid-sans);color:var(--wid-ink)} .wgg *,.wmv *,.wid-fallback *,.wid-footer *,.wid-simple *{box-sizing:border-box} .wgg-intro{font-size:15px;color:var(--wid-muted);margin:0 0 18px} .wgg-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px} .wgg-jump a{display:inline-flex;align-items:center;gap:6px;font:500 13px var(--wid-sans);color:var(--wid-ink)!important;background:var(--wid-surface);border:1px solid var(--wid-line);border-radius:999px;padding:7px 14px;text-decoration:none!important} .wgg-jump a:hover{border-color:var(--wid-green-2)} .wgg-jump small{color:var(--wid-muted);font-weight:600} .wgg-sec{padding:26px 0;border-top:1px solid var(--wid-line);scroll-margin-top:140px} .wgg-sec h2{font:600 24px var(--wid-serif);margin:0 0 4px;color:var(--wid-ink)} .wgg-sec>p{margin:0 0 16px;color:var(--wid-muted);font-size:14px} .wgg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px} .wgg-card{display:flex;flex-direction:column;gap:4px;background:var(--wid-surface);border:1px solid var(--wid-line);border-radius:10px;padding:10px;text-decoration:none!important;color:var(--wid-ink)!important;transition:border-color .2s ease,transform .2s ease} .wgg-card:hover{border-color:var(--wid-green-2);transform:translateY(-2px)} .wgg-thumb{aspect-ratio:1/1;border-radius:8px;background:var(--wid-chip);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:6px} .wgg-thumb .wid-img{width:100%;height:100%;object-fit:cover} .wgg-thumb .wid-emoji{font-size:44px} .wgg-name{font:600 14px/1.3 var(--wid-sans)} .wgg-tag{font:italic 12.5px var(--wid-sans);color:var(--wid-muted)} .wgg-price{font:700 13px var(--wid-sans);margin-top:auto} .wgg-lk{display:flex;flex-direction:column;gap:4px;flex:1;color:inherit!important;text-decoration:none!important} .wgg-add{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:8px;border:0;border-radius:10px;padding:10px 8px;font:700 13.5px var(--wid-sans);background:var(--wid-green-2,#31456a);color:#fff!important;cursor:pointer;text-decoration:none!important;transition:filter .15s ease,transform .15s ease,background .2s ease} .wgg-add svg{width:16px;height:16px;flex:none} .wgg-add:hover{filter:brightness(1.08)} .wgg-add:active{transform:scale(.98)} .wgg-add.is-busy{opacity:.7;pointer-events:none} .wgg-add.is-done{background:#1d407c} .wgg-add.wgg-opt{background:transparent;color:var(--wid-ink)!important;border:1.5px solid var(--wid-line)}.wgg-add,.wgg-add span{white-space:nowrap}.wgg-add.wgg-opt{padding-left:4px;padding-right:4px;font-size:13px} .wgg-add.wgg-opt:hover{border-color:var(--wid-green-2,#31456a);filter:none} .wgg-add.is-off{opacity:.55;cursor:default;pointer-events:none} .wid-fallback{margin:26px 0} .wid-fallback h2{font:600 22px var(--wid-serif);margin:0 0 14px} .wmv-loading,.wmv-count{color:var(--wid-muted);font-size:14px;margin:0 0 16px} .wmv-emptybox{text-align:center;background:var(--wid-surface);border:1px dashed var(--wid-line);border-radius:14px;padding:44px 20px} .wmv-emptybox h2{font:600 24px var(--wid-serif);margin:10px 0 8px} .wmv-emptybox p{max-width:460px;margin:0 auto 18px;color:var(--wid-muted);font-size:14.5px} .wmv-icon{width:54px;height:54px;border-radius:12px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:var(--wid-soft);color:var(--wid-green-2);font-size:22px} .wmv-note{margin:18px 0 0;font-size:13px;color:var(--wid-muted);background:var(--wid-chip);border-radius:8px;padding:10px 14px} .wmv-note a{color:var(--wid-green-2)!important} html.wid-dark .wmv-note a,html.wid-dark .wmv-icon{color:#a0b2d2!important} .wmv-head{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,var(--wid-soft),var(--wid-surface));border:1px solid var(--wid-soft-line,var(--wid-line))} .wmv-hicon{flex:none;width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#3f5c8d,#202f49);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(32,47,73,.25)} .wmv-hicon svg{width:22px;height:22px;fill:#fff} .wmv-htitle{margin:0;font:600 17px/1.3 var(--wid-serif);color:var(--wid-ink)} .wmv-htitle strong{color:var(--wid-green-2)} html.wid-dark .wmv-htitle strong{color:#a0b2d2} .wmv-hsub{margin:2px 0 0;font-size:13px;color:var(--wid-muted);line-height:1.4} .wmv-list{display:flex;flex-direction:column;gap:14px} .wmv-card{display:grid;grid-template-columns:92px minmax(0,1fr) 52px;grid-template-areas:"th in vt" "ds ds ds" "ac ac ac";column-gap:14px;align-items:start;background:var(--wid-surface);border:1px solid var(--wid-line);border-radius:14px;padding:14px;transition:opacity .3s ease,border-color .2s ease,box-shadow .2s ease} .wmv-card:hover{border-color:#cfc8b3;box-shadow:0 10px 30px rgba(20,27,40,.06)} .wmv-thumb{grid-area:th;display:flex;align-items:center;justify-content:center;width:92px;height:92px;border-radius:10px;overflow:hidden;background:var(--wid-chip)} .wmv-thumb .wid-img{width:100%;height:100%;object-fit:cover} .wmv-thumb .wid-emoji{font-size:38px} .wmv-info{grid-area:in;min-width:0;display:flex;flex-direction:column;gap:4px} .wmv-meta{display:flex;align-items:center;gap:6px;min-width:0} .wmv-badge{flex:none;display:inline-block;font:700 10px/1 var(--wid-sans);letter-spacing:.02em;padding:4px 7px;border-radius:5px;color:#fff;background:var(--wid-green-2)} .wmv-badge.potw{background:var(--wid-purple)}.wmv-badge.staff{background:#b8893a} .wmv-name{min-width:0;font:500 12px/1.3 var(--wid-sans);color:var(--wid-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .wmv-title{margin:0;font:600 18px/1.22 var(--wid-serif);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .wmv-title a{color:var(--wid-title)!important;text-decoration:none!important} .wmv-price{font:700 18px/1.1 var(--wid-sans);color:var(--wid-ink);display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin-top:2px} .wmv-price del{color:var(--wid-was,#d32f2f)!important;font-size:.8em;font-weight:600;opacity:1} .wmv-price ins{text-decoration:none;color:var(--wid-ink)} .wmv-vote{grid-area:vt;justify-self:end} .wmv-vote .wid-vlabel{font-weight:600} .wmv-desc{grid-area:ds;margin:12px 0 0;font-size:13.5px;line-height:1.5;color:var(--wid-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .wmv-actions{grid-area:ac;display:flex;gap:10px;margin-top:12px} .wmv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:11px;font:700 14px var(--wid-sans);text-decoration:none!important;white-space:nowrap;transition:transform .12s ease,background .2s ease,box-shadow .2s ease;cursor:pointer} .wmv-btn:active{transform:scale(.97)} .wmv-add{flex:1;background:var(--wid-green-2)!important;color:#fff!important;box-shadow:0 6px 14px rgba(48,69,105,.22)} .wmv-add:hover{background:var(--wid-green,#202f49)!important} .wmv-add svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .wmv-add.loading{opacity:.7;pointer-events:none} .wmv-add.loading span::after{content:"\2026"} .wmv-incart{flex:1;background:var(--wid-soft)!important;color:var(--wid-green-2)!important;border:1.5px solid var(--wid-green-2)} html.wid-dark .wmv-incart{color:#a0b2d2!important;border-color:#a0b2d2} .wmv-off{flex:1;background:var(--wid-chip);color:var(--wid-muted)!important;cursor:default} .wmv-view{flex:none;background:var(--wid-surface)!important;color:var(--wid-ink)!important;border:1.5px solid var(--wid-line)} .wmv-view:hover{border-color:var(--wid-green-2)} .wmv-actions .added_to_cart{display:none!important} .wmv-card.is-off{opacity:.55} .wmv-card.is-off .wmv-vote .wid-vlabel{color:#d32f2f} .wmv .wmv-note{margin:18px 0 0!important;display:block} .wmv .wmv-list+.wmv-note{margin-top:20px!important} .wmv .wmv-head p,.wmv .wmv-card p,.wmv .wmv-card h3,.wmv .wmv-card .wmv-meta{margin-top:0!important;margin-bottom:0!important} .wmv .wmv-hsub{margin-top:3px!important} .wmv .wmv-card .wmv-desc{margin-top:12px!important} .wmv-card{grid-template-columns:92px minmax(0,1fr) 58px} .wmv-vote .wid-vlabel{white-space:nowrap} @media (min-width:760px){ .wmv-card{grid-template-columns:104px minmax(0,1fr) 210px 56px;grid-template-areas:"th in ac vt" "th ds ac vt";column-gap:18px;padding:16px 18px} .wmv-thumb{width:104px;height:104px} .wmv-title{font-size:20px} .wmv-actions{flex-direction:column;align-self:center;margin:0} .wmv-actions .wmv-btn{flex:none;width:100%} .wmv .wmv-card .wmv-desc{margin-top:6px!important} .wmv-card{grid-template-columns:104px minmax(0,1fr) 210px 58px} } .wid-simple{max-width:1000px;margin:0 auto;padding:48px 20px 60px} .wid-simple h1{font:600 36px/1.15 var(--wid-serif);margin:6px 0 12px;color:var(--wid-ink)} .wid-lede{font-size:16px;color:var(--wid-muted);max-width:680px;margin:0 0 26px} .wid-footer{background:var(--wid-deep);color:#c7cbd3;margin-top:40px} .wid-footer-inner{max-width:1200px;margin:0 auto;padding:44px 20px 28px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px} .wid-footer .wid-logo{display:inline-flex;color:#fff!important;font:700 30px/1 var(--wid-serif);text-decoration:none!important;line-height:0} .wid-footer .wid-logo .wid-logo-svg{display:block;height:32px;width:auto;overflow:visible} .wid-footer .wid-logo .wl-acc{fill:#7296d5;stroke:#7296d5} .wid-footer-brand p{font-size:13.5px;line-height:1.6;margin:12px 0 16px;max-width:300px} .wid-footer h3{font:700 11px var(--wid-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--wid-tan);margin:4px 0 12px} .wid-footer ul{list-style:none;margin:0;padding:0} .wid-footer li{margin:0 0 8px} .wid-footer li a{color:#e6e8ec!important;text-decoration:none!important;font-size:14px} .wid-footer li a:hover{color:#fff!important;text-decoration:underline!important} .wid-footer-bottom{max-width:1200px;margin:0 auto;padding:16px 20px 24px;border-top:1px solid #252c39;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:#9aa0a9} .wid-404-search{display:flex;gap:8px;max-width:520px;margin:0 0 18px} .wid-404-search input[type=search]{flex:1;min-width:0;border:1px solid var(--wid-line);border-radius:999px;padding:11px 16px;font:15px var(--wid-sans);background:var(--wid-surface);color:var(--wid-ink)} .wid-404-search button{border:0;border-radius:999px;padding:11px 20px;font:700 14px var(--wid-sans);background:var(--wid-green-2);color:#fff;cursor:pointer} .wid-404-links{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px} .wid-404-h{font:600 24px var(--wid-serif);margin:0 0 14px;color:var(--wid-ink)} :root{--dokan-button-background-color:#304569;--dokan-sidebar-background-color:#202f49} /* Upvote buttons: use WidBest arrows only (hide WP ULike heart graphics and glow) */ .wpulike .wpulike-svg-heart,.wpulike .wpulike-svg-heart-pop{display:none!important} .wpulike button.wp_ulike_btn{box-shadow:none!important;animation:none!important;min-width:0!important;min-height:0!important} .wpulike .count-box::before{display:none!important} .wpulike button.wp_ulike_btn.wp_ulike_put_image::after{display:none!important;content:none!important} .wpulike .count-box{color:var(--wid-ink)!important;display:inline-block!important} @media (max-width:900px){.wgg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wid-footer-inner{grid-template-columns:1fr 1fr}.wid-footer-brand{grid-column:1/-1}} @media (max-width:480px){.wid-footer-inner{grid-template-columns:1fr 1fr;gap:24px 16px;padding-top:36px}.wid-footer li{margin-bottom:6px}.wid-footer li a{font-size:13.5px}.wgg-jump{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 22px;padding:2px 16px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.wgg-jump::-webkit-scrollbar{display:none}.wgg-jump a{flex:none;white-space:nowrap}.wid-simple h1{font-size:28px}} /* wid-all-css */ .wid-allbtn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 15px 0 12px;margin-left:4px;border:1.5px solid #111;border-radius:999px;background:#111;color:#fff;font:700 13.5px/1 var(--wid-sans,system-ui,sans-serif);letter-spacing:.02em;cursor:pointer;flex:none;-webkit-tap-highlight-color:transparent;transition:background .2s ease,transform .15s ease,box-shadow .2s ease} .wid-allbtn svg{width:20px;height:20px;flex:none;overflow:visible} .wid-allbtn svg .s{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round} .wid-allbtn:hover{background:#2a2a2a;box-shadow:0 6px 16px rgba(0,0,0,.18)} .wid-allbtn:active{transform:scale(.96)} html.wid-dark .wid-allbtn{background:#f2f4ee;border-color:#f2f4ee;color:#111} html.wid-dark .wid-allbtn:hover{background:#fff} @media (max-width:720px){.wid-allbtn{width:38px;height:38px;padding:0;justify-content:center;margin-left:0}.wid-allbtn .wid-allbtn-t{display:none}} .wam-sec a[href*="/submit-a-product/"]{margin:8px 20px 4px;width:auto;border-radius:14px;background:var(--wid-tan,#c8a25b)!important;color:var(--wid-tan-ink,#2b2414)!important;font-weight:700;padding:12px 16px}.wam-sec a[href*="/submit-a-product/"]::after{border-color:currentColor;opacity:.8}.wam-sec a[href*="/submit-a-product/"]:hover{filter:brightness(1.05)} .wam-ov{position:fixed;inset:0;z-index:100010;background:rgba(10,12,16,.55);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s} .wam-ov.is-open{opacity:1;visibility:visible} .wam{position:fixed;top:0;left:0;bottom:0;z-index:100011;width:min(380px,88vw);display:flex;flex-direction:column;background:var(--wid-surface,#fff);color:var(--wid-ink,#1d222a);box-shadow:24px 0 60px rgba(0,0,0,.25);transform:translateX(-105%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility .3s;font-family:var(--wid-sans,system-ui,sans-serif)} .wam.is-open{transform:none;visibility:visible} .wam-hd{display:flex;align-items:center;gap:12px;padding:16px 16px 16px 18px;background:linear-gradient(135deg,#0f141c,#202f49);color:#fff} .wam-av{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;flex:none} .wam-av svg{width:22px;height:22px} .wam-av svg .s{fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .wam-hi{flex:1;min-width:0;color:#fff!important;text-decoration:none!important;font:700 17px/1.2 var(--wid-sans,system-ui,sans-serif)} .wam-hi small{display:block;font:500 12px var(--wid-sans,system-ui,sans-serif);color:rgba(255,255,255,.7);margin-bottom:2px} .wam-x{width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none} .wam-x:hover{background:rgba(255,255,255,.22)} .wam-x svg{width:18px;height:18px;min-width:18px;flex:none;display:block}.wam-sec a .t{display:inline-flex;align-items:center;gap:12px;flex:1;min-width:0}.wam-sec a .t>*{flex:none}.wam-x svg path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round} .wam-bd{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:6px 0 calc(24px + env(safe-area-inset-bottom))} .wam-sec{padding:12px 0 6px;border-bottom:1px solid var(--wid-line,#e4e0d3)} .wam-sec:last-child{border-bottom:0} .wam-sec h3{margin:0;padding:6px 20px 8px;font:700 12px var(--wid-sans,system-ui,sans-serif);letter-spacing:.09em;text-transform:uppercase;color:var(--wid-muted,#6b746d)} .wam-sec a,.wam-sec button.wam-row{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:10px 20px;border:0;background:transparent;color:var(--wid-ink,#1d222a)!important;font:500 15px/1.25 var(--wid-sans,system-ui,sans-serif);text-align:left;text-decoration:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease} .wam-sec a:hover,.wam-sec button.wam-row:hover,.wam-sec a:focus-visible,.wam-sec button.wam-row:focus-visible{background:var(--wid-soft,#e5e9ef);outline:0} .wam-sec .t{flex:1;min-width:0} .wam-sec .n{font:600 12.5px var(--wid-sans,system-ui,sans-serif);color:var(--wid-muted,#6b746d)} .wam-sec a::after,.wam-sec button.wam-row::after{content:'';width:7px;height:7px;border-right:2px solid var(--wid-muted,#9aa59c);border-top:2px solid var(--wid-muted,#9aa59c);transform:rotate(45deg);flex:none;margin-left:2px;opacity:.7} .wam-sec .wi{font-size:19px} .wam-sec .v{font:700 12.5px var(--wid-sans,system-ui,sans-serif);color:var(--wid-ink,#1d222a);background:var(--wid-chip,#f3f0e6);border-radius:999px;padding:3px 10px} .wam-sec .hi{display:none} @media (prefers-reduced-motion:reduce){.wam,.wam-ov{transition:none}} /* wid-swatches-css */ .wpp-form form.variations_form{--k:var(--wid-ink,#161a20);--m:var(--wid-muted,#6b746d);--l:var(--wid-line,#e4e0d3);--b:var(--wid-surface,#fff);--s:var(--wid-chip,#f6f4ee);--ok:#214178} .wpp-form table.variations,.wpp-form table.variations tbody{display:block!important;width:100%!important;border:0!important;margin:0!important} .wpp-form table.variations tr{display:block!important;margin:0 0 18px!important;border:0!important} .wpp-form table.variations th,.wpp-form table.variations td{display:block!important;padding:0!important;border:0!important;background:none!important;text-align:left!important;width:auto!important} .wpp-form table.variations th label{display:flex!important;align-items:baseline;gap:8px;margin:0 0 10px!important;font:800 12.5px/1.2 var(--wid-sans)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--k)!important} .wpp-form table.variations th label .chosen{display:none} .wpp-form table.variations th label .wvs-chosen{font:600 14px/1.2 var(--wid-sans);letter-spacing:0;text-transform:capitalize;color:var(--m)} .wpp-form table.variations th label .wvs-chosen:not(:empty)::before{content:"· ";color:var(--l)} .wpp-form table.variations td.value{position:relative} .wpp-form table.variations select[data-wvs]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)} .wpp-form table.variations td.value .wpp-opts{display:none!important} .wvs{display:flex;flex-wrap:wrap;gap:10px} .wvs-o{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:var(--wid-sans)!important;text-transform:none!important;letter-spacing:0!important;transition:border-color .18s ease,box-shadow .2s ease,background-color .18s ease,transform .2s cubic-bezier(.2,1.3,.4,1)} .wvs-o:active{transform:scale(.96)!important} .wvs-o:focus-visible{outline:2px solid var(--k);outline-offset:3px} .wvs-o.is-on{transform:translateY(-1px)} .wvs-o.is-on::before{content:"";position:absolute;z-index:2;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:var(--k) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:0 0 0 2.5px var(--b);animation:wvsPop .3s cubic-bezier(.2,1.5,.4,1)} @keyframes wvsPop{from{transform:scale(0)}to{transform:scale(1)}} .wvs-n{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize} .wvs-d{display:block;margin-top:3px;font:600 11px/1 var(--wid-sans);color:var(--m)} /* text options */ .wvs-text{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px} .wvs-text .wvs-o{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:50px!important;height:auto;margin:0!important;padding:9px 10px!important;border:1.5px solid var(--l)!important;border-radius:14px!important;background:var(--b)!important;color:var(--k)!important;font:700 15px/1.1 var(--wid-sans)!important;box-shadow:none!important} .wvs-text .wvs-o.is-on{border:2px solid var(--k)!important;padding:8.5px 9.5px!important;box-shadow:0 8px 18px -10px rgba(20,24,30,.45)!important} /* colour options: dot + name */ .wvs-colour .wvs-o{display:inline-flex!important;align-items:center;gap:9px;height:46px;margin:0!important;padding:0 16px 0 7px!important;border:1.5px solid var(--l)!important;border-radius:999px!important;background:var(--b)!important;color:var(--k)!important;font:700 14px/1 var(--wid-sans)!important;box-shadow:none!important} .wvs-colour .wvs-o.is-on{border:2px solid var(--k)!important;padding:0 15.5px 0 6.5px!important;box-shadow:0 8px 18px -10px rgba(20,24,30,.45)!important} .wvs-colour .wvs-dot{flex:none;width:30px;height:30px} .wvs-colour .wvs-d{display:inline;margin:0 0 0 2px} .wvs-dot{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),inset 0 -6px 10px -6px rgba(0,0,0,.25);font:700 11px var(--wid-sans);font-style:normal;text-transform:uppercase;color:var(--k)} .wvs-dot.is-none{background:var(--s)} /* photo options */ .wvs-img .wvs-o{display:flex!important;flex-direction:column;align-items:center;gap:7px;width:86px;margin:0!important;padding:5px 5px 9px!important;border:1.5px solid var(--l)!important;border-radius:16px!important;background:var(--b)!important;color:var(--k)!important;font:700 12.5px/1.2 var(--wid-sans)!important;box-shadow:none!important} .wvs-img .wvs-o.is-on{border:2px solid var(--k)!important;padding:4.5px 4.5px 8.5px!important;box-shadow:0 10px 22px -12px rgba(20,24,30,.5)!important} .wvs-pic{display:block;width:100%;aspect-ratio:1/1;border-radius:11px;overflow:hidden;background:var(--s)} .wvs-pic img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important;border-radius:0!important} .wvs-pic .wvs-dot{border-radius:0;box-shadow:none} .wvs-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font:800 15px var(--wid-sans);font-style:normal;color:var(--m);text-transform:uppercase} .wvs-img .wvs-n{padding:0 2px} @media (hover:hover){.wvs-o:not(.is-on):not(.is-off):not(.is-oos):hover{border-color:#bfc6bf!important}} /* not available with the other choice / sold out */ .wvs-o.is-off,.wvs-o.is-oos{opacity:.5;border-style:dashed!important} .wvs-o.is-off::after,.wvs-o.is-oos::after{content:"";position:absolute;left:10%;right:10%;top:50%;height:1.5px;background:currentColor;transform:rotate(-18deg);opacity:.55;pointer-events:none} .wvs-img .wvs-o.is-off::after,.wvs-img .wvs-o.is-oos::after{top:42%} /* reset */ .wpp-form form.variations_form a.reset_variations{box-sizing:border-box!important;display:inline-flex!important;align-items:center;gap:8px;width:auto!important;min-width:0!important;max-width:none!important;height:36px!important;margin:14px 0 4px!important;padding:0 15px 0 5px!important;border:1px solid var(--l)!important;border-radius:999px!important;background:var(--b)!important;box-shadow:0 1px 2px rgba(20,24,30,.05),0 8px 16px -12px rgba(20,24,30,.4)!important;font:700 13px/1 var(--wid-sans)!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--k)!important;text-decoration:none!important;white-space:nowrap!important;overflow:visible!important;-webkit-tap-highlight-color:transparent;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease} .wpp-form form.variations_form a.reset_variations::before{content:"";flex:none;width:26px;height:26px;border-radius:50%;background:var(--s) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23161a20' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E") center/13px no-repeat;transition:transform .5s cubic-bezier(.3,1.4,.5,1),background-color .2s ease} .wpp-form form.variations_form a.reset_variations:hover{border-color:var(--k)!important;box-shadow:0 1px 2px rgba(20,24,30,.06),0 10px 20px -12px rgba(20,24,30,.5)!important} .wpp-form form.variations_form a.reset_variations:hover::before{transform:rotate(-300deg)} .wpp-form form.variations_form a.reset_variations:active{transform:scale(.95)} .wpp-form form.variations_form a.reset_variations:focus-visible{outline:2px solid var(--k);outline-offset:3px} html.wid-dark .wpp-form form.variations_form a.reset_variations::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eef0f3' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E")} .wpp-form form.variations_form a.reset_variations[style*="hidden"]{display:none!important} /* your choice card */ .wvs-sum{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:10px 12px 10px 10px;border-radius:16px;background:var(--s);animation:wvsIn .35s ease} .wvs-sum[hidden]{display:none} @keyframes wvsIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} .wvs-sum img{flex:none;width:54px;height:54px;border-radius:12px;object-fit:cover;background:#fff;margin:0!important} .wvs-sum .t{flex:1;min-width:0} .wvs-sum .t small{display:block;font:800 10.5px/1 var(--wid-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--m)} .wvs-sum .t b{display:block;margin-top:5px;font:700 14.5px/1.25 var(--wid-sans);color:var(--k);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .wvs-sum .t i{display:inline-flex;align-items:center;gap:5px;margin-top:5px;font:700 12px/1 var(--wid-sans);font-style:normal;color:var(--ok)} .wvs-sum .t i::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor} .wvs-sum .t i.no{color:#b23a22} .wvs-sum .p{flex:none;text-align:right;font:800 17px/1.2 var(--wid-sans);color:var(--k)} .wvs-sum .p del{display:block;font-weight:500;font-size:12px;color:var(--m)} .wvs-sum .p ins{text-decoration:none} .wpp-form form.variations_form.wvs-has .woocommerce-variation-price,.wpp-form form.variations_form.wvs-has .woocommerce-variation-availability{display:none!important} html.wid-dark .wpp-form form.variations_form{--k:#eef0f3;--m:#a3aea7;--l:#2f343d;--b:#181c22;--s:#22262d;--ok:#819fd4} html.wid-dark .wvs-o.is-on::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312151a' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")} html.wid-dark .wvs-sum .t i.no{color:#ff9a85} @media (max-width:480px){.wvs-img .wvs-o{width:calc((100% - 30px) / 4)}} /* ---- v2: cleaner grid, prices, sale tags, quiet reset ---- */ .wvs-img{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px} .wvs-img .wvs-o{width:auto!important;min-width:0;padding:5px 5px 10px!important;gap:6px} .wvs-img .wvs-o.is-on{padding:4.5px 4.5px 9.5px!important} .wvs-pic{position:relative} .wvs-pic img{transition:transform .35s ease} @media (hover:hover){.wvs-img .wvs-o:hover .wvs-pic img{transform:scale(1.06)}} .wvs-img .wvs-n{font-size:13px} .wvs-d{margin-top:2px!important;font:700 12px/1.1 var(--wid-sans)!important;color:var(--k)!important;opacity:.72} .wvs-o.is-on .wvs-d{opacity:1} .wvs-colour .wvs-d{margin:0 0 0 4px!important} .wvs-tag{position:absolute;z-index:1;top:5px;left:5px;padding:2px 6px;border-radius:7px;background:#e8534a;color:#fff;font:800 10.5px/1.2 var(--wid-sans);font-style:normal;letter-spacing:.01em;box-shadow:0 2px 6px rgba(0,0,0,.18)} .wvs-text .wvs-o,.wvs-colour .wvs-o{position:relative} .wvs-text .wvs-tag,.wvs-colour .wvs-tag{top:-9px;left:8px} /* Photo tiles: the sale tag sits on the top edge, never over the photo */ .wvs-img .wvs-o{position:relative;overflow:visible} .wvs-img .wvs-tag{z-index:2;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:2px 7px;font-size:10px;border:2px solid var(--wid-surface,#fff)} .wvs-text{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))!important} .wpp-form form.variations_form a.reset_variations{height:28px!important;margin:10px 0 2px!important;padding:0 10px 0 4px!important;gap:6px!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important;font:600 12.5px/1 var(--wid-sans)!important;color:var(--m)!important} .wpp-form form.variations_form a.reset_variations::before{width:20px!important;height:20px!important;background-size:11px!important} .wpp-form form.variations_form a.reset_variations:hover{border-color:var(--l)!important;color:var(--k)!important;box-shadow:none!important} .wpp-form table.variations tr{margin-bottom:16px!important} .wpp-form table.variations tr:last-child{margin-bottom:6px!important} @media (max-width:480px){.wvs-img{grid-template-columns:repeat(4,minmax(0,1fr))}.wvs-img .wvs-o{width:auto!important}.wvs-img .wvs-n{font-size:12px}} @media (prefers-reduced-motion:reduce){.wvs-o,.wvs-o::before,.wvs-sum{transition:none!important;animation:none!important}} /* wid-stars-css */ .wsr{display:flex;align-items:center;gap:6px;margin:0 0 5px;font:600 12.5px/1 var(--wid-sans,system-ui,sans-serif);color:var(--wid-ink,#1d222a);white-space:nowrap} .wsr-s{position:relative;display:inline-block;flex:none;width:70px;height:13px;background:var(--wsr-e,#d9d5c7);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3E%3Cpath d='M7 .6l1.9 4 4.4.5-3.3 3 .9 4.3L7 10.2 3.1 12.4 4 8.1.7 5.1l4.4-.5z'/%3E%3C/svg%3E") 0 0/14px 13px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3E%3Cpath d='M7 .6l1.9 4 4.4.5-3.3 3 .9 4.3L7 10.2 3.1 12.4 4 8.1.7 5.1l4.4-.5z'/%3E%3C/svg%3E") 0 0/14px 13px repeat-x} .wsr-s i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,#ffb23f,#f08a00)} .wsr b{font-weight:700} .wsr-n{font-weight:500;color:var(--wid-muted,#6b746d)} html.wid-dark .wsr{--wsr-e:rgba(255,255,255,.22)} html[dir=rtl] .wsr-s i{left:auto;right:0} html[dir=rtl] .wsr-s{-webkit-mask-position:100% 0;mask-position:100% 0} /* wid-btnfx */ @keyframes wfxShake{0%,78%,100%{translate:0 0;rotate:0deg}80%{translate:-3px 0;rotate:-1.2deg}83%{translate:3px 0;rotate:1.2deg}86%{translate:-3px 0;rotate:-1deg}89%{translate:2px 0;rotate:.8deg}92%{translate:-1px 0;rotate:-.4deg}95%{translate:0 0;rotate:0deg}}@media (prefers-reduced-motion:no-preference){html body main.wpp .wpp-box form.cart .single_add_to_cart_button:not(.disabled):not(.loading),html body .wpp-form .single_add_to_cart_button:not(.disabled):not(.loading),html body #wcx-sticky-btn{animation:wfxShake 3.6s ease-in-out 1.2s infinite!important;will-change:translate,rotate}html body main.wpp .wpp-box form.cart .single_add_to_cart_button:not(.disabled):not(.loading):hover,html body main.wpp .wpp-box form.cart .single_add_to_cart_button:not(.disabled):not(.loading):focus-visible,html body main.wpp .wpp-box form.cart .single_add_to_cart_button:not(.disabled):not(.loading):active,html body .wpp-form .single_add_to_cart_button:not(.disabled):not(.loading):hover,html body .wpp-form .single_add_to_cart_button:not(.disabled):not(.loading):focus-visible,html body .wpp-form .single_add_to_cart_button:not(.disabled):not(.loading):active,html body #wcx-sticky-btn:hover,html body #wcx-sticky-btn:focus-visible,html body #wcx-sticky-btn:active{animation:none!important}} /* wid-brand-css */ html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility} ::selection{background:rgba(48,69,105,.2)} .woocommerce-Price-amount{font-variant-numeric:tabular-nums} :root{--wid-was:#8b938c} html.wid-dark{--wid-was:#8e9a91} html body .onsale,html body.woocommerce ul.products li.product .onsale,html .woocommerce ul.products li.product .onsale{background:#202f49!important;letter-spacing:.02em;box-shadow:0 4px 12px rgba(15,20,28,.18)!important} html.wid-dark body .onsale,html.wid-dark .woocommerce ul.products li.product .onsale{background:#305189!important} /* header */ .wid-header{transition:box-shadow .25s ease} .wid-header.is-scrolled{box-shadow:0 8px 28px rgba(20,27,40,.08)} html.wid-dark .wid-header.is-scrolled{box-shadow:0 8px 28px rgba(0,0,0,.35)} /* announcement */ .wid-announce .wab-slide{display:inline-flex;align-items:center;gap:6px;animation:wabIn .45s cubic-bezier(.2,.8,.2,1)} @keyframes wabIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} /* Phones: every message fits on one line (no clipped words) */ .wid-announce .wab-s{display:none} @media (max-width:440px){html body div.wid-announce{padding:0 10px!important;font-size:12px!important}.wid-announce .wab-l{display:none}.wid-announce .wab-s{display:inline}} /* shop cards */ ul.products li.product{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease} ul.products li.product .woocommerce-loop-image-link{position:relative;display:block;overflow:hidden} ul.products li.product .woocommerce-loop-image-link img{transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .35s ease} ul.products li.product .woocommerce-loop-image-link img.wid-alt{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;margin:0} @media (hover:hover){ ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,27,40,.12)} ul.products li.product:hover .woocommerce-loop-image-link img{transform:scale(1.04)} ul.products li.product:hover .woocommerce-loop-image-link img.wid-alt.is-ready{opacity:1} #wid-list .wid-row{transition:box-shadow .25s ease,border-color .25s ease,transform .25s cubic-bezier(.2,.8,.2,1)} #wid-list .wid-row:hover{box-shadow:0 14px 34px rgba(20,27,40,.09);transform:translateY(-2px)} } html.wid-dark ul.products li.product:hover{box-shadow:0 18px 40px rgba(0,0,0,.4)} /* buttons feel pressed */ .button:active,button.single_add_to_cart_button:active,.wpp-buynow:active,.add_to_cart_button:active{transform:scale(.98)} :focus-visible{outline-color:var(--wid-green-2)} /* footer promise strip */ .wbr-promise{background:#0f141c;border-bottom:1px solid rgba(255,255,255,.08);color:#eaedf1} .wbr-promise-in{max-width:1160px;margin:0 auto;padding:30px 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px} .wbr-p{display:flex;gap:14px;align-items:flex-start} .wbr-p svg{flex:none;width:30px;height:30px;padding:9px;box-sizing:content-box;border-radius:14px;background:rgba(200,162,91,.14);color:#e2c38a} .wbr-p b{display:block;font:700 15px/1.25 var(--wid-sans);color:#fff;margin:2px 0 4px} .wbr-p span,.wbr-p a{display:block;font:500 13px/1.45 var(--wid-sans)!important;color:rgba(234,237,241,.72)} .wbr-p a{text-decoration:underline;text-underline-offset:2px} .wbr-p a:hover{color:#fff} @media (max-width:900px){.wbr-promise-in{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px 16px;gap:18px 14px}} @media (max-width:420px){.wbr-promise-in{grid-template-columns:1fr;gap:14px}.wbr-p{gap:12px;align-items:center}.wbr-p b{margin:0 0 2px}.wbr-p svg{width:24px;height:24px;padding:8px}.wbr-p b{font-size:14px}.wbr-p span,.wbr-p a{font-size:12.5px}} .wid-footer-bottom{flex-wrap:wrap;gap:12px} /* wid-desc-css */ .wid-desc{--wd-gold:#b8913f;--wd-ink:var(--wid-ink,#16171b);--wd-mu:color-mix(in srgb,var(--wd-ink) 62%,transparent);--wd-ln:var(--wid-line,#e7e3d8);max-width:760px;color:var(--wd-ink);font:400 16px/1.7 var(--wid-sans,inherit)} .wid-desc .wd-tag{margin:0 0 10px;font:500 13px/1.3 var(--wid-sans,inherit);letter-spacing:.16em;text-transform:uppercase;color:var(--wd-gold)} .wid-desc .wd-intro{margin:0 0 28px;font:400 20px/1.55 var(--wid-serif,Georgia,serif);letter-spacing:-.005em} .wid-desc .wd-sec{margin:0 0 30px;padding-top:24px;border-top:1px solid var(--wd-ln)} .wid-desc h3{margin:0 0 14px;font:600 13px/1.2 var(--wid-sans,inherit);letter-spacing:.14em;text-transform:uppercase;color:var(--wd-ink)} .wid-desc .wd-hl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px} .wid-desc .wd-hl li{position:relative;padding-left:22px} .wid-desc .wd-hl li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:1.5px;background:linear-gradient(90deg,var(--wd-gold),#d9b86c)} .wid-desc .wd-hl strong{display:block;font-weight:650;margin-bottom:2px} .wid-desc .wd-hl span{color:var(--wd-mu)} .wid-desc .wd-how{margin:0;padding:0;list-style:none;counter-reset:wd} .wid-desc .wd-how li{counter-increment:wd;position:relative;padding:0 0 12px 40px} .wid-desc .wd-how li::before{content:counter(wd,decimal-leading-zero);position:absolute;left:0;top:1px;font:600 13px/1.6 var(--wid-sans,inherit);color:var(--wd-gold);letter-spacing:.06em} .wid-desc .wd-spec{width:100%;border-collapse:collapse;font-size:15px} .wid-desc .wd-spec th,.wid-desc .wd-spec td{padding:11px 0;border-bottom:1px solid var(--wd-ln);text-align:left;vertical-align:top} .wid-desc .wd-spec th{width:42%;font-weight:500;color:var(--wd-mu)} .wid-desc .wd-box,.wid-desc .wd-care{margin:0;padding:0;list-style:none} .wid-desc .wd-box li,.wid-desc .wd-care li{padding:6px 0 6px 22px;position:relative} .wid-desc .wd-box li::before,.wid-desc .wd-care li::before{content:"";position:absolute;left:2px;top:1.05em;width:6px;height:6px;border-radius:50%;border:1.5px solid var(--wd-gold)} .wid-desc .wd-faq details{border-bottom:1px solid var(--wd-ln);padding:14px 0} .wid-desc .wd-faq summary{cursor:pointer;list-style:none;font-weight:600;display:flex;justify-content:space-between;gap:16px} .wid-desc .wd-faq summary::-webkit-details-marker{display:none} .wid-desc .wd-faq summary::after{content:"+";font-weight:400;color:var(--wd-gold);font-size:20px;line-height:1} .wid-desc .wd-faq details[open] summary::after{content:"−"} .wid-desc .wd-faq p{margin:10px 0 0;color:var(--wd-mu)} [dir=rtl] .wid-desc .wd-hl li,[dir=rtl] .wid-desc .wd-box li,[dir=rtl] .wid-desc .wd-care li{padding-left:0;padding-right:22px} [dir=rtl] .wid-desc .wd-hl li::before,[dir=rtl] .wid-desc .wd-box li::before,[dir=rtl] .wid-desc .wd-care li::before{left:auto;right:0} [dir=rtl] .wid-desc .wd-how li{padding:0 40px 12px 0}[dir=rtl] .wid-desc .wd-how li::before{left:auto;right:0} [dir=rtl] .wid-desc .wd-spec th,[dir=rtl] .wid-desc .wd-spec td{text-align:right} @media (max-width:640px){.wid-desc .wd-hl{grid-template-columns:1fr}.wid-desc .wd-intro{font-size:18px}} /* wid-stories-css */ /* story bubbles */ .wst{background:var(--wid-bg);padding:18px 0 6px} .wst-row{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch} .wst-row::-webkit-scrollbar{display:none} .wst-b{flex:none;width:80px;display:flex!important;flex-direction:column;align-items:center;gap:7px;background:none!important;border:0!important;padding:0!important;margin:0;cursor:pointer;color:var(--wid-ink)!important;scroll-snap-align:start;box-shadow:none!important;min-height:0!important} .wst-ring{position:relative;display:block;width:76px;height:76px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,#304569,#c8a25b,#e0955a,#6b3fa0,#304569);transition:transform .25s cubic-bezier(.2,.8,.2,1)} .wst-ring img{display:block;width:100%!important;height:100%!important;border-radius:50%;object-fit:cover;border:3px solid var(--wid-bg);background:var(--wid-chip);margin:0!important} .wst-b.seen .wst-ring{background:var(--wid-line)} .wst-b:hover .wst-ring{transform:scale(1.06)} .wst-b:active .wst-ring{transform:scale(.95)} .wst-b:focus-visible{outline:none}.wst-b:focus-visible .wst-ring{box-shadow:0 0 0 3px var(--wid-green-2)} .wst-n{display:block;max-width:80px;font:600 11.5px/1.25 var(--wid-sans);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media (min-width:901px){.wst{padding:24px 0 8px}.wst-row{gap:22px}.wst-b{width:92px}.wst-ring{width:88px;height:88px}.wst-n{max-width:92px;font-size:12.5px}} /* story viewer */ .wsv{position:fixed;inset:0;z-index:100050;display:flex;align-items:center;justify-content:center;background:rgba(6,7,10,.94);perspective:1400px;opacity:0;transition:opacity .2s ease;touch-action:none;-webkit-user-select:none;user-select:none} .wsv.on{opacity:1} .wsv-bg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(40px) brightness(.45);opacity:.9;transition:background-image .3s} .wsv-cube{position:relative;height:min(92dvh,840px);aspect-ratio:9/16;max-width:100vw;transform-style:preserve-3d} .wsv-face{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#0b0e12;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)} @media (max-width:600px){.wsv-cube{height:100dvh;width:100vw;aspect-ratio:auto}.wsv-face{border-radius:0}} .wsv-media{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important;max-width:none!important} .wsv-face.kb .wsv-media.img{animation:wsvKb 6s ease-out forwards} @keyframes wsvKb{from{transform:scale(1.02)}to{transform:scale(1.12)}} .wsv-top{position:absolute;left:0;right:0;top:0;padding:12px 12px 40px;background:linear-gradient(rgba(0,0,0,.55),transparent);z-index:3} .wsv-bars{display:flex;gap:4px} .wsv-bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden;position:relative} .wsv-bars i b{position:absolute;inset:0;width:0;background:#fff;border-radius:3px} .wsv-head{display:flex;align-items:center;gap:10px;margin-top:12px;color:#fff} .wsv-head img{width:34px!important;height:34px!important;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.85);margin:0!important} .wsv-head b{font:700 14px/1.2 var(--wid-sans);text-shadow:0 1px 3px rgba(0,0,0,.4);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .wsv-x,.wsv-mute{flex:none;width:38px;height:38px;border-radius:50%;border:0!important;background:rgba(0,0,0,.35)!important;color:#fff!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;padding:0!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:none!important;min-height:0!important} .wsv-x svg,.wsv-mute svg{width:20px;height:20px} .wsv-tap{position:absolute;top:0;bottom:0;z-index:2} .wsv-tap.l{left:0;width:32%}.wsv-tap.r{right:0;width:68%} .wsv-bot{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:60px 16px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff} .wsv-tag{font:500 14px/1.4 var(--wid-sans);opacity:.92;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .wsv-price{display:flex;align-items:baseline;gap:8px;margin:0 0 12px;font:800 22px var(--wid-sans)} .wsv-price s{font:500 14px var(--wid-sans);opacity:.7} .wsv-cta{display:flex;gap:10px} .wsv-cta a,.wsv-cta button{flex:1;height:48px;border-radius:14px!important;display:flex!important;align-items:center;justify-content:center;font:800 15px var(--wid-sans)!important;text-decoration:none!important;cursor:pointer;border:0!important;box-shadow:none!important;padding:0 12px!important;min-height:0!important} .wsv-cta .go{background:rgba(255,255,255,.16)!important;color:#fff!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.35)!important} .wsv-cta .add,.wsv-cta .go.solo{background:#fff!important;color:#0f141c!important} .wsv-tag.big{font:700 19px/1.3 var(--wid-sans);-webkit-line-clamp:3;margin-bottom:14px} .wsv-cta .add.done{background:#4071c5!important;color:#071020!important} .wsv-nav{position:absolute;top:50%;width:46px;height:46px;margin-top:-23px;border-radius:50%;border:0!important;background:rgba(255,255,255,.14)!important;color:#fff!important;display:none!important;align-items:center;justify-content:center;cursor:pointer;z-index:4;padding:0!important;box-shadow:none!important} .wsv-nav svg{width:22px;height:22px} @media (min-width:901px){.wsv-nav{display:flex!important}.wsv-nav.p{left:calc(50% - min(92dvh,840px)*9/32 - 70px)}.wsv-nav.n{right:calc(50% - min(92dvh,840px)*9/32 - 70px)}} html.wsv-lock,html.wsv-lock body{overflow:hidden!important} /* 3D tilt */ .wtl{transform-style:preserve-3d;will-change:transform} .wtl-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.35),rgba(255,255,255,0) 55%);mix-blend-mode:soft-light;z-index:5} .wtl:hover .wtl-glare{opacity:1} /* fly to cart */ .wft{position:fixed;z-index:100060;pointer-events:none;border-radius:14px;object-fit:cover;box-shadow:0 12px 30px rgba(0,0,0,.25)} @keyframes wftBump{0%{transform:scale(1)}35%{transform:scale(1.3)}65%{transform:scale(.92)}100%{transform:scale(1)}} .wft-bump{animation:wftBump .5s cubic-bezier(.2,.8,.2,1)} @media (prefers-reduced-motion:reduce){.wst-ring,.wsv{transition:none}.wsv-face.kb .wsv-media.img{animation:none}} /* wid-ask-css */ .wak-btn{display:flex;align-items:center;gap:12px;width:100%;margin:10px 0 4px;padding:10px 11px!important;border:1.5px solid var(--wid-green-2,#304569)!important;border-radius:14px!important;background:#fff!important;color:var(--wid-green,#202f49)!important;font:700 14.5px/1.3 var(--wid-sans)!important;text-align:left;cursor:pointer;box-shadow:0 2px 0 rgba(32,47,73,.14),0 8px 18px rgba(32,47,73,.08)!important;min-height:0!important;transition:transform .15s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent} .wak-tx{flex:1;min-width:0;text-wrap:balance} @media (max-width:600px){.wak-btn{gap:10px;padding:8px 9px 8px 8px!important;font-size:13.5px!important;line-height:1.25!important;letter-spacing:-.005em}.wak-btn>svg{width:34px;height:34px;padding:8px}.wak-btn small{font-size:11.5px;margin-top:1px}.wak-chev{width:26px;height:26px}.wak-chev svg{width:14px!important;height:14px!important}} @media (max-width:440px){.wak-btn>svg{display:none}.wak-btn{padding:9px 9px 9px 14px!important}} .wak-chev{flex:none;width:32px;height:32px;border-radius:50%;background:var(--wid-green-2,#304569);color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease} .wak-chev svg{width:16px!important;height:16px!important;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round} @media (hover:hover){.wak-btn:hover{transform:translateY(-1px);box-shadow:0 3px 0 rgba(32,47,73,.16),0 12px 24px rgba(32,47,73,.12)!important}.wak-btn:hover .wak-chev{transform:translateX(3px)}} .wak-btn:focus-visible{outline:2px solid var(--wid-green-2);outline-offset:2px} .wak-btn:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(32,47,73,.14)!important} .wak-btn>svg{width:40px;height:40px;padding:10px;box-sizing:border-box;border-radius:50%;background:var(--wid-soft,#e5e9ef);flex:none} .wak-btn small{display:block;margin-top:2px;font:600 12px var(--wid-sans);color:#c2410c;opacity:1} html.wid-dark .wak-btn{color:#c0cee7!important;background:#181c22!important;border-color:#41567b!important;box-shadow:none!important} html.wid-dark .wak-btn>svg{background:#222833} html.wid-dark .wak-btn small{color:#fdba74} .wak-live{display:none;margin:6px 0 2px;padding:9px 12px;border-radius:12px;background:var(--wid-chip);font:600 13px var(--wid-sans);color:var(--wid-ink);text-decoration:none!important} .wak-live.on{display:flex;align-items:center;justify-content:space-between;gap:8px} .wak-live b{color:var(--wid-green-2)} /* sheet */ .wak-ov{position:fixed;inset:0;z-index:100040;background:rgba(10,12,16,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s ease} .wak-ov.on{opacity:1} .wak-sheet{width:100%;max-width:460px;background:var(--wid-surface);color:var(--wid-ink);border-radius:22px 22px 0 0;padding:22px 20px calc(20px + env(safe-area-inset-bottom));transform:translateY(30px);transition:transform .28s cubic-bezier(.2,.8,.2,1);font-family:var(--wid-sans);max-height:92dvh;overflow:auto} .wak-ov.on .wak-sheet{transform:none} @media (min-width:601px){.wak-ov{align-items:center}.wak-sheet{border-radius:22px}} .wak-sheet h3{margin:0 0 4px;font:600 22px var(--wid-serif);color:var(--wid-ink)} .wak-sheet p.sub{margin:0 0 16px;color:var(--wid-muted);font-size:14px;line-height:1.45} .wak-sheet label.l{display:block;font:700 12px var(--wid-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--wid-muted);margin:12px 0 6px} .wak-qs{display:flex;gap:8px;flex-wrap:wrap} .wak-qs button{flex:1;min-width:140px;padding:11px 12px!important;border:1.5px solid var(--wid-line)!important;border-radius:12px!important;background:var(--wid-surface)!important;color:var(--wid-ink)!important;font:600 14px var(--wid-sans)!important;cursor:pointer;box-shadow:none!important} .wak-qs button.on{border-color:var(--wid-green-2)!important;box-shadow:0 0 0 1px var(--wid-green-2)!important;background:rgba(48,69,105,.06)!important} .wak-sheet input[type=text]{width:100%;height:46px;padding:0 14px;border:1.5px solid var(--wid-line);border-radius:12px;background:var(--wid-surface);color:var(--wid-ink);font:500 16px var(--wid-sans);box-sizing:border-box} .wak-go{width:100%;height:50px;margin-top:16px;border:0!important;border-radius:14px!important;background:var(--wid-green-2)!important;color:#fff!important;font:800 15px var(--wid-sans)!important;cursor:pointer;box-shadow:none!important} .wak-x{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:50%;border:0!important;background:var(--wid-chip)!important;color:var(--wid-ink)!important;cursor:pointer;font:400 22px/1 var(--wid-sans)!important;padding:0!important;box-shadow:none!important} .wak-sheet{position:relative} .wak-sb{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .wak-sb a,.wak-sb button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:74px;border-radius:14px!important;border:1px solid var(--wid-line)!important;background:var(--wid-surface)!important;color:var(--wid-ink)!important;font:600 12.5px var(--wid-sans)!important;text-decoration:none!important;cursor:pointer;box-shadow:none!important;padding:0!important} .wak-sb svg{width:24px;height:24px} .wak-sb .native{grid-column:1/-1;flex-direction:row;height:52px;background:var(--wid-green-2)!important;color:#fff!important;border-color:transparent!important;font-size:15px!important;font-weight:800!important} .wak-copied{color:var(--wid-green-2)!important;border-color:var(--wid-green-2)!important} /* poll page */ .wak-page{max-width:520px;margin:0 auto;padding:28px 16px 40px;font-family:var(--wid-sans);color:var(--wid-ink)} .wak-card{background:var(--wid-surface);border:1px solid var(--wid-line);border-radius:24px;padding:24px 20px;box-shadow:0 20px 50px rgba(20,27,40,.08);text-align:center} .wak-who{margin:0 0 6px;font:700 12.5px var(--wid-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--wid-green-2)} .wak-q{margin:0 0 18px;font:600 32px/1.15 var(--wid-serif);color:var(--wid-ink)} .wak-prod{display:block;text-decoration:none!important;color:var(--wid-ink)!important;border-radius:18px;overflow:hidden;background:var(--wid-chip);text-align:left} .wak-prod img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;margin:0} .wak-pn{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 14px} .wak-pn b{font:700 15px/1.3 var(--wid-sans)} .wak-pp{font:700 15px var(--wid-sans);white-space:nowrap}.wak-pp del{color:var(--wid-was);font-weight:500;font-size:13px;margin-right:4px}.wak-pp ins{text-decoration:none} .wak-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 8px} .wak-btns button{display:flex!important;align-items:center;justify-content:center;gap:8px;height:58px;border-radius:16px!important;font:800 16px var(--wid-sans)!important;cursor:pointer;box-shadow:none!important;transition:transform .15s ease;padding:0!important} .wak-btns button:active{transform:scale(.97)} .wak-btns svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round} .wak-yes{background:var(--wid-green-2)!important;color:#fff!important;border:0!important} .wak-no{background:var(--wid-surface)!important;color:var(--wid-ink)!important;border:1.5px solid var(--wid-line)!important} .wak-more{text-align:left;margin-top:6px}.wak-more summary{cursor:pointer;color:var(--wid-muted);font:600 13.5px var(--wid-sans);text-align:center;list-style:none} .wak-more summary::-webkit-details-marker{display:none} .wak-more input{display:block;width:100%;height:44px;margin-top:8px;padding:0 12px;border:1.5px solid var(--wid-line);border-radius:12px;background:var(--wid-surface);color:var(--wid-ink);font:500 16px var(--wid-sans);box-sizing:border-box} .wak-res{margin-top:18px;text-align:left} .wak-bar{height:12px;border-radius:999px;background:var(--wid-chip);overflow:hidden} .wak-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#304569,#4071c5);border-radius:999px;transition:width .8s cubic-bezier(.2,.8,.2,1)} .wak-nums{display:flex;justify-content:space-between;margin:8px 2px 0;font:500 13.5px var(--wid-sans);color:var(--wid-muted)}.wak-nums b{color:var(--wid-ink);font-size:16px} .wak-notes{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px} .wak-notes li{padding:10px 12px;border-radius:12px;background:var(--wid-chip);font:500 14px/1.4 var(--wid-sans)} .wak-notes li b{display:block;font-size:12.5px;color:var(--wid-muted);margin-bottom:2px} .wak-empty{margin:12px 0 0;color:var(--wid-muted);font-size:13.5px;text-align:center} .wak-share p{margin:16px 0 10px;color:var(--wid-muted);font-size:14px} .wak-after{display:grid;gap:10px;margin-top:18px} .wak-page [hidden]{display:none!important} .wak-rw:empty{display:none} .wak-rw{margin:16px 0 0;padding:14px;border-radius:16px;background:var(--wid-soft,#e5e9ef);border:1.5px dashed var(--wid-soft-line,#cbd1dc);text-align:left;font:500 14px/1.45 var(--wid-sans);color:var(--wid-ink)} .wak-rw b.t{display:block;font:800 15px var(--wid-sans);color:var(--wid-green,#202f49);margin-bottom:4px} html.wid-dark .wak-rw b.t{color:#c0cee7} .wak-rw .pg{height:8px;border-radius:999px;background:rgba(0,0,0,.08);overflow:hidden;margin:8px 0 4px}.wak-rw .pg i{display:block;height:100%;background:linear-gradient(90deg,#c8a25b,#e0955a);border-radius:999px;transition:width .6s ease} .wak-rw .code{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 8px;padding:10px 12px;border-radius:12px;background:var(--wid-surface);border:1px solid var(--wid-line);font:800 17px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em} .wak-rw .code button{border:0!important;background:var(--wid-chip)!important;color:var(--wid-ink)!important;border-radius:999px!important;padding:7px 12px!important;font:700 12.5px var(--wid-sans)!important;cursor:pointer;box-shadow:none!important;min-height:0!important} .wak-rw a.ap{display:flex;align-items:center;justify-content:center;height:46px;border-radius:12px;background:var(--wid-green-2);color:#fff!important;font:800 14.5px var(--wid-sans);text-decoration:none!important} .wak-rw small{display:block;margin-top:6px;color:var(--wid-muted);font-size:12px} .wak-live .rw{color:#a8541a;font-weight:800} .wak-cta{display:flex;align-items:center;justify-content:center;height:52px;border-radius:14px;background:var(--wid-green-2);color:#fff!important;font:800 15px var(--wid-sans);text-decoration:none!important} .wak-cta.sec{background:var(--wid-surface);color:var(--wid-ink)!important;border:1.5px solid var(--wid-line)} .wak-msg{margin:12px 0 0;font:600 13.5px var(--wid-sans);color:var(--wid-green-2)} .wak-foot{margin:14px 0 0;text-align:center;color:var(--wid-muted);font-size:12.5px} @media (max-width:420px){.wak-q{font-size:27px}.wak-card{padding:20px 16px}} /* wid-navx-css */ .wid-cats.wnx{position:relative;z-index:60} .wid-cats.wnx ul{position:relative;gap:2px!important;padding:9px 20px!important;align-items:center} .wid-cats.wnx li{position:static} .wid-cats.wnx ul>li>a{z-index:1} .wid-cats.wnx ul>li>a{position:relative;gap:9px!important;padding:5px 14px 5px 5px!important;border:0!important;background:transparent!important;font:500 14px/1 var(--wid-sans)!important;color:var(--wid-ink)!important;transition:color .2s ease} .wid-cats.wnx ul>li>a>span:first-child{--h:#304569;flex:none;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--h) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--h) 18%,transparent);transition:transform .45s cubic-bezier(.34,1.56,.64,1),background .25s ease} .wid-cats.wnx ul>li>a>span:first-child svg,.wid-cats.wnx ul>li>a>span:first-child w-i{width:17px!important;height:17px!important} .wid-cats.wnx ul>li>a:hover>span:first-child,.wid-cats.wnx ul>li>a.wnx-on>span:first-child{transform:scale(1.1) rotate(-7deg);background:color-mix(in srgb,var(--h) 22%,transparent)} .wid-cats.wnx li:nth-child(8n+1) a>span:first-child{--h:#305189} .wid-cats.wnx li:nth-child(8n+2) a>span:first-child{--h:#3a6fd8} .wid-cats.wnx li:nth-child(8n+3) a>span:first-child{--h:#e0a526} .wid-cats.wnx li:nth-child(8n+4) a>span:first-child{--h:#134499} .wid-cats.wnx li:nth-child(8n+5) a>span:first-child{--h:#1a4b9f} .wid-cats.wnx li:nth-child(8n+6) a>span:first-child{--h:#d9480f} .wid-cats.wnx li:nth-child(8n+7) a>span:first-child{--h:#7c4dcc} .wid-cats.wnx li:nth-child(8n+8) a>span:first-child{--h:#d6336c} .wid-cats.wnx ul>li>a.is-active{color:var(--wid-green,#202f49)!important;font-weight:600!important} html.wid-dark .wid-cats.wnx ul>li>a.is-active{color:#c0cbdf!important} .wnx-n{font:600 11px/1 var(--wid-sans);color:var(--wid-muted);background:var(--wid-chip);border-radius:999px;padding:3px 7px;margin-left:-2px;transition:background .2s ease,color .2s ease} .wid-cats.wnx ul>li>a.wnx-on .wnx-n,.wid-cats.wnx ul>li>a.is-active .wnx-n{background:var(--wid-surface);color:var(--wid-ink)} .wnx-ind{position:absolute;left:0;top:0;z-index:0;height:40px;border-radius:999px;background:var(--wid-chip);box-shadow:inset 0 0 0 1px var(--wid-line);opacity:0;pointer-events:none;transition:transform .42s cubic-bezier(.3,1.25,.45,1),width .42s cubic-bezier(.3,1.25,.45,1),opacity .2s ease,background .25s ease} .wnx-ind.is-act{background:var(--wid-soft,#e5e9ef);box-shadow:inset 0 0 0 1px var(--wid-soft-line,#cfd5e0)} html.wid-dark .wnx-ind{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)} html.wid-dark .wnx-ind.is-act{background:rgba(160,178,210,.13);box-shadow:inset 0 0 0 1px rgba(160,178,210,.25)} .wnx-pop{position:absolute;top:calc(100% - 2px);left:0;z-index:70;width:max-content;max-width:calc(100vw - 32px);background:var(--wid-surface,#fff);border:1px solid var(--wid-line,#e4e0d3);border-radius:22px;box-shadow:0 34px 70px -24px rgba(15,20,28,.32),0 10px 22px -12px rgba(15,20,28,.14);opacity:0;visibility:hidden;transform:translateY(8px) scale(.985);transform-origin:var(--ax,50%) 0;transition:opacity .18s ease,transform .26s cubic-bezier(.3,1.2,.45,1),visibility 0s linear .26s,left .36s cubic-bezier(.3,1.15,.4,1),width .36s cubic-bezier(.3,1.15,.4,1),height .36s cubic-bezier(.3,1.15,.4,1);overflow:visible} .wnx-pop.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .26s cubic-bezier(.3,1.2,.45,1),visibility 0s,left .36s cubic-bezier(.3,1.15,.4,1),width .36s cubic-bezier(.3,1.15,.4,1),height .36s cubic-bezier(.3,1.15,.4,1)} .wnx-pop::before{content:"";position:absolute;top:-7px;left:var(--ax,50%);width:13px;height:13px;margin-left:-6.5px;background:var(--wid-surface,#fff);border-left:1px solid var(--wid-line,#e4e0d3);border-top:1px solid var(--wid-line,#e4e0d3);border-radius:3px 0 0 0;transform:rotate(45deg);transition:left .36s cubic-bezier(.3,1.15,.4,1)} .wnx-clip{overflow:hidden;border-radius:22px;height:100%} .wnx-in{padding:18px 18px 18px;animation:wnxIn .28s ease both} @keyframes wnxIn{from{opacity:0;transform:translateX(var(--dx,0px))}to{opacity:1;transform:none}} .wnx-hd{display:flex;align-items:center;gap:12px;margin:0 2px 14px} .wnx-hd b{font:600 19px/1.2 var(--wid-serif,Georgia,serif);color:var(--wid-ink)} .wnx-hd small{font:500 12.5px var(--wid-sans);color:var(--wid-muted)} .wnx-hd a{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--wid-ink,#1d222a);color:#fff!important;font:700 12.5px/1 var(--wid-sans);text-decoration:none!important;white-space:nowrap;transition:transform .15s ease} .wnx-hd a:hover{transform:translateX(2px)} .wnx-hd a svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} html.wid-dark .wnx-hd a{background:#f2f4ee;color:#111!important} .wnx-g{display:grid;grid-auto-flow:column;grid-auto-columns:138px;gap:12px} .wnx-c{display:flex;flex-direction:column;gap:7px;color:inherit!important;text-decoration:none!important;border-radius:16px;padding:6px;margin:-6px;transition:background .15s ease} .wnx-c:hover,.wnx-c:focus{background:transparent!important}.wnx-c i{transition:box-shadow .25s ease,transform .25s ease}.wnx-c:hover i{box-shadow:0 12px 24px -14px rgba(15,20,28,.5);transform:translateY(-2px)}.wnx-c:hover>span{text-decoration:underline;text-underline-offset:2px}.wnx-c:focus-visible{outline:2px solid var(--wid-ink);outline-offset:2px}.wnx-pop,.wnx-pop *{white-space:normal;text-align:left}.wnx-c em,.wnx-hd a,.wnx-hd small{white-space:nowrap}.wnx-c em{justify-content:flex-start}.wid-cats .wnx-c{display:flex!important;align-items:stretch!important;padding:6px!important;border:0!important;font:inherit}.wid-cats .wnx-hd a{padding:8px 14px!important;border:0!important} .wnx-c i{display:block;aspect-ratio:1;border-radius:13px;overflow:hidden;background:var(--wid-chip)} .wnx-c img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)} .wnx-c:hover img{transform:scale(1.06)} .wnx-c>span{font:500 12.5px/1.3 var(--wid-sans);color:var(--wid-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em} .wnx-c em{font:700 13.5px/1 var(--wid-sans);font-style:normal;color:var(--wid-ink);display:flex;gap:6px;align-items:baseline;flex-wrap:wrap} .wnx-c em del{font-size:11.5px;font-weight:500;color:var(--wid-muted);order:2} .wnx-c em ins{text-decoration:none;order:1} .wnx-c em .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} @media (max-width:1023px),(hover:none){.wnx-pop{display:none!important}} @media (max-width:720px){ .wid-cats.wnx ul{padding:9px 14px!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 30px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 30px),transparent 100%);scroll-snap-type:x proximity;scroll-padding:0 14px} .wid-cats.wnx li{scroll-snap-align:start} .wid-cats.wnx ul>li>a{font-size:13.5px!important;padding:4px 12px 4px 4px!important} .wid-cats.wnx ul>li>a>span:first-child{width:28px;height:28px} .wnx-n{display:none} .wnx-ind{height:36px} } @media (prefers-reduced-motion:reduce){.wnx-ind,.wnx-pop,.wnx-pop::before,.wid-cats.wnx ul>li>a>span:first-child{transition:none!important}.wnx-in{animation:none}} /* wid-trust-css */ .wtr-band{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin:6px 0 18px;padding:16px 18px;border-radius:18px;border:1px solid rgba(127,127,127,.22);background:rgba(127,127,127,.06)} .wtr-pts{display:flex;gap:22px;flex-wrap:wrap;list-style:none;margin:0;padding:0} .wtr-pts li{display:flex;align-items:center;gap:10px;min-width:0} .wtr-pts p{margin:0;display:flex;flex-direction:column;gap:2px;font:400 12.5px/1.35 var(--wid-sans,system-ui,sans-serif)} .wtr-pts b{font-weight:700;font-size:13px} .wtr-pts span{opacity:.75} .wtr-pts a{color:inherit!important;text-decoration:underline!important;text-underline-offset:2px} .wtr-i{flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(127,127,127,.14)} .wtr-i svg,.wtr-how svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .wtr-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px} .wtr-marks{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end} .wtr-marks img{width:38px;height:24px;border-radius:5px;background:#fff;border:1px solid rgba(0,0,0,.08);padding:1px;object-fit:contain} .wtr-chip{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:5px;background:#000;color:#fff;font:700 10.5px/1 var(--wid-sans,system-ui,sans-serif);letter-spacing:.01em;white-space:nowrap} .wtr-chip.wco-pp{background:#ffc439;color:#003087;font-style:italic} .wtr-chip.wtr-kl,.wco-chip.wtr-kl{background:#ffb3c7!important;color:#17120f!important} .wtr-chip.wtr-az,.wco-chip.wtr-az{background:#232f3e!important;color:#fff!important;text-transform:lowercase} .wtr-how,.wtr-link{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;color:inherit;font:600 12.5px/1.2 var(--wid-sans,system-ui,sans-serif);cursor:pointer;text-decoration:underline;text-underline-offset:3px} .wtr-link{font-size:12px;margin-left:4px;opacity:.85} .wtr-link:hover,.wtr-how:hover{opacity:1} @media (max-width:760px){.wtr-band{flex-direction:column;align-items:flex-start;padding:14px}.wtr-pts{flex-direction:column;gap:12px}.wtr-side{align-items:flex-start}.wtr-marks{justify-content:flex-start}} /* window */ .wtr-ov{position:fixed;inset:0;z-index:100050;background:rgba(10,12,16,.55);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s} .wtr-ov.is-open{opacity:1;visibility:visible} .wtr-dlg{position:fixed;z-index:100051;left:50%;top:50%;width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 40px);overflow:auto;transform:translate(-50%,-46%) scale(.98);opacity:0;visibility:hidden;transition:opacity .25s ease,transform .3s cubic-bezier(.2,.85,.25,1),visibility .3s;background:var(--wid-surface,#fff);color:var(--wid-ink,#1d222a);border-radius:22px;box-shadow:0 30px 80px -20px rgba(0,0,0,.45);font-family:var(--wid-sans,system-ui,sans-serif)} .wtr-dlg.is-open{opacity:1;visibility:visible;transform:translate(-50%,-50%)} .wtr-dh{display:flex;align-items:center;gap:12px;padding:20px 20px 12px} .wtr-dh .wtr-shield{flex:none;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#202f49;color:#fff} .wtr-dh .wtr-shield svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .wtr-dh h2{margin:0;font:700 19px/1.2 var(--wid-sans,system-ui,sans-serif);color:inherit} .wtr-dh p{margin:2px 0 0;font-size:13px;color:var(--wid-muted,#6b746d)} .wtr-x{margin-left:auto;align-self:flex-start;width:34px;height:34px;border:0;border-radius:50%;background:var(--wid-chip,#efece2);color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center} .wtr-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round} .wtr-list{list-style:none;margin:0;padding:4px 20px 6px} .wtr-list li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--wid-line,#e4e0d3)} .wtr-list li:first-child{border-top:0} .wtr-list .e{flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--wid-soft,#e5e9ef);font-size:17px} .wtr-list b{display:block;font-size:14px;margin-bottom:2px} .wtr-list span{display:block;font-size:13px;line-height:1.5;color:var(--wid-muted,#6b746d)} .wtr-list a{color:var(--wid-green-2,#304569)!important;text-decoration:underline!important} .wtr-df{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 20px 20px} .wtr-df .wtr-marks{justify-content:flex-start} .wtr-ok{height:40px;padding:0 20px;border:0;border-radius:999px;background:#1d222a;color:#fff;font:700 13.5px var(--wid-sans,system-ui,sans-serif);cursor:pointer} html.wid-dark .wtr-ok{background:#f2f4ee;color:#111} html.wid-dark .wtr-list .e{background:rgba(255,255,255,.07)} /* share */ .wsh{margin:16px 0;padding:18px;border-radius:18px;border:1px solid var(--wid-line,#e4e0d3);background:linear-gradient(135deg,#eef1f5,#f3efe4);color:var(--wid-ink,#1d222a);font-family:var(--wid-sans,system-ui,sans-serif)} html.wid-dark .wsh{background:linear-gradient(135deg,#171b23,#1d1f17);border-color:rgba(255,255,255,.08)} .wsh h3{margin:0 0 4px;font:700 17px/1.25 var(--wid-sans,system-ui,sans-serif);color:inherit} .wsh p{margin:0 0 12px;font-size:13.5px;color:var(--wid-muted,#6b746d)} .wsh-r{display:flex;gap:8px;flex-wrap:wrap} .wsh-r a,.wsh-r button{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--wid-line,#e4e0d3);background:var(--wid-surface,#fff);color:var(--wid-ink,#1d222a)!important;font:600 13px/1 var(--wid-sans,system-ui,sans-serif);text-decoration:none!important;cursor:pointer} .wsh-r a:hover,.wsh-r button:hover{border-color:#1d222a} .wsh-r svg{width:16px;height:16px} .wsh-r .wa{background:#25d366;border-color:#25d366;color:#fff!important} .wsh-r .wa svg{fill:#fff} html.wid-dark .wsh-r a:not(.wa),html.wid-dark .wsh-r button{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)} .wsh-ok{display:none;font:600 12.5px var(--wid-sans,system-ui,sans-serif);color:var(--wid-green-2,#304569);align-self:center} .wsh.is-copied .wsh-ok{display:inline} .wtr-dlg .wtr-x{background:var(--wid-chip,#efece2)!important;color:var(--wid-ink,#1d222a)!important;border:0!important;padding:0!important;box-shadow:none!important;min-width:0!important;min-height:0!important}.wtr-dlg .wtr-x svg{display:block!important;width:16px!important;height:16px!important}.wtr-dlg .wtr-ok{border:0!important;box-shadow:none!important}html.wid-dark .wtr-dlg .wtr-x{background:rgba(255,255,255,.1)!important;color:#f2f4ee!important}.wtr-band{box-sizing:border-box;width:calc(100% - 40px);max-width:1160px;margin:8px auto 20px!important}@media (max-width:760px){.wtr-band{width:calc(100% - 32px)}}.wtr-band .wtr-pts{flex:1 1 auto}.wtr-band .wtr-side{flex:1 1 100%;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid rgba(127,127,127,.18)}.wtr-band .wtr-marks{justify-content:flex-start}.wtr-how,.wtr-link{background:none!important;border:0!important;box-shadow:none!important;min-height:0!important} .wid-footer .wtr-band .wtr-pts{display:none!important}.wid-footer .wtr-band{padding:12px 16px!important}.wid-footer .wtr-band .wtr-side{padding-top:0!important;border-top:0!important} .wtr-dlg{max-height:calc(100dvh - 40px)} @media (max-width:640px){ .wtr-dlg{left:0;right:0;top:auto;bottom:0;width:100%;max-height:86dvh;max-height:min(86dvh,86vh);border-radius:22px 22px 0 0;transform:translateY(102%);display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)} .wtr-dlg.is-open{transform:translateY(0)} .wtr-dlg::before{content:"";flex:none;display:block;width:40px;height:4px;border-radius:4px;background:var(--wid-line,#d9d5c7);margin:8px auto 0} .wtr-dh{flex:none;padding:10px 16px 10px;gap:10px;border-bottom:1px solid var(--wid-line,#e4e0d3)} .wtr-dh .wtr-shield{width:38px;height:38px;border-radius:12px} .wtr-dh .wtr-shield svg{width:20px;height:20px} .wtr-dh h2{font-size:16.5px} .wtr-dh p{font-size:12px} .wtr-dh .wtr-x{align-self:center} .wtr-list{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2px 16px 4px} .wtr-list li{gap:10px;padding:10px 0} .wtr-list .e{width:30px;height:30px;font-size:15px;border-radius:9px} .wtr-list b{font-size:13.5px} .wtr-list span{font-size:12.5px;line-height:1.45} .wtr-df{flex:none;padding:10px 16px 14px;border-top:1px solid var(--wid-line,#e4e0d3);flex-wrap:nowrap;align-items:center} .wtr-df .wtr-marks{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:5px;min-width:0} .wtr-df .wtr-marks::-webkit-scrollbar{display:none} .wtr-df .wtr-marks img{width:34px;height:22px;flex:none} .wtr-df .wtr-chip{height:22px;font-size:10px;flex:none} .wtr-ok{flex:none;height:38px;padding:0 18px} html.wid-dark .wtr-dlg::before{background:rgba(255,255,255,.2)} html.wid-dark .wtr-dh,html.wid-dark .wtr-df{border-color:rgba(255,255,255,.08)} }@media (prefers-reduced-motion:reduce){.wtr-dlg,.wtr-ov{transition:none}} /* wid-perf */ .wid-footer.site-footer{content-visibility:auto;contain-intrinsic-size:auto 700px} a,button,input,select,textarea,label,summary,[role=button]{touch-action:manipulation} html{-webkit-text-size-adjust:100%;text-size-adjust:100%}