/* Build-only UI dependencies: Tailwind CSS v4.3.3 and daisyUI v5.7.42; MIT licenses in THIRD_PARTY_NOTICES.md. */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--ease-out:cubic-bezier(0, 0, .2, 1)}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}@layer daisyui.l1.l2.l3{.table{border-collapse:separate;--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;width:100%;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-radius:var(--radius-box);text-align:left;font-size:.875rem;position:relative}.table:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}@media (hover:hover){:is(:is(.table tr.row-hover),.table tr.row-hover:nth-child(2n)):hover{background-color:var(--color-base-200)}}.table :where(th,td){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}.table :where(thead,tfoot){white-space:nowrap;color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.table :where(thead,tfoot){color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}}.table :where(thead,tfoot){font-size:.875rem;font-weight:600}.table :where(tfoot tr:first-child :is(td,th)){border-top:var(--border) solid var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.table :where(tfoot tr:first-child :is(td,th)){border-top:var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000)}}.table :where(.table-pin-rows thead){z-index:1;position:sticky;top:0}.table :where(.table-pin-rows tfoot){z-index:1;position:sticky;bottom:0}.table :where(.table-pin-rows :is(thead,tfoot) tr){background-color:var(--color-base-100)}.table :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}.table :where(thead tr :is(td,th),tbody tr:not(:last-child) :is(td,th)){border-bottom:var(--border) solid var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.table :where(thead tr :is(td,th),tbody tr:not(:last-child) :is(td,th)){border-bottom:var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000)}}.navbar{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}.card{border-radius:var(--radius-box);outline-offset:2px;outline:2px solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative}.card:focus-visible,.card[aria-checked=true],.card:has(>:checked,>:is([type=checkbox],[type=radio]):focus-visible){outline-color:currentColor}.card:has(>:checked:focus-visible),.card[aria-checked=true]:focus-visible,.card[aria-checked=true]:has(>:is([type=checkbox],[type=radio]):focus-visible){outline-width:4px}.card:has(>:is([type=checkbox],[type=radio])){cursor:pointer;-webkit-user-select:none;user-select:none}.card>:is([type=checkbox],[type=radio]){appearance:none}.badge{border-radius:var(--radius-selector);vertical-align:middle;color:var(--badge-fg);border:var(--border) solid var(--badge-color,var(--color-base-200));background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);background-color:var(--badge-bg);--badge-bg:var(--badge-color,var(--color-base-100));--badge-fg:var(--color-base-content);--size:calc(var(--size-selector,.25rem) * 6);width:fit-content;height:var(--size);padding-inline:calc(var(--size) / 2 - var(--border));flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}.footer>:not(script,style,template){place-items:start;gap:.5rem;display:grid}}@layer daisyui.l1.l2{:where(.navbar){position:relative}.badge-soft{color:var(--badge-color,var(--color-base-content));background-color:var(--badge-color,var(--color-base-content))}@supports (color:color-mix(in lab, red, red)){.badge-soft{background-color:color-mix(in oklab, var(--badge-color,var(--color-base-content)) 8%, var(--color-base-100))}}.badge-soft{border-color:var(--badge-color,var(--color-base-content))}@supports (color:color-mix(in lab, red, red)){.badge-soft{border-color:color-mix(in oklab, var(--badge-color,var(--color-base-content)) 10%, var(--color-base-100))}}.badge-soft{background-image:none}.table-zebra tbody tr:where(:nth-child(2n)),.table-zebra tbody tr:where(:nth-child(2n)) :where(.table-pin-cols tr th){background-color:var(--color-base-200)}@media (hover:hover){:is(:is(.table-zebra tbody tr.row-hover),.table-zebra tbody tr.row-hover:where(:nth-child(2n))):hover{background-color:var(--color-base-300)}}.badge-success{--badge-color:var(--color-success);--badge-fg:var(--color-success-content)}.card-border{border:var(--border) solid var(--color-base-200)}}@layer daisyui.l1.l2.l3.l4{.card figure:first-child{border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}.card figure:last-child{border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}.card figure{justify-content:center;align-items:center;display:flex}}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}@layer base{:root{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E")}@property --radialprogress{syntax:"<percentage>";inherits:true;initial-value:0%}@property --aura-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:where(:root),:root:has(input.theme-controller[value=longtail]:checked),[data-theme=longtail]{color-scheme:light;--color-base-100:oklch(99% .006 205);--color-base-200:oklch(96% .009 205);--color-base-300:oklch(91% .014 205);--color-base-content:oklch(24% .025 230);--color-primary:oklch(52% .12 178);--color-primary-content:oklch(98% .012 178);--color-secondary:oklch(62% .11 245);--color-secondary-content:oklch(98% .01 245);--color-accent:oklch(72% .15 76);--color-accent-content:oklch(23% .04 76);--color-neutral:oklch(31% .025 230);--color-neutral-content:oklch(97% .008 230);--color-info:oklch(67% .13 238);--color-info-content:oklch(98% .01 238);--color-success:oklch(62% .14 154);--color-success-content:oklch(98% .01 154);--color-warning:oklch(79% .15 80);--color-warning-content:oklch(24% .04 80);--color-error:oklch(61% .19 27);--color-error-content:oklch(98% .01 27);--radius-selector:1rem;--radius-field:.75rem;--radius-box:1rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}:root{ --ink:var(--color-base-content); --muted:color-mix(in oklab,var(--color-base-content) 70%,var(--color-base-100)); --faint:color-mix(in oklab,var(--color-base-content) 54%,var(--color-base-100)); --line:var(--color-base-300); --bg:var(--color-base-200); --panel:color-mix(in oklab,var(--color-base-200) 72%,var(--color-base-100)); --card:var(--color-base-100); --accent:var(--color-primary); --accent-strong:color-mix(in oklab,var(--color-primary) 82%,black); --accent-soft:color-mix(in oklab,var(--color-primary) 13%,var(--color-base-100)); --warm:var(--color-accent); --warm-soft:color-mix(in oklab,var(--color-accent) 18%,var(--color-base-100)); --star:color-mix(in oklab,var(--color-accent) 82%,#a35400); --ok:var(--color-success); --radius:var(--radius-box); --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --shadow:0 1px 2px rgba(24,33,47,.07),0 5px 16px rgba(24,33,47,.04); --shadow-lift:0 14px 34px rgba(24,33,47,.12); } @media (prefers-color-scheme:dark){ :root:not(:has(#set-light:target)){ color-scheme:dark; --color-base-100:oklch(21% .018 225); --color-base-200:oklch(17% .015 225); --color-base-300:oklch(29% .018 225); --color-base-content:oklch(92% .009 205); --color-primary:oklch(75% .12 174); --color-primary-content:oklch(20% .03 178); --color-accent:oklch(80% .14 78); --color-accent-content:oklch(22% .04 78); --color-success:oklch(73% .13 153); --color-success-content:oklch(19% .03 153); --shadow:0 1px 2px rgba(0,0,0,.35); --shadow-lift:0 8px 22px rgba(0,0,0,.45); } } :root:has(#set-dark:target){ color-scheme:dark; --color-base-100:oklch(21% .018 225); --color-base-200:oklch(17% .015 225); --color-base-300:oklch(29% .018 225); --color-base-content:oklch(92% .009 205); --color-primary:oklch(75% .12 174); --color-primary-content:oklch(20% .03 178); --color-accent:oklch(80% .14 78); --color-accent-content:oklch(22% .04 78); --color-success:oklch(73% .13 153); --color-success-content:oklch(19% .03 153); --shadow:0 1px 2px rgba(0,0,0,.35); --shadow-lift:0 8px 22px rgba(0,0,0,.45); } *{ box-sizing:border-box; } html{ -webkit-text-size-adjust:100%; } body{ margin:0; background:var(--bg); color:var(--ink); line-height:1.6; font-size:16px; font-family:var(--sans); } img{ max-width:100%; height:auto; display:block; } a{ color:var(--accent); } ::selection{ background:var(--accent); color:#fff; } a:focus-visible, .brand:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; border-radius:4px; } .wrap{ max-width:78rem; margin:0 auto; padding:0 1.5rem; } .site-head{ position:sticky; top:0; z-index:5; background:var(--card); border-bottom:1px solid var(--line); padding:.68rem 0; box-shadow:var(--shadow); } .site-head .wrap{ display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; } .brand{ font-weight:760; font-size:1.2rem; letter-spacing:-.02em; color:var(--ink); text-decoration:none; display:inline-flex; align-items:center; gap:.5rem; } .brand::before{ content:""; width:.62em; height:.62em; border-radius:3px 10px 3px 10px; background:linear-gradient(135deg,var(--accent),var(--star)); flex:0 0 auto; } .site-head nav{ display:flex; gap:1.2rem; font-size:.92rem; margin-left:auto; align-items:center; } .site-head nav a:not(.theme-btn){ color:var(--muted); text-decoration:none; padding:.15rem 0; border-bottom:2px solid transparent; } .site-head nav a:not(.theme-btn):hover{ color:var(--accent); border-bottom-color:var(--accent); } .theme-toggle{ display:inline-flex; gap:.15rem; margin-left:.4rem; } .theme-btn{ width:1.9rem; height:1.9rem; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; text-decoration:none; font-size:.95rem; color:var(--muted); border:1px solid var(--line); background:var(--card); } .theme-btn:hover{ color:var(--accent); border-color:var(--accent); } .theme-btn.sun{ display:none; } @media (prefers-color-scheme:dark){ .theme-btn.moon{ display:none; } .theme-btn.sun{ display:inline-flex; } } :root:has(#set-dark:target) .theme-btn.moon{ display:none; } :root:has(#set-dark:target) .theme-btn.sun{ display:inline-flex; } :root:has(#set-light:target) .theme-btn.moon{ display:inline-flex; } :root:has(#set-light:target) .theme-btn.sun{ display:none; } .disclosure{ background:var(--warm-soft); border-bottom:1px solid color-mix(in srgb,var(--warm) 32%,var(--line)); margin:0 0 1.65rem; padding:.48rem 0; font-size:.8rem; color:var(--muted); } .disclosure .wrap{ display:block; } .crumbs{ font-size:.82rem; color:var(--faint); margin:0 0 1.1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .crumbs a{ color:var(--muted); text-decoration:none; } .crumbs a:hover{ color:var(--accent); } .crumbs span{ margin:0 .45rem; color:var(--line); } .pdp{ display:grid; grid-template-columns:minmax(0,1.18fr) minmax(20rem,.82fr); gap:3rem; align-items:start; } .gallery figure{ margin:0; } .gallery .lead{ border:1px solid var(--line); border-radius:calc(var(--radius) + 4px); overflow:hidden; background:var(--card); box-shadow:var(--shadow); padding:1rem; } .gallery .lead img{ width:100%; border-radius:7px; } .gallery .thumbs{ display:grid; grid-template-columns:repeat(4,1fr); gap:.55rem; margin-top:.55rem; list-style:none; padding:0; } .gallery .thumbs li{ border:1px solid var(--line); border-radius:8px; overflow:hidden; background:var(--panel); } h1{ font-weight:760; letter-spacing:-.025em; line-height:1.16; } .product-kind,.intro-kicker{ margin:0 0 .45rem; color:var(--accent); font-size:.76rem; font-weight:750; letter-spacing:.09em; text-transform:uppercase; } .buybox{ position:sticky; top:5.25rem; } .buybox h1{ font-size:clamp(1.65rem,3vw,2.15rem); margin:0 0 .7rem; } .ratingline{ display:flex; align-items:center; gap:.55rem; font-size:.92rem; margin-bottom:1.1rem; flex-wrap:wrap; } .stars{ color:var(--star); letter-spacing:.08em; } .ratingline a{ color:var(--muted); text-decoration:underline; text-decoration-color:var(--line); text-underline-offset:3px; } .ratingline a:hover{ color:var(--accent); text-decoration-color:var(--accent); } .ratingline .avg{ font-weight:650; } .pricebox{ border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line)); border-radius:calc(var(--radius) + 4px); padding:1.35rem; background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--accent-soft) 32%,var(--card))); box-shadow:var(--shadow-lift); position:relative; overflow:hidden; } .pricebox::before{ content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--accent); } .price{ font-size:2.05rem; font-weight:760; letter-spacing:-.035em; margin-bottom:.2rem; } .price .unit{ font-size:.9rem; font-weight:500; color:var(--muted); margin-left:.35rem; } .stock{ color:var(--ok); font-size:.92rem; margin:.5rem 0 .95rem; display:flex; align-items:center; gap:.45rem; } .stock::before{ content:""; width:.5em; height:.5em; border-radius:50%; background:var(--ok); flex:0 0 auto; } .cta{ display:block; text-align:center; padding:.86rem 1rem; border-radius:10px; border:1px solid var(--accent-strong); background:var(--accent); color:#fff; font-weight:720; font-size:.95rem; cursor:default; box-shadow:inset 0 -1px rgba(0,0,0,.16); } .cta-note{ font-size:.82rem; color:var(--faint); margin:.6rem 0 0; text-align:center; } .highlights{ margin:1rem 0 0; padding:1.05rem 1.15rem; list-style:none; background:transparent; border:1px solid var(--line); border-radius:var(--radius); } .highlights li{ margin-bottom:.52rem; padding-left:1.45rem; position:relative; font-size:.94rem; } .highlights li:last-child{ margin-bottom:0; } .highlights li::before{ content:"✓"; position:absolute; left:0; top:0; color:var(--ok); font-weight:700; } section{ margin-top:3.25rem; } h2{ font-size:1.32rem; letter-spacing:-.015em; font-weight:750; margin:0 0 1.15rem; padding-bottom:.65rem; border-bottom:1px solid var(--line); } h3{ font-size:1.02rem; margin:1.3rem 0 .4rem; } p{ margin:0 0 .95rem; } section > p, .reviews p{ max-width:68ch; } .about-body > p{ max-width:76ch; margin-left:auto; margin-right:auto; } .content-panel{ border:1px solid var(--line); border-radius:calc(var(--radius) + 4px); background:var(--card); box-shadow:var(--shadow); overflow:hidden; } .content-panel > summary{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.2rem; cursor:pointer; list-style:none; color:var(--ink); font-size:1.22rem; font-weight:750; letter-spacing:-.015em; transition:background .15s ease,color .15s ease; } .content-panel > summary::-webkit-details-marker{ display:none; } .content-panel > summary::after{ content:""; width:.62rem; height:.62rem; border-right:2px solid currentColor; border-bottom:2px solid currentColor; flex:0 0 auto; color:var(--accent); transform:rotate(45deg); transition:transform .2s ease; margin-right:.35rem; } .content-panel[open] > summary{ border-bottom:1px solid var(--line); } .content-panel[open] > summary::after{ transform:rotate(225deg); } .content-panel > summary:hover{ background:var(--panel); color:var(--accent); } .content-panel > summary:focus-visible{ outline:3px solid color-mix(in srgb,var(--accent) 62%,transparent); outline-offset:-4px; text-decoration:underline; text-underline-offset:4px; } .panel-body{ padding:1.25rem; } .about-body{ background:color-mix(in srgb,var(--panel) 64%,var(--card)); } table{ border-collapse:separate; border-spacing:0; width:100%; font-size:.94rem; table-layout:fixed; } th,td{ border:0; border-bottom:1px solid var(--line); padding:.82rem 1rem; text-align:left; vertical-align:top; } th{ color:var(--muted); font-weight:600; width:42%; } td{ color:var(--ink); font-weight:680; overflow-wrap:anywhere; } tr:last-child th,tr:last-child td{ border-bottom:0; } tr:nth-child(even) th,tr:nth-child(even) td{ background:var(--panel); } tr:hover th,tr:hover td{ background:var(--accent-soft); } .spec-body > table{ max-width:64rem; margin-left:auto; margin-right:auto; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); }    .feedback-layout{ display:grid; grid-template-columns:17rem minmax(0,1fr); gap:2.5rem; align-items:start; } .rating-summary{ position:sticky; top:5.25rem; padding:1.2rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--card); box-shadow:var(--shadow); } .rating-score{ display:flex; align-items:baseline; gap:.45rem; margin:0 0 .1rem; } .rating-score strong{ font-size:2.15rem; letter-spacing:-.04em; } .rating-score span{ color:var(--muted); font-size:.84rem; } .rating-summary > .stars{ display:block; margin-bottom:1rem; font-size:1.05rem; } .histogram{ list-style:none; padding:0; margin:0; max-width:24rem; } .histogram li{ display:grid; grid-template-columns:2.6rem 1fr 2.6rem; align-items:center; gap:.6rem; font-size:.87rem; color:var(--muted); margin-bottom:.4rem; } .bar{ background:var(--panel); border:1px solid var(--line); border-radius:999px; height:.65rem; overflow:hidden; } .bar i{ display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,var(--star),#f6bd4f); } .rv-note{ font-size:.87rem; color:var(--faint); margin:-.4rem 0 1.2rem; } .reviews{ list-style:none; padding:0; margin:0; } .reviews > li{ border:1px solid var(--line); border-radius:var(--radius); padding:1.15rem 1.2rem; margin-bottom:.8rem; background:var(--card); box-shadow:0 1px 2px rgba(24,33,47,.04); } .reviews > li:hover{ border-color:color-mix(in srgb,var(--accent) 35%,var(--line)); } .rv-head{ display:flex; align-items:center; gap:.65rem; margin-bottom:.45rem; } .avatar{ width:2.1rem; height:2.1rem; border-radius:999px; background:var(--accent-soft); color:var(--accent); display:flex; align-items:center; justify-content:center; font-size:.78rem; font-weight:700; flex:0 0 auto; } .rv-who{ font-size:.9rem; font-weight:650; } .rv-date{ font-size:.82rem; color:var(--faint); } .rv-title{ font-weight:650; margin:.3rem 0 .3rem; } .siblings{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr)); gap:1rem; } .siblings a{ display:flex; flex-direction:column; height:100%; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; text-decoration:none; color:var(--ink); font-size:.92rem; font-weight:600; background:var(--card); box-shadow:var(--shadow); transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease; } .siblings a:hover{ border-color:var(--accent); box-shadow:var(--shadow-lift); transform:translateY(-2px); } .related-shot{ display:block; aspect-ratio:4/3; overflow:hidden; background:var(--panel); border-bottom:1px solid var(--line); } .related-shot img{ width:100%; height:100%; object-fit:cover; transition:transform .25s ease; } .siblings a:hover .related-shot img{ transform:scale(1.035); } .related-copy{ display:flex; flex-direction:column; gap:.5rem; padding:.9rem 1rem 1rem; } .related-name{ line-height:1.35; overflow-wrap:anywhere; } .related-detail{ display:flex; flex-direction:column; gap:.12rem; color:var(--muted); font-size:.8rem; font-weight:500; } .related-detail .stars{ font-size:.82rem; } .catalogue-intro,.hub-intro{ margin:.25rem 0 2rem; padding:clamp(1.4rem,4vw,2.6rem); border:1px solid var(--line); position:relative; overflow:hidden; border-radius:calc(var(--radius) + 6px); background:var(--card); box-shadow:var(--shadow); } .catalogue-intro::after,.hub-intro::after{ content:""; position:absolute; right:-5rem; top:-7rem; width:19rem; height:19rem; border-radius:50%; pointer-events:none; background:radial-gradient(circle,var(--accent-soft),transparent 68%); } .catalogue-hero,.hub-intro{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2rem; align-items:end; } .intro-copy{ position:relative; z-index:1; } .catalogue-intro h1,.hub-intro h1{ font-size:clamp(1.75rem,4vw,2.45rem); margin:0 0 .55rem; } .catalogue-intro > p:last-child,.hub-intro > p:last-child{ color:var(--muted); margin:0; max-width:68ch; } .intro-copy > p:last-child{ color:var(--muted); margin:0; max-width:58ch; } .catalogue-actions{ margin:1.35rem 0 0!important; } .catalogue-actions a{ display:inline-flex; align-items:center; gap:.45rem; border-radius:.65rem; padding:.68rem .9rem; background:var(--accent); color:var(--color-primary-content); font-size:.87rem; font-weight:750; text-decoration:none; } .catalogue-actions a:hover{ background:var(--accent-strong); } .catalogue-stats{ display:grid; grid-template-columns:repeat(3,minmax(5.5rem,1fr)); gap:.55rem; margin:0; position:relative; z-index:1; } .catalogue-stats div{ min-width:6.7rem; padding:.8rem .9rem; border:1px solid var(--line); border-radius:var(--radius); background:color-mix(in srgb,var(--card) 82%,transparent); } .catalogue-stats dt{ color:var(--faint); font-size:.68rem; font-weight:720; letter-spacing:.07em; text-transform:uppercase; } .catalogue-stats dd{ margin:.2rem 0 0; color:var(--ink); font-size:1.15rem; font-weight:760; } .hub-count{ min-width:7rem; margin:0; padding:1rem 1.2rem; position:relative; z-index:1; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); text-align:center; } .hub-count strong,.hub-count span{ display:block; } .hub-count strong{ font-size:1.7rem; line-height:1.1; } .hub-count span{ margin-top:.3rem; color:var(--muted); font-size:.75rem; text-transform:uppercase; letter-spacing:.08em; font-weight:700; } .collection-section{ padding:1.2rem; border:1px solid var(--line); border-radius:calc(var(--radius) + 4px); background:color-mix(in srgb,var(--card) 72%,transparent); } .section-heading{ display:flex; justify-content:space-between; align-items:end; gap:1rem; margin:0 0 1rem; } .section-heading h2{ margin:0; padding:0; border:0; text-transform:capitalize; } .section-kicker{ margin:0 0 .2rem; color:var(--faint); font-size:.68rem; font-weight:720; letter-spacing:.08em; text-transform:uppercase; } .section-heading > a{ color:var(--muted); font-size:.82rem; font-weight:650; text-decoration:none; white-space:nowrap; } .section-heading > a:hover{ color:var(--accent); } .catalogue-note{ padding:1.2rem 1.3rem; border-left:4px solid var(--accent); border-radius:0 var(--radius) var(--radius) 0; background:var(--card); } .catalogue-note h2{ border:0; padding:0; margin-bottom:.4rem; } .catalogue-note p{ margin:0; color:var(--muted); } .catalogue-divider h2{ color:var(--muted); font-size:.9rem; text-transform:uppercase; letter-spacing:.08em; } .about-intro{ max-width:54rem; margin:.25rem auto 2rem; text-align:center; } .about-intro h1{ font-size:clamp(2rem,5vw,3.2rem); margin:.2rem 0 .8rem; } .about-intro > p:last-child{ max-width:62ch; margin:0 auto; color:var(--muted); } .about-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; } .about-card{ margin:0; padding:1.35rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--card); box-shadow:var(--shadow); } .about-card h2{ border:0; padding:0; margin:.35rem 0 .7rem; font-size:1.08rem; } .about-card p:last-child{ margin:0; color:var(--muted); font-size:.92rem; } .about-number{ margin:0; color:var(--accent); font-size:.72rem; font-weight:760; letter-spacing:.1em; } .grid{ list-style:none; padding:0; margin:0 0 .6rem; display:grid; grid-template-columns:repeat(auto-fill,minmax(12.75rem,1fr)); gap:1rem; } .card{ border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:var(--card); box-shadow:var(--shadow); transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease; } .card:hover{ border-color:var(--accent); box-shadow:var(--shadow-lift); transform:translateY(-2px); } .card a{ text-decoration:none; color:var(--ink); display:block; } .card .shot{ display:block; position:relative; background:var(--panel); border-bottom:1px solid var(--line); aspect-ratio:1/1; overflow:hidden; } .card .shot::after{ content:""; position:absolute; inset:0; pointer-events:none; background:var(--tile-wash,transparent); opacity:.075; mix-blend-mode:color; transition:opacity .2s ease; } .card:hover .shot::after{ opacity:.035; } .grid .card:nth-child(6n+1){ --tile-wash:#287e72; } .grid .card:nth-child(6n+2){ --tile-wash:#6c58a7; } .grid .card:nth-child(6n+3){ --tile-wash:#b56b35; } .grid .card:nth-child(6n+4){ --tile-wash:#3f6fa8; } .grid .card:nth-child(6n+5){ --tile-wash:#8c526f; } .grid .card:nth-child(6n){ --tile-wash:#778339; } .card .shot img{ width:100%; height:100%; object-fit:cover; transition:transform .25s ease; } .card a:hover .shot img{ transform:scale(1.04); } .card .shot-empty{ aspect-ratio:1/1; isolation:isolate; background: radial-gradient(circle at 72% 24%,color-mix(in srgb,var(--tile-wash,#287e72) 24%,transparent),transparent 24%), linear-gradient(145deg,color-mix(in srgb,var(--tile-wash,#287e72) 14%,var(--card)),var(--panel)); } .card .shot-empty::before{ content:""; position:absolute; z-index:1; width:38%; aspect-ratio:1; left:31%; top:29%; border:2px solid color-mix(in srgb,var(--tile-wash,#287e72) 72%,var(--ink)); border-radius:18% 42% 18% 42%; transform:rotate(12deg); box-shadow:1.05rem -1.05rem 0 -.78rem var(--card),1.05rem -1.05rem 0 -.66rem color-mix(in srgb,var(--tile-wash,#287e72) 45%,var(--line)); opacity:.7; } .card .meta{ padding:.85rem .95rem 1rem; display:flex; flex-direction:column; gap:.42rem; } .card .nm{ display:block; font-weight:650; font-size:.95rem; line-height:1.35; overflow-wrap:anywhere; } .card .sub{ display:block; font-size:.85rem; color:var(--muted); line-height:1.4; } .card-rating{ display:flex; align-items:center; gap:.42rem; color:var(--muted); font-size:.78rem; font-weight:520; line-height:1; } .card-rating .stars{ font-size:.82rem; white-space:nowrap; } .card .sub .amt{ color:var(--ink); font-weight:720; white-space:nowrap; } .site-foot{ border-top:1px solid var(--line); background:var(--panel); margin-top:4rem; padding:1.6rem 0 3.2rem; color:var(--muted); font-size:.87rem; } .site-foot p{ margin:0 0 .55rem; max-width:none; } .site-foot a{ color:var(--muted); } .site-foot a:hover{ color:var(--accent); } @media (min-width:72rem){ .feedback-layout{ grid-template-columns:15.5rem minmax(0,1fr); gap:1.5rem; } .reviews{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.9rem; align-items:start; } .reviews > li{ margin:0; height:100%; } .reviews p{ max-width:54ch; } } @media (max-width:56rem){ .pdp{ grid-template-columns:1fr; gap:1.7rem; } .buybox,.rating-summary{ position:static; } .feedback-layout{ grid-template-columns:1fr; gap:1.25rem; } .rating-summary{ max-width:28rem; } .buybox h1{ font-size:1.45rem; } .catalogue-hero{ grid-template-columns:1fr; } .about-grid{ grid-template-columns:1fr; } } @media (max-width:34rem){ body{ font-size:15px; } .wrap{ padding:0 .9rem; } .site-head{ padding:.55rem 0; } .site-head .wrap{ gap:.65rem; } .brand{ font-size:1.05rem; } .gallery .thumbs{ grid-template-columns:repeat(2,1fr); } .site-head nav{ gap:.9rem; } .catalogue-intro,.hub-intro{ padding:1.15rem; margin-bottom:1.4rem; } .hub-intro{ grid-template-columns:1fr; gap:1rem; } .hub-count{ display:flex; align-items:baseline; gap:.5rem; width:max-content; min-width:0; padding:.7rem .9rem; } .hub-count strong,.hub-count span{ display:inline; margin:0; } .catalogue-stats{ grid-template-columns:repeat(3,1fr); gap:.35rem; } .catalogue-stats div{ min-width:0; padding:.65rem .55rem; } .catalogue-stats dt{ font-size:.58rem; } .catalogue-stats dd{ font-size:.95rem; } .collection-section{ padding:.75rem; } .section-heading{ align-items:start; } .section-heading > a{ font-size:0; } .section-heading > a span{ font-size:1rem; } .grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; } .card .meta{ padding:.7rem; } .card .nm{ font-size:.88rem; } .card .sub{ font-size:.78rem; } .card-rating{ align-items:flex-start; flex-direction:column; gap:.3rem; }  section{ margin-top:2.4rem; } th,td{ padding:.55rem .6rem; } th{ width:46%; } } @media (max-width:22rem){ .grid{ grid-template-columns:1fr; } } @keyframes storefront-rise{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:translateY(0); } } @media (prefers-reduced-motion:no-preference){ .pdp{ animation:storefront-rise .38s ease-out both; } section{ animation:storefront-rise .42s ease-out both; } } @media (prefers-reduced-motion:reduce){ .card,.card .shot img,.card .shot::after,.siblings a,.related-shot img,.content-panel > summary::after{ transition:none; } .card:hover,.siblings a:hover{ transform:none; } }

/* livegeo render: category-link index and privacy note */
.category-links{list-style:none;margin:0;padding:0;display:grid;gap:.4rem 1.5rem;
grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}
.category-links a{color:var(--ink);text-decoration:none}
.category-links a:hover{color:var(--accent);text-decoration:underline}
.collection-section+.collection-section{margin-top:1.25rem}
.family-section .section-heading h2{text-transform:none}
.privacy-note{font-size:.85rem;color:var(--muted)}