/* Galactic Gardens — apple-design layer for existing site classes. Load AFTER style.css. */
/* Materials: weight scales with surface size */
.card,.product-card,.category-card,.review-card,.breeder-card,.learn-card,.genetics-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.product-card{box-shadow:var(--highlight-top),var(--shadow-sm)}
.product-card:hover{box-shadow:var(--highlight-top),var(--shadow)}
.category-card,.review-card{box-shadow:var(--highlight-top)}
.filter-panel,.newsletter-section,.drop-card,.hero-drop-card,.cart-summary-card{backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:var(--highlight-top),var(--shadow)}
.age-gate-modal,.toast,.nav-dropdown,.gg-sheet{backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%)}
.toast,.nav-dropdown{box-shadow:var(--highlight-top),var(--shadow-lg)}
.age-gate-modal{box-shadow:var(--highlight-top),var(--shadow-lg),var(--shadow-gold)}
/* Header: translucent material, no hard border, scroll-edge fade only when content is under it */
.site-header{border-bottom:none;background:var(--material-header);backdrop-filter:var(--blur-header);-webkit-backdrop-filter:var(--blur-header)}
.site-header.scrolled{box-shadow:none}
.gg-scroll-edge::after{content:'';position:absolute;left:0;right:0;top:100%;height:18px;pointer-events:none;background:linear-gradient(var(--scroll-edge),transparent);opacity:0;transition:opacity var(--t-slow)}
.gg-scroll-edge.is-scrolled::after{opacity:1}
.mobile-nav{display:none!important}
/* Press feedback on pointer-down; transforms on springs, colour on ease */
.btn,.add-cart-btn,.cart-btn,.pack-option,.active-filter-tag,.footer-social-btn,.qty-btn,.wishlist-btn,.nav-link,.dropdown-link,.gg-seg-btn,.hamburger,.product-card,.category-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.btn,.add-cart-btn,.pack-option,.active-filter-tag,.qty-btn,.wishlist-btn{transition:background var(--t),border-color var(--t),color var(--t),box-shadow var(--t),transform var(--dur-move) var(--spring-default)}
.btn:active,.add-cart-btn:active,.cart-btn:active,.pack-option:active,.active-filter-tag:active,.footer-social-btn:active{transform:scale(var(--press-scale));transition:transform var(--dur-press) var(--ease-out-press)}
.btn-solid-gold:active{transform:translateY(0) scale(var(--press-scale))}
.qty-btn:active,.wishlist-btn:active{transform:scale(0.92);transition:transform var(--dur-press) var(--ease-out-press)}
.product-card,.card-hover,.category-card,.breeder-card,.learn-card,.hero-product-card{transition:transform var(--dur-move) var(--spring-default),border-color var(--t-slow),box-shadow var(--t-slow),background var(--t-slow)}
.product-card:active,.category-card:active,.breeder-card:active,.hero-product-card:active{transform:translateY(-2px) scale(var(--press-scale-card));transition:transform var(--dur-press) var(--ease-out-press)}
.nav-link:active,.dropdown-link:active,.mobile-nav-link:active,.gg-mnav a:active{background:var(--gold-bg);color:var(--gold-light);transition:background var(--dur-press) var(--ease-out-press),color var(--dur-press) var(--ease-out-press)}
.nav-dropdown{transform-origin:top center}
.toast{animation:toastIn var(--dur-move) var(--spring-default);z-index:950}
.age-gate-modal{animation:modalIn var(--dur-move) var(--spring-default)}
@keyframes ggToastOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}
.gg-toast-out{animation:ggToastOut 0.2s var(--ease-out-press) forwards}
.gg-toast-action{margin-left:0.375rem;background:none;border:none;color:var(--gold-light);font-family:var(--font-sans);font-size:0.8125rem;font-weight:700;padding:0.25rem 0.5rem;border-radius:var(--r-sm);cursor:pointer}
.gg-toast-action:hover{background:var(--gold-bg)}
/* Theme toggle */
.gg-seg{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--bg-card)}
.gg-seg-btn{border:none;background:transparent;color:var(--text-muted);font-family:var(--font-sans);font-size:0.75rem;font-weight:600;padding:0.375rem 0.75rem;border-radius:var(--r-full);cursor:pointer;transition:background var(--t),color var(--t),box-shadow var(--t),transform var(--dur-move) var(--spring-default)}
.gg-seg-btn:hover{color:var(--text)}
.gg-seg-btn.active{background:var(--gold-bg);color:var(--gold-light);box-shadow:inset 0 0 0 1px var(--border-gold)}
.gg-seg-btn:active{transform:scale(0.96);transition:transform var(--dur-press) var(--ease-out-press)}
@media (max-width:940px){.nav-actions>.gg-seg{display:none}}
@media (max-width:600px){
  .header-inner{gap:var(--sp-2)}
  .site-logo{min-width:0;flex-shrink:1;gap:var(--sp-2)}
  .logo-mark{width:40px;height:40px}
  .logo-text{min-width:0}
  .logo-name{font-size:0.75rem;letter-spacing:0.1em;line-height:1.3}
  .logo-sub{font-size:0.625rem;line-height:1.3}
  .nav-actions{flex-shrink:0}
  .cart-btn{padding:var(--sp-2)}
  .product-detail>*{min-width:0}
  .add-to-cart-section{flex-wrap:wrap}
  #detail-add-btn{flex-basis:100%!important;order:1}
}
/* Sheet */
.genetics-coming-soon{text-align:center;padding:var(--sp-12) var(--sp-6);border:1px solid var(--border-gold);border-radius:var(--r-xl);background:var(--gold-bg)}
.genetics-coming-soon h3{font-family:var(--font-serif);font-size:2rem;color:var(--gold-light);margin-bottom:var(--sp-3)}
.genetics-coming-soon p{color:var(--text-soft)}
#genetics-coming-soon{scroll-margin-top:7rem}
#genetics-coming-soon .category-card{cursor:default}
.breeder-spotlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-12);align-items:center}
.cart-layout>*{min-width:0}
.cart-table-scroll{overflow-x:auto}
.policies-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--sp-12);align-items:start}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--sp-12);align-items:start}
.contact-layout>*{min-width:0;overflow-wrap:anywhere}
.contact-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}
@media(max-width:860px){.contact-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.contact-form-row{grid-template-columns:minmax(0,1fr)}}
@media(max-width:860px){.policies-layout{grid-template-columns:minmax(0,1fr)}.policies-layout>:first-child{position:static!important}}
@media(max-width:860px){.breeder-spotlight-grid{grid-template-columns:minmax(0,1fr)}}
.gg-sheet-root{position:fixed;inset:0;z-index:900}
.gg-sheet-root[hidden]{display:none}
.gg-sheet-scrim{position:absolute;inset:0;background:var(--scrim);opacity:0}
.gg-sheet{position:absolute;display:flex;flex-direction:column;background:var(--surface-modal);border:1px solid var(--border);box-shadow:var(--highlight-top),var(--shadow-lg);outline:none;will-change:transform}
.gg-sheet-right{top:0;bottom:0;right:0;max-width:92vw;border-radius:28px 0 0 28px;border-right:none;touch-action:pan-y}
.gg-sheet-left{top:0;bottom:0;left:0;max-width:92vw;border-radius:0 28px 28px 0;border-left:none;touch-action:pan-y}
.gg-sheet-bottom{left:0;right:0;bottom:0;max-height:92vh;border-radius:28px 28px 0 0;border-bottom:none;touch-action:none}
.gg-sheet-grabber{display:flex;justify-content:center;padding:0.625rem 0 0.125rem}
.gg-sheet-grabber span{width:36px;height:5px;border-radius:999px;background:var(--border-strong)}
.gg-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem 1rem}
.gg-sheet-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;letter-spacing:-0.02em}
.gg-sheet-x{width:36px;height:36px;padding:0}
.gg-sheet-body{flex:1;overflow:auto;padding:0 1.5rem 1.5rem;touch-action:pan-y;overscroll-behavior:contain}
.gg-sheet-foot{padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border)}
.gg-sheet-foot:empty{display:none}
.gg-mnav{display:flex;flex-direction:column;gap:0.25rem}
.gg-mnav a{display:block;padding:0.75rem 0.875rem;border-radius:var(--r-sm);font-size:0.9375rem;font-weight:500;color:var(--text-soft)}
.gg-mnav a:hover{color:var(--text);background:var(--bg-card-hover)}
.gg-mnav a.gold{color:var(--gold-light)}
.gg-cart-line{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-soft)}
.gg-cart-thumb{width:72px;height:72px;border-radius:var(--r);border:1px solid var(--border);flex-shrink:0}
.gg-cart-info{flex:1;min-width:0}
.gg-cart-line-total{font-size:0.8125rem;color:var(--gold-light);margin-top:0.25rem}
.gg-cart-row{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;margin-top:0.625rem}
.gg-cart-row .qty-btn{height:40px;width:36px}
.gg-cart-row .qty-input{width:42px}
.gg-cart-empty{text-align:center;padding:3rem 0;display:flex;flex-direction:column;align-items:center;gap:0.75rem;font-family:var(--font-serif);font-size:1.5rem;color:var(--text-muted)}
.gg-cart-sub{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem;font-weight:600}
.gg-cart-actions{display:flex;flex-direction:column;gap:0.5rem}
.gg-disabled{opacity:.45;pointer-events:none}
/* Carousel */
.gg-carousel-vp{overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;padding:0.375rem 0 0.75rem;margin:-0.375rem 0 -0.75rem;outline:none}
.gg-carousel-vp:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:var(--r-lg)}
.gg-carousel-track{display:flex;will-change:transform}
.gg-carousel-slide{min-width:0;display:flex}
.gg-carousel-slide>*{flex:1}
.gg-carousel-bar{display:flex;align-items:center;justify-content:space-between;margin-top:1.25rem}
.gg-carousel-count{font-size:0.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums}
.gg-carousel-nav{display:flex;gap:0.5rem}
.gg-carousel-nav .btn{width:40px;height:40px;padding:0}
.gg-carousel-nav .btn:disabled{opacity:.35;pointer-events:none}
/* Light theme fixes for hard-coded effect hues */
[data-theme="light"] .effect-relaxed{color:#1f6b43}[data-theme="light"] .effect-creative{color:#5a45b8}[data-theme="light"] .effect-focused{color:#1f5fb0}[data-theme="light"] .effect-sleepy{color:#4a4f80}[data-theme="light"] .effect-energetic{color:#8f5400}[data-theme="light"] .effect-uplifted{color:#a3365e}[data-theme="light"] .effect-hungry{color:#87501a}[data-theme="light"] .pill-green{color:#1f6b43}
[data-theme="light"] ::-webkit-scrollbar-thumb{background:rgba(20,22,29,0.16)}
body{transition:background-color .3s ease,color .3s ease}
/* Accessibility */
/* Shared Apple Design behavior applies to previews and commerce alike. */
html{font-optical-sizing:auto}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.nav-item:focus-within .nav-dropdown{display:block;opacity:1;visibility:visible;transform:none}
.hamburger:active,.nav-icon-btn:active,.gg-toast-action:active{transform:scale(var(--press-scale));transition:transform var(--dur-press) var(--ease-out-press)}
button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}
#genetics-coming-soon .category-card:hover,#genetics-coming-soon .category-card:active{transform:none;box-shadow:var(--highlight-top)}
@media(pointer:coarse){.hamburger,.nav-icon-btn,.gg-sheet-x,.gg-seg-btn,.qty-btn,.ws-row .qty-btn,.gg-cart-row .qty-btn{min-width:2.75rem;min-height:2.75rem}}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
.btn,.product-card,.card-hover,.category-card,.breeder-card,.learn-card,.hero-product-card,.pack-option,.add-cart-btn,.wishlist-btn,.qty-btn{transition:opacity .2s ease,background .2s ease,border-color .2s ease,color .2s ease!important}
.btn:hover,.btn:active,.product-card:hover,.product-card:active,.card-hover:hover,.category-card:hover,.category-card:active,.breeder-card:hover,.learn-card:hover,.hero-product-card:hover{transform:none!important}
.fade-up{transform:none!important}
.hamburger:active,.nav-icon-btn:active,.gg-toast-action:active,.gg-seg-btn:active,.cart-btn:active,.footer-social-btn:active,.pack-option:active,.qty-btn:active,.wishlist-btn:active{transform:none!important}
}
@media (prefers-reduced-transparency:reduce){
.site-header{background:var(--bg-deep)!important}
.site-header,.card,.product-card,.category-card,.review-card,.filter-panel,.newsletter-section,.drop-card,.age-gate-modal,.toast,.nav-dropdown,.gg-sheet,.age-gate-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.toast,.nav-dropdown,.gg-sheet{background:var(--bg-surface)!important}
.ws-tag,.genetics-preview-badge,.genetics-preview-card,.ws-group{background:var(--bg-surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.age-gate-backdrop{background:rgba(0,0,0,0.96)!important}
}
@media (prefers-contrast:more){
/* Theme-aware high-contrast values live in tokens/accessibility.css. */
.site-header,.toast,.gg-sheet{background:var(--bg-deep)!important}
.genetics-preview-card,.ws-group,.ws-tag,.genetics-preview-badge{border-color:var(--border-gold);background:var(--bg-surface)}
}