/* Shared sketch controls: native semantics, light ink lines and no runtime dependency. */
.sketch-control{--sketch-paper:#fffdf0;--sketch-ink:#173c5b;--sketch-hatch:#173c5b;position:relative;isolation:isolate;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--sketch-ink);transition:transform .18s,color .18s;overflow:visible}
.sketch-frame{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);z-index:-1;pointer-events:none;overflow:visible;color:var(--sketch-ink);transition:transform .18s}
.sketch-paper{fill:var(--sketch-paper)}.sketch-hatch{stroke:var(--sketch-hatch);opacity:.09}.sketch-outline{fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.sketch-outline.secondary-line{opacity:.45;stroke-width:.7}
.sketch-control:hover:not(:disabled):not([aria-disabled="true"]){transform:translateY(-1px)}.sketch-control:hover:not(:disabled)>.sketch-frame{transform:rotate(-.4deg)}.sketch-control:active:not(:disabled){transform:translateY(1px)}.sketch-control:focus-visible{outline:3px solid #4ca8e6;outline-offset:6px}.sketch-control:disabled{cursor:not-allowed;opacity:.55}
.pill.sketch-control{padding:17px 25px;color:#173c5b;--sketch-paper:#fffdf0;--sketch-ink:#173c5b}.buy-button.sketch-control{--sketch-paper:#173c5b;--sketch-ink:#fffdf0;--sketch-hatch:#fffdf0;color:#fffdf0}.buy-button.sketch-control .sketch-outline{stroke:#173c5b}.pack-option.sketch-control{--sketch-paper:#fff;--sketch-ink:#91aabb;color:#173c5b}.pack-option.sketch-control.active{--sketch-paper:#e7f3fc;--sketch-ink:#173c5b}.pack-option.sketch-control:not(.active) .sketch-hatch{opacity:0}.pack-option.sketch-control.active .sketch-outline{stroke-width:1.6}.quiz-options button.sketch-control{--sketch-paper:#eef6fc;color:#173c5b}.quantity-control.sketch-control{--sketch-paper:#fff}.quantity-control .sketch-hatch{opacity:0}.image-zoom.sketch-control{--sketch-paper:#fffdf0;--sketch-ink:#173c5b}.hero #motion.sketch-control{--sketch-paper:#17496b;--sketch-ink:#fffdf0;--sketch-hatch:#fffdf0;color:#fffdf0}
/* Icon controls remain quiet; the same ink gesture appears on focus/hover. */
.cart-button,.menu-button,dialog>.close{transition:transform .18s}.cart-button:hover,.menu-button:hover,dialog>.close:hover{transform:rotate(-5deg)}
.store-header .desktop-nav{position:relative}.store-header .desktop-nav a,.store-header .mobile-nav a{position:relative}.store-header a[aria-current="page"]{color:#fffdf0}.store-header .desktop-nav a[aria-current="page"]{text-shadow:0 0 1px currentColor}
.sketch-nav-indicator{position:absolute;left:0;top:0;height:10px;pointer-events:none;color:#fffdf0;overflow:visible;transition:transform 220ms ease,width 220ms ease;z-index:2}.sketch-nav-indicator path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:0}.sketch-nav-indicator path+path{stroke-width:.75;opacity:.65}.sketch-nav-indicator.is-drawing path{animation:sketch-line-in 380ms ease both}@keyframes sketch-line-in{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
/* Drawn rules for actual in-page filters, without turning navigation into tabs. */
.filters button,#category-nav button{position:relative}.filters button.active,#category-nav button.active{border-bottom-color:transparent}.filters button::after,#category-nav button::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:7px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'%3E%3Cpath d='M1 5 Q28 2 52 4 T99 3 M3 6 Q48 4 96 5' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;opacity:0;transform:scaleX(.3);transform-origin:left;transition:transform .22s,opacity .2s}.filters button.active::after,#category-nav button.active::after{opacity:1;transform:scaleX(1)}
.product-link,.text-link,.package-tag-link{border-bottom-style:dashed!important}.sketch-control .sketch-label{position:relative;z-index:1}
@media(max-width:700px){.pill.sketch-control{padding:14px 20px}.hero #motion.sketch-control{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.sketch-control,.sketch-frame,.sketch-nav-indicator,.filters button::after,#category-nav button::after,.cart-button,.menu-button,dialog>.close{transition:none!important}.sketch-nav-indicator.is-drawing path{animation:none!important}.sketch-control:hover,.sketch-control:active,.cart-button:hover,.menu-button:hover,dialog>.close:hover{transform:none!important}}