/*
Theme Name: Claue Child - Sneakick
Template: claue
Description: Sneakick redesign. Clean, minimal, animated, Gen Z friendly. Replaces every Claue template.
Version: 1.0.0
Text Domain: sneakick
*/

/* ---------- 1. TOKENS: change your brand colors here ---------- */
:root{
  --ink:#000;          /* text + buttons */
  --paper:#fff;        /* page background */
  --soft:#f4f4f4;      /* cards, tiles */
  --line:#e5e5e5;      /* borders */
  --mute:#6a6a6a;      /* secondary text */
  --accent:#2f4bff;    /* highlight: sale banner, focus, hover  <-- put your brand color here */
  --r:16px;
  --pad:clamp(16px,4vw,40px);
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- 2. BASE ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.snk{margin:0;background:var(--paper);color:var(--ink);font-family:'Bricolage Grotesque',system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
body.snk.snk-lock{overflow:hidden}
.snk img{max-width:100%;height:auto;display:block}
.snk a{color:inherit}
.snk h1,.snk h2,.snk h3{line-height:1.05;letter-spacing:-.03em;margin:0}
.snk-wrap{width:min(1280px,100% - 2*var(--pad));margin-inline:auto}
.snk-skip{position:absolute;left:-9999px}
.snk-skip:focus{left:12px;top:12px;z-index:999;background:var(--ink);color:#fff;padding:8px 14px;border-radius:8px}
.snk :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.snk-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.snk-ico{display:block}

/* buttons */
.snk-btn,.snk .button,.snk button.single_add_to_cart_button,.snk .checkout-button,.snk #place_order,.snk input[type=submit]{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;
  background:var(--ink);color:#fff;border:1.5px solid var(--ink);border-radius:999px;
  padding:.85rem 1.6rem;font:600 1rem/1 inherit;font-family:inherit;text-decoration:none;
  transition:background .25s var(--ease),color .25s var(--ease),transform .15s var(--ease),border-color .25s}
.snk-btn:hover,.snk .button:hover,.snk button.single_add_to_cart_button:hover,.snk .checkout-button:hover,.snk #place_order:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.snk-btn:active,.snk .button:active{transform:scale(.96)}
.snk-btn--ghost{background:transparent;color:var(--ink)}
.snk-btn--ghost:hover{background:var(--ink);border-color:var(--ink)}
.snk .button.loading{opacity:.55;pointer-events:none}
.snk .added_to_cart{display:none}

/* ---------- 3. TICKER ---------- */
.snk-ticker{background:var(--ink);color:#fff;font-size:.85rem;overflow:hidden;white-space:nowrap}
.snk-ticker-track{display:inline-flex;animation:snk-marquee 32s linear infinite}
.snk-ticker:hover .snk-ticker-track{animation-play-state:paused}
.snk-ticker-group{display:inline-flex;gap:3rem;padding:.55rem 3rem .55rem 0}
@keyframes snk-marquee{to{transform:translateX(-50%)}}

/* ---------- 4. HEADER ---------- */
.snk-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:transform .35s var(--ease)}
.snk-header.is-hidden{transform:translateY(-100%)}
.snk-header-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:68px}
.snk-logo{display:block;text-decoration:none;font-weight:800;font-size:1.4rem;letter-spacing:-.04em}
.snk-logo img{height:38px;width:auto}
.snk-actions{display:flex;justify-content:flex-end;gap:.25rem}
.snk-iconbtn{position:relative;display:grid;place-items:center;width:44px;height:44px;border:0;background:none;color:inherit;border-radius:50%;cursor:pointer;transition:background .2s}
.snk-iconbtn:hover{background:var(--soft)}
.snk-cart-count{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center;line-height:1}
.snk-cart-count[data-n="0"]{display:none}
.snk-burger{display:none}
.snk-menu{list-style:none;margin:0;padding:0;display:flex;gap:1.75rem}
.snk-menu>li{position:relative;padding:1.4rem 0}
.snk-menu a{text-decoration:none;font-weight:500}
.snk-menu>li>a{position:relative}
.snk-menu>li>a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.snk-menu>li:hover>a::after{transform:scaleX(1)}
.snk-menu .sub-menu{position:absolute;top:100%;left:-1rem;min-width:210px;list-style:none;margin:0;padding:.5rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s var(--ease)}
.snk-menu li:hover>.sub-menu,.snk-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.snk-menu .sub-menu a{display:block;padding:.55rem .8rem;border-radius:10px}
.snk-menu .sub-menu a:hover{background:var(--soft)}

/* panels: nav sheet, search, cart drawer */
.snk-scrim{position:fixed;inset:0;background:rgba(0,0,0,.42);opacity:0;pointer-events:none;transition:opacity .3s;z-index:90}
body[data-panel] .snk-scrim{opacity:1;pointer-events:auto}
.snk-panel{position:fixed;z-index:100;background:#fff;visibility:hidden;transition:transform .45s var(--ease),visibility 0s .45s}
.snk-panel.is-open{visibility:visible;transform:none!important;transition:transform .45s var(--ease)}
.snk-drawer{top:0;right:0;bottom:0;width:min(430px,100%);transform:translateX(100%);display:flex;flex-direction:column}
.snk-panel-head{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}
.snk-panel-head h2{font-size:1.4rem}
.snk-drawer-body{flex:1;overflow:auto;padding:1rem 1.25rem}
.snk-search{top:0;left:0;right:0;transform:translateY(-100%);padding:2rem var(--pad) 2.5rem}
.snk-search form{display:flex;gap:1rem;align-items:center;max-width:900px;margin:0 auto;border-bottom:2px solid var(--ink)}
.snk-search input{flex:1;border:0;font:700 clamp(1.6rem,5vw,3rem)/1.2 inherit;font-family:inherit;letter-spacing:-.03em;padding:.5rem 0;outline:0;background:none}
.snk-sheet{inset:0;transform:translateY(-100%);padding:1rem var(--pad) 2rem;overflow:auto}
.snk-sheet .snk-panel-head{padding-inline:0;border:0}
.snk-sheet ul{list-style:none;margin:0;padding:0}
.snk-sheet>ul>li>a{display:block;font-size:clamp(2.2rem,9vw,3.4rem);font-weight:800;letter-spacing:-.04em;text-decoration:none;padding:.35rem 0}
.snk-sheet .sub-menu{display:flex;flex-wrap:wrap;gap:.5rem;margin:.25rem 0 1rem}
.snk-sheet .sub-menu a{display:block;padding:.45rem .9rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:.95rem}

/* mini cart */
.snk .woocommerce-mini-cart{list-style:none;margin:0;padding:0}
.snk .woocommerce-mini-cart-item{position:relative;display:grid;grid-template-columns:72px 1fr;gap:.2rem 1rem;padding:1rem 1.5rem 1rem 0;border-bottom:1px solid var(--line)}
.snk .woocommerce-mini-cart-item img{grid-row:1/4;width:72px;border-radius:12px;background:var(--soft)}
.snk .woocommerce-mini-cart-item a{text-decoration:none;font-weight:600}
.snk .woocommerce-mini-cart-item a.remove{position:absolute;right:0;top:1rem;font-size:1.4rem;line-height:1;text-decoration:none;color:var(--mute)}
.snk .woocommerce-mini-cart-item a.remove:hover{color:#d33}
.snk .woocommerce-mini-cart__total{display:flex;justify-content:space-between;font-weight:700;padding:1rem 0}
.snk .woocommerce-mini-cart__buttons{display:grid;gap:.6rem}
.snk .woocommerce-mini-cart__buttons .button{width:100%}
.snk .woocommerce-mini-cart__buttons .button:not(.checkout){background:transparent;color:var(--ink)}
.snk .woocommerce-mini-cart__empty-message{color:var(--mute);padding:2rem 0}

/* ---------- 5. HOME ---------- */
.snk-hero{padding:clamp(2rem,5vw,4.5rem) 0 clamp(3rem,6vw,5.5rem);overflow:clip}
.snk-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
.snk-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .9rem;border:1px solid var(--line);border-radius:999px;font-size:.9rem;margin-bottom:1.5rem}
.snk-pill i{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:snk-pulse 1.8s infinite}
@keyframes snk-pulse{50%{box-shadow:0 0 0 6px rgba(47,75,255,.18)}}
.snk-hero h1{font-size:clamp(4rem,11.5vw,10rem);font-weight:800;line-height:.86;letter-spacing:-.05em;margin-bottom:1.75rem}
.snk-hero h1 .l{display:block;overflow:hidden;padding-bottom:.08em}
.snk-hero h1 .l>span{display:inline-block;transform:translateY(108%);animation:snk-rise 1s var(--ease) forwards;animation-delay:calc(var(--i)*.14s + .1s)}
@keyframes snk-rise{to{transform:none}}
.snk-hero p.lead{max-width:30rem;font-size:1.15rem;color:var(--mute);margin:0 0 2rem}
.snk-hero-cta{display:flex;flex-wrap:wrap;gap:.75rem}
.snk-facts{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;list-style:none;margin:2.5rem 0 0;padding:0;color:var(--mute);font-size:.95rem}
.snk-facts b{color:var(--ink);font-weight:700}
.snk-hero-art{position:relative;aspect-ratio:1;display:grid;place-items:center;perspective:900px}
.snk-hero-art::before{content:"";position:absolute;inset:6%;border-radius:50%;background:var(--soft);transform:scale(0);animation:snk-pop 1s .45s var(--ease) forwards}
@keyframes snk-pop{to{transform:scale(1)}}
.snk-hero-art img{position:relative;width:100%;mix-blend-mode:multiply;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(-10deg);transition:transform .25s ease-out;opacity:0;animation:snk-fade .8s .7s forwards}
@keyframes snk-fade{to{opacity:1}}

.snk-section{padding:clamp(2.5rem,6vw,5rem) 0}
.snk-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.75rem}
.snk-section-head h2{font-size:clamp(2rem,5vw,3.4rem);font-weight:800}
.snk-link{font-weight:600;text-decoration:underline;text-underline-offset:5px}
.snk-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.snk-tile{position:relative;display:flex;flex-direction:column;aspect-ratio:3/4;padding:1.25rem;border-radius:var(--r);background:var(--soft);overflow:hidden;text-decoration:none;isolation:isolate}
.snk-tile b{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;letter-spacing:-.04em}
.snk-tile small{color:var(--mute)}
.snk-tile img{position:absolute;left:8%;right:8%;bottom:6%;width:84%;height:68%;object-fit:contain;mix-blend-mode:multiply;z-index:-1;transition:transform .6s var(--ease)}
.snk-tile:hover img{transform:scale(1.07) rotate(-3deg)}

.snk-shelf-wrap{position:relative}
.snk-shelf-nav{display:flex;gap:.5rem}
.snk-shelf-nav button{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--ink);background:none;cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s}
.snk-shelf-nav button:hover{background:var(--ink);color:#fff}
.snk ul.snk-shelf{display:grid!important;grid-auto-flow:column;grid-auto-columns:min(290px,74vw);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 1rem}
.snk ul.snk-shelf::-webkit-scrollbar{display:none}
.snk-shelf .snk-card{scroll-snap-align:start}

.snk-banner{background:var(--accent);color:#fff;border-radius:calc(var(--r)*1.5);padding:clamp(2rem,6vw,4.5rem);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem}
.snk-banner h2{font-size:clamp(2.2rem,6vw,4.5rem);font-weight:800;max-width:14ch}
.snk-banner .snk-btn{background:#fff;color:var(--ink);border-color:#fff}
.snk-banner .snk-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ---------- 6. PRODUCT GRID + CARD ---------- */
.snk ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem 16px}
.snk ul.products::before,.snk ul.products::after{display:none}
.snk-card{position:relative;margin:0!important;width:auto!important;float:none!important}
.snk-card-media{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--r);background:var(--soft);overflow:hidden}
.snk-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:6%;transition:opacity .45s var(--ease),transform .6s var(--ease)}
.snk-card-media .snk-img-b{opacity:0}
@media (hover:hover){
  .snk-card:hover .snk-img-b{opacity:1}
  .snk-card:hover .snk-img-a{transform:scale(1.04)}
}
.snk-badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--accent);color:#fff;font-size:.78rem;font-weight:700;padding:.25rem .65rem;border-radius:999px}
.snk-card-info{padding:.8rem .2rem .6rem}
.snk-card-info h3{font-size:1.05rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.snk-card-info h3 a{text-decoration:none}
.snk-price{font-weight:700;margin-top:.2rem}
.snk-price del{color:var(--mute);font-weight:400;margin-right:.4rem}
.snk-price ins{text-decoration:none}
.snk-card-add .button{width:100%;background:transparent;color:var(--ink);padding:.7rem 1rem;font-size:.95rem}
.snk-card-add .button:hover{background:var(--ink);border-color:var(--ink)}
.snk-card-add .button.added::after{content:"\2713";margin-left:.4rem}

/* shop archive */
.snk-shop-head{padding:clamp(2rem,5vw,4rem) 0 1.5rem}
.snk-shop-head h1{font-size:clamp(3rem,9vw,7rem);font-weight:800;letter-spacing:-.05em}
.snk-shop-head .term-description{color:var(--mute);max-width:36rem;margin-top:.75rem}
.snk-chips-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0}
.snk-chip,.snk-chips-row a{display:inline-flex;padding:.5rem 1.1rem;border:1.5px solid var(--line);border-radius:999px;background:#fff;text-decoration:none;font:500 .95rem inherit;font-family:inherit;cursor:pointer;transition:all .2s var(--ease)}
.snk-chip:hover,.snk-chips-row a:hover,.snk-chips-row a.is-on{border-color:var(--ink)}
.snk-chips-row a.is-on{background:var(--ink);color:#fff}
.snk-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;color:var(--mute);font-size:.95rem}
.snk-toolbar p{margin:0}
.snk .woocommerce-ordering select{padding:.6rem 1rem;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:inherit}
.snk .woocommerce-pagination{margin:3rem 0}
.snk .woocommerce-pagination ul{display:flex;justify-content:center;gap:.4rem;list-style:none;padding:0;border:0}
.snk .woocommerce-pagination li{border:0;overflow:visible}
.snk .woocommerce-pagination .page-numbers{display:grid;place-items:center;min-width:44px;height:44px;border-radius:50%;text-decoration:none;background:none}
.snk .woocommerce-pagination .current,.snk .woocommerce-pagination a:hover{background:var(--ink);color:#fff}

/* ---------- 7. SINGLE PRODUCT ---------- */
.snk-pdp{padding-bottom:3rem}
.snk .woocommerce-breadcrumb{color:var(--mute);font-size:.9rem;padding:1.25rem 0}
.snk .woocommerce-breadcrumb a{text-decoration:none}
.snk-pdp-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.5rem,4vw,4rem);align-items:start}
.snk-pdp-media .woocommerce-product-gallery{position:relative;margin:0;width:100%!important;float:none!important}
.snk-pdp-media .woocommerce-product-gallery__wrapper{border-radius:var(--r);overflow:hidden;background:var(--soft)}
.snk-pdp-media .woocommerce-product-gallery__image img{width:100%;mix-blend-mode:multiply}
.snk-pdp-media .flex-control-thumbs{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.snk-pdp-media .flex-control-thumbs img{border-radius:12px;background:var(--soft);cursor:pointer;opacity:.55;transition:opacity .2s;mix-blend-mode:multiply}
.snk-pdp-media .flex-control-thumbs img.flex-active,.snk-pdp-media .flex-control-thumbs img:hover{opacity:1}
.snk-pdp-media .woocommerce-product-gallery__trigger{position:absolute;top:14px;right:14px;z-index:3;background:#fff;border-radius:50%;width:40px;height:40px;text-indent:-999px;overflow:hidden}
.snk-pdp-buy{position:sticky;top:96px}
.snk-pdp-buy .product_title{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;margin-bottom:.75rem}
.snk-pdp-buy .price{font-size:1.5rem;font-weight:700;margin:0 0 1rem;display:block}
.snk-pdp-buy .price del{color:var(--mute);font-weight:400}
.snk-pdp-buy .price ins{text-decoration:none}
.snk-pdp-buy .woocommerce-product-details__short-description{color:var(--mute);margin-bottom:1.5rem}
.snk-pdp-buy form.cart{display:grid;gap:1rem;margin-bottom:1.5rem}
.snk-pdp-buy table.variations{border:0;width:100%;border-collapse:collapse}
.snk-pdp-buy table.variations th,.snk-pdp-buy table.variations td{display:block;padding:0 0 .5rem;text-align:left;border:0}
.snk-pdp-buy table.variations label{font-weight:700}
.snk-pdp-buy .reset_variations{font-size:.85rem;color:var(--mute)}
.snk-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.snk-chips .snk-chip{min-width:52px;justify-content:center}
.snk-chips .snk-chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.snk-chips .snk-chip:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}
.snk-pdp-buy .woocommerce-variation-add-to-cart,.snk-pdp-buy form.cart:not(.variations_form){display:flex;gap:.75rem;flex-wrap:wrap}
.snk-pdp-buy .single_add_to_cart_button{flex:1;padding:1.1rem 1.6rem}
.snk .quantity input{width:72px;text-align:center;padding:.9rem .5rem;border:1.5px solid var(--line);border-radius:999px;font:inherit}
.snk-perks-mini{list-style:none;margin:1.5rem 0 0;padding:1.25rem 0 0;border-top:1px solid var(--line);display:grid;gap:.4rem;color:var(--mute);font-size:.95rem}
.snk .product_meta{font-size:.9rem;color:var(--mute);display:grid;gap:.25rem}
.snk-pdp-details,.snk .related{margin-top:clamp(2.5rem,6vw,5rem)}
.snk .related>h2{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:1.5rem}
.snk .woocommerce-tabs ul.tabs{list-style:none;display:flex;gap:.5rem;padding:0;margin:0 0 1.5rem;flex-wrap:wrap;border:0}
.snk .woocommerce-tabs ul.tabs::before{display:none}
.snk .woocommerce-tabs ul.tabs li{border:1.5px solid var(--line);border-radius:999px;background:#fff;margin:0;padding:0}
.snk .woocommerce-tabs ul.tabs li::before,.snk .woocommerce-tabs ul.tabs li::after{display:none}
.snk .woocommerce-tabs ul.tabs li a{display:block;padding:.5rem 1.1rem;text-decoration:none}
.snk .woocommerce-tabs ul.tabs li.active{background:var(--ink);border-color:var(--ink)}
.snk .woocommerce-tabs ul.tabs li.active a{color:#fff}
.snk .woocommerce-Tabs-panel{max-width:46rem}
.snk .woocommerce-Tabs-panel h2{font-size:1.4rem;margin-bottom:.75rem}

/* ---------- 8. CART / CHECKOUT / ACCOUNT / PAGES ---------- */
.snk-page{padding:clamp(2rem,5vw,4rem) 0 4rem}
.snk-page-title{font-size:clamp(2.5rem,7vw,5rem);font-weight:800;letter-spacing:-.05em;margin-bottom:2rem}
.snk-prose{max-width:46rem}
.snk-page .snk-prose.is-wide,.snk-page.is-woo .snk-prose{max-width:none}
.snk-prose h2,.snk-prose h3{margin:2rem 0 .75rem}
.snk input[type=text],.snk input[type=email],.snk input[type=tel],.snk input[type=password],.snk input[type=number],.snk input[type=search],.snk select,.snk textarea{width:100%;padding:.85rem 1rem;border:1.5px solid var(--line);border-radius:12px;font:inherit;background:#fff;transition:border-color .2s}
.snk input:focus,.snk select:focus,.snk textarea:focus{border-color:var(--ink);outline:0}
.snk label{font-weight:600;font-size:.95rem}
.snk .form-row{margin-bottom:1rem}
.snk table.shop_table{width:100%;border-collapse:collapse;border:0}
.snk table.shop_table th,.snk table.shop_table td{padding:1rem .5rem;border:0;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.snk table.shop_table img{width:72px;border-radius:12px;background:var(--soft)}
.snk .cart-collaterals{max-width:440px;margin:2rem 0 0 auto}
.snk .cart_totals h2{font-size:1.6rem;margin-bottom:.5rem}
.snk .wc-proceed-to-checkout .button{width:100%;margin-top:1rem}
.snk .woocommerce-checkout .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:2rem}
.snk .woocommerce-checkout h3{font-size:1.5rem;margin-bottom:1rem}
.snk #order_review{background:var(--soft);border-radius:var(--r);padding:1.5rem}
.snk #payment{background:none}
.snk #payment ul.payment_methods{list-style:none;padding:0;border:0}
.snk #place_order{width:100%;margin-top:1rem;float:none}
.snk .woocommerce-message,.snk .woocommerce-info,.snk .woocommerce-error,.snk .woocommerce-notice{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin:0 0 1.5rem;padding:1rem 1.25rem;border:0;border-left:4px solid var(--ink);border-radius:12px;background:var(--soft)}
.snk .woocommerce-message::before,.snk .woocommerce-info::before,.snk .woocommerce-error::before{display:none}
.snk .woocommerce-error{border-color:#d33}
.snk .woocommerce-MyAccount-navigation{float:none;width:auto}
.snk .woocommerce-MyAccount-content{float:none;width:auto}
.snk.woocommerce-account .woocommerce{display:grid;grid-template-columns:230px 1fr;gap:2.5rem;align-items:start}
.snk .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}
.snk .woocommerce-MyAccount-navigation a{display:block;padding:.7rem 1rem;border-radius:12px;text-decoration:none}
.snk .woocommerce-MyAccount-navigation .is-active a,.snk .woocommerce-MyAccount-navigation a:hover{background:var(--soft);font-weight:700}
.snk .u-columns{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}
.snk-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}
.snk-posts article{border-top:2px solid var(--ink);padding-top:1rem}
.snk-404{min-height:55vh;display:grid;place-content:center;text-align:center;gap:1.5rem}
.snk-404 h1{font-size:clamp(5rem,20vw,14rem);font-weight:800;letter-spacing:-.06em}

/* ---------- 9. FOOTER ---------- */
.snk-perks{border-top:1px solid var(--line);margin-top:3rem}
.snk-perks ul{list-style:none;margin:0;padding:1.75rem 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.snk-perks b{display:block}
.snk-perks span{color:var(--mute);font-size:.92rem}
.snk-footer{background:var(--ink);color:#fff;padding-top:3.5rem;overflow:hidden}
.snk-footer a{text-decoration:none;color:#c9c9c9;transition:color .2s}
.snk-footer a:hover{color:#fff}
.snk-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;padding-bottom:3rem}
.snk-footer h3{font-size:1rem;margin-bottom:1rem;color:#fff}
.snk-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.snk-footer p{color:#c9c9c9;max-width:22rem;margin:0}
.snk-wordmark{font-size:clamp(4rem,19vw,17rem);font-weight:800;letter-spacing:-.07em;line-height:.8;margin:0 0 -.12em;color:#fff;user-select:none}
.snk-copy{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:1.25rem 0;border-top:1px solid #2a2a2a;color:#9a9a9a;font-size:.9rem}

/* ---------- 10. RESPONSIVE ---------- */
@media (max-width:960px){
  .snk-nav{display:none}
  .snk-burger{display:grid}
  .snk-header-row{grid-template-columns:auto 1fr auto}
  .snk-logo{justify-self:center}
  .snk-hero-grid,.snk-pdp-grid{grid-template-columns:1fr}
  .snk-hero-art{max-width:520px;margin-inline:auto;width:100%}
  .snk-pdp-buy{position:static}
  .snk-tiles{grid-template-columns:repeat(2,1fr)}
  .snk-perks ul{grid-template-columns:repeat(2,1fr)}
  .snk-footer-grid{grid-template-columns:1fr 1fr}
  .snk-footer-grid>:first-child{grid-column:1/-1}
  .snk .woocommerce-checkout .col2-set,.snk .u-columns,.snk.woocommerce-account .woocommerce{grid-template-columns:1fr}
}
@media (max-width:560px){
  .snk ul.products{grid-template-columns:repeat(2,1fr);gap:1.5rem 10px}
  .snk-card-add .button{font-size:.85rem;padding:.65rem .5rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .snk-hero h1 .l>span,.snk-hero-art::before,.snk-hero-art img{transform:none;opacity:1}
  .snk-hero-art::before{transform:scale(1)}
}

/* ---------- 11. PLAYFUL HOME ---------- */
.snk-head{text-align:center;margin-bottom:2.5rem}
.snk-head h2{font-size:clamp(2.2rem,6vw,4.2rem);font-weight:800}
.snk-head p{color:var(--mute);margin:.75rem 0 0}
.snk-hero2{--h:0;text-align:center;padding:clamp(2rem,5vw,4rem) 0 clamp(3rem,6vw,5rem);overflow:clip}
.snk-hi{display:inline-block;padding:.4rem 1rem;border:1px solid var(--line);border-radius:999px;font-size:.9rem;margin-bottom:1.25rem}
.snk-hero2 h1{font-size:clamp(3.4rem,11vw,9rem);font-weight:800;line-height:.88;letter-spacing:-.05em}
.snk-hero2 h1 .l{display:block;overflow:hidden;padding-bottom:.08em}
.snk-hero2 h1 .l>span{display:inline-block;transform:translateY(108%);animation:snk-rise 1s var(--ease) forwards;animation-delay:calc(var(--i)*.14s + .1s)}
.snk-stage{position:relative;max-width:640px;margin:1rem auto 0;aspect-ratio:1.25;display:grid;place-items:center}
.snk-stage::before{content:"";position:absolute;inset:4% 8%;border-radius:50%;background:hsl(calc(var(--h)*1deg + 225deg) 100% 93%);transition:background .2s}
.snk-stage img{position:relative;width:92%;mix-blend-mode:multiply;filter:hue-rotate(calc(var(--h)*1deg));transform:rotate(-10deg)}
.snk-slide{max-width:480px;margin:1.25rem auto 0}
.snk-slide label{display:block;font-weight:600;margin-bottom:.5rem}
.snk-slide input[type=range]{width:100%;height:36px;padding:0;border:0;accent-color:var(--accent);cursor:grab}
.snk-slide small{display:block;color:var(--mute);margin:.25rem 0 1rem}
.snk-strip{background:var(--accent);color:#fff;overflow:hidden;white-space:nowrap;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;letter-spacing:-.03em}
.snk-strip>div{display:inline-flex;animation:snk-marquee 28s linear infinite}
.snk-strip span{padding:.7rem 2rem}
.snk-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.snk-flip{perspective:1000px;border:0;background:none;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;min-height:300px}
.snk-flip-in{position:relative;height:100%;min-height:300px;transition:transform .7s var(--ease);transform-style:preserve-3d}
.snk-flip[aria-pressed=true] .snk-flip-in{transform:rotateY(180deg)}
.snk-face{position:absolute;inset:0;border-radius:calc(var(--r) + 4px);padding:1.4rem;display:flex;flex-direction:column;justify-content:space-between;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.snk-face.a{background:var(--soft)}
.snk-face.b{background:var(--ink);color:#fff;transform:rotateY(180deg)}
.snk-face b{font-size:.9rem;opacity:.7}
.snk-face p{margin:0;font-size:1.35rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}
.snk-face.b p{font-size:1.05rem;font-weight:500;line-height:1.4;letter-spacing:0}
.snk-face em{font-style:normal;font-size:.85rem;opacity:.6}
.snk-scenes{transition:background .5s var(--ease)}
.snk-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}
.snk-tabs button{border:1.5px solid var(--ink);background:none;border-radius:999px;padding:.55rem 1.3rem;font:600 1rem inherit;font-family:inherit;cursor:pointer;transition:.2s}
.snk-tabs button[aria-selected=true]{background:var(--ink);color:#fff}
.snk-scene{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;min-height:380px}
.snk-scene[hidden]{display:none}
.snk-scene small{color:var(--mute)}
.snk-scene h3{font-size:clamp(2.4rem,6vw,4.5rem);font-weight:800;margin:.4rem 0 1rem}
.snk-scene h4{margin:0 0 .5rem;font-size:1.4rem;letter-spacing:-.02em}
.snk-scene p{color:var(--mute);max-width:28rem;margin:0 0 1.5rem}
.snk-scene .txt{animation:snk-in .5s var(--ease)}
.snk-scene img{width:100%;mix-blend-mode:multiply;transform:rotate(-8deg)}
@keyframes snk-in{from{opacity:0;transform:translateY(10px)}}
.snk-lt{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.snk-lt a{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1;padding:1.25rem;background:var(--soft);border-radius:calc(var(--r) + 4px);text-decoration:none;font-weight:800;font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.04em;transition:background .3s,color .3s,transform .3s var(--ease)}
.snk-lt small{font:500 .95rem inherit;letter-spacing:0}
.snk-lt a:hover{background:var(--ink);color:#fff;transform:translateY(-4px)}
.snk-faq{max-width:760px;margin:0 auto}
.snk-faq details{border-bottom:1px solid var(--line);padding:1.1rem 0}
.snk-faq summary{cursor:pointer;font-weight:700;font-size:1.2rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.snk-faq summary::-webkit-details-marker{display:none}
.snk-faq summary::after{content:"+";font-size:1.5rem;line-height:1;transition:transform .3s}
.snk-faq details[open] summary::after{transform:rotate(45deg)}
.snk-faq p{margin:.75rem 0 0;color:var(--mute)}
.snk-cta{text-align:center}
.snk-cta h2{font-size:clamp(2.6rem,8vw,6rem);font-weight:800}
.snk-tick{display:block;margin:1.5rem auto 0;border:0;background:none;cursor:pointer;width:min(440px,90%)}
.snk-tick img{mix-blend-mode:multiply;transform:rotate(-8deg)}
.snk-tick.wig img{animation:snk-wig .5s}
@keyframes snk-wig{20%{transform:rotate(-16deg) scale(1.05)}40%{transform:rotate(0) scale(1.05)}60%{transform:rotate(-14deg)}80%{transform:rotate(-4deg)}}
.snk-hint{color:var(--mute);margin:.5rem 0 1.5rem;min-height:1.6em}
@media (max-width:900px){.snk-cards,.snk-lt{grid-template-columns:repeat(2,1fr)}.snk-scene{grid-template-columns:1fr}}
@media (max-width:480px){.snk-cards{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.snk-hero2 h1 .l>span{transform:none}}

/* ---------- 12. COLOR POP (playful palette: edit these to re-theme everything) ---------- */
:root{
  --sun:#ffd83d; --pink:#ff5fa8; --mint:#35d6a0; --sky:#6fd3ff; --lilac:#b99cff; --tang:#ff8a3d;
  --sun-l:#ffe9a3; --pink-l:#ffb3d6; --mint-l:#bff0d9; --sky-l:#c4eaff; --lilac-l:#e2d6ff;
  --bw:2.5px; --pop:4px 4px 0 var(--ink);
}
.snk-head p,.snk-scene small,.snk-scene p,.snk-perks span{color:#2b2b2b}
body.snk .snk-ticker{background:var(--pink);color:var(--ink);font-weight:600}
body.snk .snk-cart-count{background:var(--pink);color:var(--ink)}
body.snk .snk-menu>li>a::after{background:var(--pink);height:4px}
.snk-page-title,.snk-shop-head h1{display:inline-block;background:linear-gradient(transparent 62%,var(--sun) 62%)}

/* buttons: chunky sticker style */
body.snk .snk-btn,body.snk .button,body.snk button.single_add_to_cart_button,body.snk .checkout-button,body.snk #place_order,body.snk input[type=submit]{
  background:var(--ink);color:#fff;border:var(--bw) solid var(--ink);box-shadow:4px 4px 0 var(--pink);
  transition:transform .15s var(--ease),box-shadow .15s var(--ease),background .2s}
body.snk .snk-btn:hover,body.snk .button:hover,body.snk button.single_add_to_cart_button:hover,body.snk .checkout-button:hover,body.snk #place_order:hover{
  background:var(--accent);border-color:var(--ink);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--pink)}
body.snk .snk-btn--ghost{background:#fff;color:var(--ink);box-shadow:var(--pop)}
body.snk .snk-btn--ghost:hover{background:var(--pink);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
body.snk .snk-card-add .button{background:#fff;color:var(--ink);box-shadow:3px 3px 0 var(--ink);padding:.7rem 1rem}
body.snk .snk-card-add .button:hover{background:var(--sun);color:var(--ink);box-shadow:1px 1px 0 var(--ink)}
body.snk .snk-bg-blue .snk-btn{background:var(--sun);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}
body.snk .snk-bg-blue .snk-btn:hover{background:#fff;box-shadow:2px 2px 0 var(--ink)}

/* section colors + sticker-book borders */
.snk-bg-sky{background:var(--sky)}.snk-bg-pink{background:var(--pink-l)}.snk-bg-lilac{background:var(--lilac)}
.snk-bg-blue{background:var(--accent);color:#fff}
.snk-bg-sky,.snk-bg-pink,.snk-bg-lilac,.snk-bg-blue,.snk-scenes{border-top:3px solid var(--ink)}
.snk-bg-blue{border-bottom:3px solid var(--ink)}
.snk-bg-blue h2{color:#fff}.snk-bg-blue .snk-hint{color:rgba(255,255,255,.88)}

/* hero */
.snk-hero2{position:relative;background:var(--sun);border-bottom:3px solid var(--ink)}
.snk-hero2::before,.snk-hero2::after{content:"";position:absolute;border-radius:50%;border:3px solid var(--ink);aspect-ratio:1}
.snk-hero2::before{width:clamp(110px,20vw,280px);background:var(--mint);left:-5%;top:6%}
.snk-hero2::after{width:clamp(130px,24vw,320px);background:var(--tang);right:-7%;bottom:-10%}
.snk-hero2 .snk-wrap{position:relative;z-index:1}
.snk-hi{background:#fff;border:var(--bw) solid var(--ink);font-weight:600;box-shadow:3px 3px 0 var(--ink)}
.snk-stage::before{inset:2% auto 2% 50%;width:auto;height:96%;aspect-ratio:1;transform:translateX(-50%);background:hsl(calc(var(--h)*1deg + 330deg) 100% 68%);border:3px solid var(--ink)}
.snk-slide input[type=range]{accent-color:var(--ink)}
.snk-slide small{color:#2b2b2b}
.snk-sticker{position:absolute;z-index:2;padding:.5rem 1rem;border:var(--bw) solid var(--ink);border-radius:999px;font-weight:700;font-size:clamp(.78rem,1.6vw,1.05rem);box-shadow:var(--pop);transform:rotate(var(--r));animation:snk-bob 4s ease-in-out infinite}
.snk-sticker.s1{top:2%;left:-3%;background:var(--pink);--r:-8deg}
.snk-sticker.s2{top:40%;right:-4%;background:var(--mint);--r:7deg;animation-delay:-1.3s}
.snk-sticker.s3{bottom:4%;left:1%;background:var(--sky);--r:5deg;animation-delay:-2.6s}
@keyframes snk-bob{50%{transform:rotate(var(--r)) translateY(-8px)}}

/* strip: candy blocks */
.snk-strip{background:var(--ink);color:var(--ink);border-block:3px solid var(--ink)}
.snk-strip span:nth-child(4n+1){background:var(--pink)}
.snk-strip span:nth-child(4n+2){background:var(--sun)}
.snk-strip span:nth-child(4n+3){background:var(--mint)}
.snk-strip span:nth-child(4n){background:var(--sky)}

/* product cards: a different pastel each */
body.snk .snk-card-media{border:var(--bw) solid var(--ink);border-radius:22px;box-shadow:var(--pop);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
body.snk .snk-card:hover .snk-card-media{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
ul.products>.snk-card:nth-child(5n+1) .snk-card-media{background:var(--sun-l)}
ul.products>.snk-card:nth-child(5n+2) .snk-card-media{background:var(--pink-l)}
ul.products>.snk-card:nth-child(5n+3) .snk-card-media{background:var(--mint-l)}
ul.products>.snk-card:nth-child(5n+4) .snk-card-media{background:var(--sky-l)}
ul.products>.snk-card:nth-child(5n) .snk-card-media{background:var(--lilac-l)}
body.snk .snk-badge{background:var(--pink);color:var(--ink);border:2px solid var(--ink);transform:rotate(-6deg)}
.snk ul.snk-shelf{padding-right:8px}

/* myth cards */
.snk-face{border:var(--bw) solid var(--ink);box-shadow:5px 5px 0 var(--ink)}
.snk-cards .snk-flip:nth-child(1) .snk-face.a{background:var(--sun)}
.snk-cards .snk-flip:nth-child(2) .snk-face.a{background:var(--mint)}
.snk-cards .snk-flip:nth-child(3) .snk-face.a{background:var(--lilac)}
.snk-cards .snk-flip:nth-child(4) .snk-face.a{background:var(--tang)}
.snk-face.b{background:var(--ink);box-shadow:5px 5px 0 var(--pink)}

/* scenes */
.snk-tabs button{border-width:var(--bw);background:#fff;box-shadow:3px 3px 0 var(--ink)}
.snk-tabs button:hover{background:var(--sun)}
.snk-tabs button[aria-selected=true]{background:var(--ink);color:#fff;box-shadow:3px 3px 0 var(--pink)}
.snk-scene img{background:#fff;border:3px solid var(--ink);border-radius:50%;padding:7%;aspect-ratio:1;object-fit:contain;mix-blend-mode:normal;transform:none;box-shadow:6px 6px 0 var(--ink);max-width:420px;justify-self:center}

/* lineup tiles */
.snk-lt a{border:3px solid var(--ink);box-shadow:var(--pop)}
.snk-lt a:nth-child(1){background:var(--sun)}.snk-lt a:nth-child(2){background:var(--pink)}
.snk-lt a:nth-child(3){background:var(--mint)}.snk-lt a:nth-child(4){background:var(--sky)}
.snk-lt a:hover{background:var(--ink);color:#fff;box-shadow:6px 6px 0 var(--ink)}

/* faq */
.snk-faq details{background:#fff;border:var(--bw) solid var(--ink);border-radius:20px;padding:1rem 1.25rem;margin-bottom:.9rem;box-shadow:var(--pop)}
.snk-faq summary::after{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--sun);border:2px solid var(--ink);font-size:1.2rem}

/* cta */
.snk-tick{background:#fff;border:3px solid var(--ink);border-radius:50%;aspect-ratio:1;padding:8%;box-shadow:7px 7px 0 var(--ink)}
.snk-tick img{transform:rotate(-8deg)}

/* perks + footer */
.snk-perks{border-top:0;margin-top:0}
.snk-perks ul{gap:12px;padding:2.5rem 0}
.snk-perks li{padding:1rem 1.2rem;border:var(--bw) solid var(--ink);border-radius:18px;box-shadow:3px 3px 0 var(--ink)}
.snk-perks li:nth-child(1){background:var(--sun-l)}.snk-perks li:nth-child(2){background:var(--pink-l)}
.snk-perks li:nth-child(3){background:var(--mint-l)}.snk-perks li:nth-child(4){background:var(--sky-l)}
.snk-footer h3{color:var(--sun)}
.snk-wordmark{color:var(--sun)}

/* shop + product pages */
.snk-chips-row a{border:var(--bw) solid var(--ink)}
.snk-chips-row a:nth-child(5n+1){background:var(--sun-l)}.snk-chips-row a:nth-child(5n+2){background:var(--pink-l)}
.snk-chips-row a:nth-child(5n+3){background:var(--mint-l)}.snk-chips-row a:nth-child(5n+4){background:var(--sky-l)}
.snk-chips-row a:nth-child(5n){background:var(--lilac-l)}
.snk-chips-row a.is-on,.snk-chips-row a:hover{background:var(--ink);color:#fff}
.snk-pdp-media .woocommerce-product-gallery__wrapper{background:var(--sun-l);border:var(--bw) solid var(--ink);box-shadow:var(--pop)}
.snk-chips .snk-chip{border:var(--bw) solid var(--ink)}
.snk-chips .snk-chip:hover:not(:disabled){background:var(--sun)}
.snk-chips .snk-chip[aria-pressed=true]{background:var(--ink);color:#fff}

@media (max-width:700px){.snk-sticker.s1{left:0}.snk-sticker.s2{right:0}}
@media (prefers-reduced-motion:reduce){.snk-sticker{animation:none}}

/* ---------- 13. PUSH IT FURTHER: shapes, tilted strips, scallops, spinning badge ---------- */
/* hero headline as colored blocks */
.snk-hero2 h1 .l{padding-bottom:.14em}
.snk-hero2 h1 .l>span{padding:.03em .2em .1em;border-radius:.2em}
.snk-hero2 h1 .l:nth-child(1)>span{background:var(--pink);color:var(--ink)}
.snk-hero2 h1 .l:nth-child(2)>span{background:var(--accent);color:#fff}
.snk-hero2 h1{display:grid;justify-items:center;gap:.04em}
.snk-slide label{font-size:1.05rem}
.snk-slide output{font-weight:800;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:.1rem .8rem;margin-left:.3rem;display:inline-block}

/* floating shapes */
.snk-deco{position:absolute;inset:0;pointer-events:none;z-index:0}
.snk-deco i{position:absolute;display:block;background-repeat:no-repeat;background-size:contain;background-position:center}
.snk-deco .star{aspect-ratio:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 6l12 30 32 3-24 21 8 32-28-17-28 17 8-32L6 39l32-3z' fill='%23ff5fa8' stroke='%23000' stroke-width='5' stroke-linejoin='round'/%3E%3C/svg%3E");animation:snk-rot 16s linear infinite}
.snk-deco .sparkle{aspect-ratio:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 2C54 34 66 46 98 50C66 54 54 66 50 98C46 66 34 54 2 50C34 46 46 34 50 2Z' fill='%23ffffff' stroke='%23000' stroke-width='5' stroke-linejoin='round'/%3E%3C/svg%3E");animation:snk-pulse2 3s ease-in-out infinite}
.snk-deco .squig{aspect-ratio:2.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 50'%3E%3Cpath d='M6 25Q21 4 36 25T66 25T96 25' fill='none' stroke='%232f4bff' stroke-width='9' stroke-linecap='round'/%3E%3C/svg%3E");animation:snk-bob2 5s ease-in-out infinite}
.snk-deco .a{top:7%;right:9%;width:64px}
.snk-deco .b{bottom:14%;left:8%;width:46px;animation-duration:22s;animation-direction:reverse}
.snk-deco .c{top:38%;left:3%;width:54px}
.snk-deco .d{top:10%;left:27%;width:110px}
.snk-deco .e{bottom:7%;right:22%;width:46px;animation-delay:-1.4s}
.snk-deco .g{bottom:32%;right:2%;width:96px;animation-delay:-2.5s}
.snk-scene{position:relative}
.snk-scene::after{content:"";position:absolute;top:-1.2rem;right:4%;width:72px;aspect-ratio:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 6l12 30 32 3-24 21 8 32-28-17-28 17 8-32L6 39l32-3z' fill='%23ffd83d' stroke='%23000' stroke-width='5' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;animation:snk-rot 16s linear infinite}
@keyframes snk-rot{to{transform:rotate(360deg)}}
@keyframes snk-pulse2{50%{transform:scale(1.25) rotate(12deg)}}
@keyframes snk-bob2{50%{transform:translateY(-10px) rotate(-4deg)}}

/* spinning text badge */
.snk-spin{position:absolute;z-index:3;top:-3%;right:2%;width:clamp(88px,14vw,140px);aspect-ratio:1;border-radius:50%;background:var(--mint);border:var(--bw) solid var(--ink);box-shadow:var(--pop);display:grid;place-items:center}
.snk-spin svg{position:absolute;inset:0;width:100%;height:100%;animation:snk-rot 14s linear infinite}
.snk-spin text{font:700 12.5px 'Bricolage Grotesque',sans-serif;fill:#000;letter-spacing:.2px}
.snk-spin b{position:relative;font-size:clamp(.95rem,1.8vw,1.3rem);font-weight:800}
.snk-sticker:hover{animation-play-state:paused;transform:rotate(0) scale(1.08)}

/* two tilted, crossing strips */
.snk-strips{background:var(--mint);padding:1.8rem 0;overflow:hidden;border-bottom:3px solid var(--ink)}
.snk-strips .snk-strip{width:110%;margin-left:-5%;border:3px solid var(--ink);transform:rotate(-1.6deg)}
.snk-strips .snk-strip.rev{background:var(--ink);color:#fff;transform:rotate(1.6deg);margin-top:-.4rem}
.snk-strips .snk-strip.rev>div{animation-direction:reverse}
.snk-strips .snk-strip.rev span:nth-child(4n+1){background:none;color:var(--pink)}
.snk-strips .snk-strip.rev span:nth-child(4n+2){background:none;color:var(--sun)}
.snk-strips .snk-strip.rev span:nth-child(4n+3){background:none;color:var(--mint)}
.snk-strips .snk-strip.rev span:nth-child(4n){background:none;color:var(--sky)}

/* scalloped section tops */
.snk-bg-sky{--sec:var(--sky)}.snk-bg-pink{--sec:var(--pink-l)}.snk-bg-lilac{--sec:var(--lilac)}.snk-bg-blue{--sec:var(--accent)}
.snk-footer{--sec:var(--ink);position:relative;overflow-x:clip;overflow-y:visible}
.snk-scallop,.snk-footer{position:relative}
.snk-scallop{border-top:0}
.snk-scallop::before,.snk-footer::before{content:"";position:absolute;left:0;right:0;top:-19px;height:20px;background:radial-gradient(circle at 20px 20px,var(--sec) 20px,transparent 20.5px) 0 0/40px 20px repeat-x;pointer-events:none}

/* wiggle on hover */
.snk-lt a:nth-child(odd):hover{transform:translateY(-4px) rotate(-2deg)}
.snk-lt a:nth-child(even):hover{transform:translateY(-4px) rotate(2deg)}
.snk-cards .snk-flip:hover{transform:rotate(-1.5deg)}
.snk-cards .snk-flip:nth-child(even):hover{transform:rotate(1.5deg)}
.snk-flip{transition:transform .25s var(--ease)}

@media (max-width:700px){.snk-deco .b,.snk-deco .g,.snk-deco .d{display:none}.snk-spin{right:-2%}}
@media (prefers-reduced-motion:reduce){.snk-deco i,.snk-spin svg,.snk-scene::after{animation:none}}