/* SecretToys production UI fixes — loaded after the active V8 theme. */

/* Product gallery */
.vp-product-gallery{min-width:0}
.vp-main-image{position:relative;overflow:hidden!important;border-radius:18px}
.vp-main-image img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .3s ease,opacity .2s ease!important}
.vp-main-image img.is-changing{opacity:.35}
.vp-gallery-carousel{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:12px;min-width:0}
.vp-thumb-strip{display:flex!important;gap:9px;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth;scrollbar-width:thin;overscroll-behavior-inline:contain;touch-action:pan-x;cursor:grab;min-width:0;padding:4px 3px 8px}
.vp-thumb-strip.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}
.vp-thumb{flex:0 0 74px;width:74px;height:74px;overflow:hidden;border:1px solid #e4e7ec!important;border-radius:11px!important;background:#fff!important;padding:4px!important;transition:border-color .2s,box-shadow .2s,transform .2s!important}
.vp-thumb img{width:100%;height:100%;object-fit:contain;display:block;border-radius:7px;transition:transform .25s ease}
.vp-thumb:hover{border-color:var(--vp-primary,#5b5bd6)!important;box-shadow:0 8px 22px rgba(15,23,42,.10);transform:translateY(-1px)}
.vp-thumb:hover img{transform:scale(1.055)}
.vp-thumb.is-active{border-color:var(--vp-primary,#5b5bd6)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--vp-primary,#5b5bd6) 15%,transparent)}
.vp-gallery-arrow{display:grid;place-items:center;width:36px!important;height:36px!important;min-width:36px;border:1px solid #e4e7ec!important;border-radius:10px!important;background:#fff!important;color:#344054!important;box-shadow:0 4px 12px rgba(15,23,42,.06);cursor:pointer}
.vp-gallery-arrow[hidden]{display:none!important}.vp-gallery-arrow:disabled{opacity:.35;cursor:not-allowed}
.vp-gallery-arrow svg{width:17px!important;height:17px!important;max-width:17px!important;max-height:17px!important}

/* Add to cart arrow — subtle, not intrusive */
.vp-cart-btn,.vp-add-main{display:inline-flex!important;align-items:center!important;justify-content:center;gap:7px;overflow:hidden}
.vp-cart-hover-arrow,.vp-add-main:after{display:inline-block;opacity:0;max-width:0;transform:translateX(-5px);transition:opacity .18s ease,max-width .18s ease,transform .18s ease;content:"→";font-size:16px;line-height:1}
@media(hover:hover) and (pointer:fine){.vp-cart-btn:hover .vp-cart-hover-arrow,.vp-add-main:hover:after{opacity:1;max-width:20px;transform:translateX(0)}}

/* Cart drawer */
.vp-cart-drawer{width:min(440px,100vw)!important;background:#fff!important;color:#101828!important;border-left:1px solid #e4e7ec!important;box-shadow:-24px 0 60px rgba(15,23,42,.16)!important}
.vp-cart-drawer .offcanvas-header{padding:20px 20px 16px!important;border-bottom:1px solid #edf0f4!important;background:#fff!important;align-items:flex-start!important}
.vp-cart-drawer .offcanvas-header h5{font-size:20px!important;font-weight:850!important;color:#101828!important;letter-spacing:-.02em}.vp-cart-drawer .offcanvas-header small{color:#667085!important;font-size:12px!important}
.vp-cart-drawer .btn-close{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;border:1px solid #e4e7ec!important;border-radius:10px!important;background:#fff!important;color:#344054!important;opacity:1!important;font-size:18px!important;line-height:1!important}
.vp-cart-drawer .offcanvas-body{display:flex!important;flex-direction:column!important;padding:0!important;overflow:hidden!important}
#cart-notice{margin:14px 16px 0;padding:10px 12px;border:1px solid #d1fadf;border-radius:10px;background:#ecfdf3;color:#067647}
#cart-items-list{list-style:none!important;margin:0!important;padding:14px 16px!important;display:flex!important;flex-direction:column!important;gap:11px!important;overflow-y:auto!important;flex:1 1 auto!important;min-height:140px!important}
.vp-cart-empty{padding:36px 14px!important;text-align:center!important;color:#667085!important;border:1px dashed #d0d5dd!important;border-radius:13px!important;background:#f9fafb!important}
.vp-cart-item{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:11px!important;padding:11px!important;border:1px solid #e7eaf0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 14px rgba(15,23,42,.035)!important}
.vp-cart-item-img{width:72px!important;height:72px!important;object-fit:contain!important;border-radius:10px!important;background:#f8fafc!important;border:1px solid #eef1f5!important;grid-row:1/3!important}
.vp-cart-item-main{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}.vp-cart-item-title{display:block!important;max-width:100%!important;color:#101828!important;font-size:13px!important;line-height:1.35!important;white-space:normal!important}.vp-cart-item-variant{font-size:11px!important;color:#667085!important;margin-top:3px!important}.vp-cart-item-remove{appearance:none!important;border:0!important;background:transparent!important;color:#b42318!important;padding:0!important;margin-top:6px!important;font-size:11px!important;font-weight:750!important;cursor:pointer!important}
.vp-cart-item-bottom{grid-column:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.vp-cart-qty{display:inline-grid!important;grid-template-columns:28px 36px 28px!important;align-items:center!important;border:1px solid #dfe3e9!important;border-radius:9px!important;overflow:hidden!important}.vp-cart-qty button{width:28px!important;height:30px!important;border:0!important;background:#f8fafc!important;color:#344054!important;font-weight:850!important}.vp-cart-qty input{width:36px!important;height:30px!important;border:0!important;border-inline:1px solid #e7eaf0!important;text-align:center!important;font-size:12px!important;outline:0!important;-moz-appearance:textfield}.vp-cart-qty input::-webkit-inner-spin-button{display:none}.vp-cart-line-total{font-size:13px!important;color:#101828!important}
#cart-summary{padding:14px 18px!important;border-top:1px solid #edf0f4!important;background:#fcfcfd!important}.vp-cart-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;color:#667085!important;font-size:13px!important;margin:4px 0!important}.vp-cart-total{margin-top:8px!important;padding-top:10px!important;border-top:1px solid #e7eaf0!important;color:#101828!important;font-size:15px!important}.vp-cart-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:14px 18px 18px!important;border-top:1px solid #edf0f4!important;background:#fff!important}.vp-cart-actions a{min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;font-size:13px!important;font-weight:850!important;text-decoration:none!important}.vp-cart-continue{border:1px solid #d0d5dd!important;color:#344054!important;background:#fff!important}.vp-cart-checkout{border:1px solid var(--vp-primary,#5b5bd6)!important;color:#fff!important;background:var(--vp-primary,#5b5bd6)!important}

/* Category cover + overlapping round icon */
.st-category-hero,.st-collection-hero-simple{margin:14px 0 28px}.st-category-hero{overflow:visible}.st-category-cover{position:relative;height:220px;border-radius:20px;background:linear-gradient(135deg,#f8fafc,#eef2f7);border:1px solid #e7eaf0;overflow:visible}.st-category-cover-img{width:100%;height:100%;display:block;object-fit:cover;border-radius:20px}.st-category-cover-fallback{width:100%;height:100%;border-radius:20px;background:radial-gradient(circle at 18% 25%,color-mix(in srgb,var(--vp-primary,#5b5bd6) 13%,transparent),transparent 30%),linear-gradient(135deg,#f8fafc,#eef2f7)}.st-category-avatar{position:absolute;left:34px;bottom:-44px;width:90px;height:90px;border:5px solid #fff;border-radius:50%;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.16);display:grid;place-items:center;overflow:hidden;color:var(--vp-primary,#5b5bd6);font-size:28px;font-weight:900;z-index:2}.st-category-avatar img{width:70%;height:70%;object-fit:contain}.st-category-avatar svg,.st-category-avatar-svg{width:58%!important;height:58%!important;max-width:58%!important;max-height:58%!important}.st-category-copy{padding:58px 34px 4px}.st-category-copy h1,.st-collection-hero-simple h1{margin:4px 0 8px;font-size:clamp(26px,3vw,42px);font-weight:900;letter-spacing:-.04em;color:#101828}.st-category-description{max-width:880px;color:#667085;font-size:14px;line-height:1.7}.st-collection-eyebrow{display:inline-flex;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--vp-primary,#5b5bd6) 10%,#fff);color:var(--vp-primary,#5b5bd6);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.st-collection-hero-simple{padding:28px 30px;border:1px solid #e7eaf0;border-radius:20px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 10px 30px rgba(15,23,42,.045)}

/* General collection/card clipping safeguards */
.vp-product-grid,.vp-products-header,.vp-collection-page{overflow:visible!important}.vp-product-card{overflow:hidden}.vp-product-media img{image-rendering:auto!important}

@media(max-width:640px){.vp-thumb{flex-basis:64px;width:64px;height:64px}.vp-gallery-arrow{width:32px!important;height:32px!important;min-width:32px}.vp-cart-drawer{width:100vw!important}.vp-cart-actions{grid-template-columns:1fr!important}.st-category-cover{height:150px;border-radius:15px}.st-category-cover-img,.st-category-cover-fallback{border-radius:15px}.st-category-avatar{width:72px;height:72px;left:20px;bottom:-36px;border-width:4px}.st-category-copy{padding:48px 20px 2px}.st-collection-hero-simple{padding:22px 20px}}
@media(prefers-reduced-motion:reduce){.vp-main-image img,.vp-thumb,.vp-thumb img,.vp-cart-hover-arrow,.vp-add-main:after{transition:none!important}}
.vp-product-rating-line .vp-stars{display:inline-flex;gap:1px;color:#f59e0b}.vp-product-rating-line .vp-stars .is-empty{color:#d0d5dd}


/* Live storefront gallery v2: arrows navigate images, thumbnails remain horizontally scrollable. */
.vp-product-gallery{position:relative;min-width:0!important;max-width:100%!important}
.vp-product-gallery:focus{outline:0}
.vp-gallery-carousel{grid-template-columns:40px minmax(0,1fr) 40px!important;gap:10px!important}
.vp-gallery-arrow{width:40px!important;height:40px!important;min-width:40px!important;border-radius:50%!important;font-size:27px!important;line-height:1!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.vp-gallery-arrow:hover{transform:scale(1.06);box-shadow:0 8px 22px rgba(15,23,42,.12)!important}
.vp-gallery-arrow span{display:block;transform:translateY(-1px)}
.vp-gallery-carousel .vp-thumb-strip{scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important}
.vp-gallery-carousel .vp-thumb{user-select:none;-webkit-user-drag:none}
.vp-gallery-carousel .vp-thumb img{pointer-events:none}
@media(max-width:575px){.vp-gallery-carousel{grid-template-columns:34px minmax(0,1fr) 34px!important;gap:6px!important}.vp-gallery-arrow{width:34px!important;height:34px!important;min-width:34px!important}.vp-gallery-carousel .vp-thumb{flex-basis:66px!important;width:66px!important;height:66px!important}}


/* ===== SecretToys storefront polish v3 ===== */

/* Homepage hero slider: the current homepage uses vp-peek-* markup. */
.vp-homepage .vp-peek-slider{
  position:relative!important; width:100%!important; max-width:100%!important; overflow:hidden!important;
  border-radius:20px!important; background:#101828!important; box-shadow:0 18px 45px rgba(15,23,42,.12)!important;
  isolation:isolate!important;
}
.vp-homepage .vp-peek-slider-track{
  position:relative!important; width:100%!important; min-height:0!important; height:auto!important;
  aspect-ratio:8/3!important; overflow:hidden!important; transform:none!important;
}
.vp-homepage .vp-peek-slide{
  position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important;
  opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:none!important;
  transition:opacity .45s ease,visibility .45s ease!important;
}
.vp-homepage .vp-peek-slide.is-active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:2!important}
.vp-homepage .vp-peek-slide picture{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important}
.vp-homepage .vp-peek-slide img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.vp-homepage .vp-peek-slide-copy{
  position:relative!important; z-index:3!important; display:flex!important; height:100%!important; max-width:690px!important;
  flex-direction:column!important; justify-content:center!important; align-items:flex-start!important;
  padding:clamp(38px,5vw,82px) clamp(34px,6vw,84px)!important; color:#fff!important;
  text-shadow:0 2px 16px rgba(0,0,0,.22)!important;
  background:linear-gradient(90deg,rgba(15,23,42,.54) 0%,rgba(15,23,42,.18) 68%,transparent 100%)!important;
}
.vp-homepage .vp-peek-slide-copy h2{margin:0 0 13px!important;font-size:clamp(30px,4vw,62px)!important;line-height:1!important;letter-spacing:-.045em!important;color:#fff!important}
.vp-homepage .vp-peek-slide-copy p{max-width:590px!important;margin:0 0 20px!important;color:rgba(255,255,255,.92)!important;font-size:clamp(13px,1.25vw,17px)!important;line-height:1.55!important}
.vp-homepage .vp-peek-slide-copy span{display:inline-flex!important;padding:10px 15px!important;border-radius:10px!important;background:#fff!important;color:#101828!important;font-size:12px!important;font-weight:900!important;text-shadow:none!important}
.vp-homepage .vp-peek-arrow{
  position:absolute!important; z-index:6!important; top:50%!important; display:grid!important; place-items:center!important;
  width:44px!important; height:44px!important; padding:0!important; border:1px solid rgba(255,255,255,.38)!important;
  border-radius:50%!important; background:rgba(15,23,42,.46)!important; color:#fff!important; font-size:27px!important;
  line-height:1!important; cursor:pointer!important; transform:translateY(-50%)!important; backdrop-filter:blur(7px)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.18)!important;
}
.vp-homepage .vp-peek-prev{left:16px!important}.vp-homepage .vp-peek-next{right:16px!important}
.vp-homepage .vp-peek-dots{position:absolute!important;z-index:6!important;left:50%!important;bottom:14px!important;display:flex!important;gap:6px!important;transform:translateX(-50%)!important}
.vp-homepage .vp-peek-dots button{width:8px!important;height:8px!important;padding:0!important;border:0!important;border-radius:99px!important;background:rgba(255,255,255,.52)!important;cursor:pointer!important;transition:width .2s ease,background .2s ease!important}
.vp-homepage .vp-peek-dots button.is-active{width:25px!important;background:#fff!important}

/* Cart sidebar must always fit inside the viewport. Product list scrolls; summary/actions stay reachable. */
.vp-cart-drawer{height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.vp-cart-drawer .offcanvas-header{flex:0 0 auto!important}
.vp-cart-drawer .offcanvas-body{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.vp-cart-drawer #cart-notice{flex:0 0 auto!important}
.vp-cart-drawer #cart-items-list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
.vp-cart-drawer #cart-summary{flex:0 0 auto!important}
.vp-cart-drawer .vp-cart-actions{flex:0 0 auto!important;padding-bottom:max(18px,env(safe-area-inset-bottom))!important}

/* Category landing page: cover only — icon/avatar intentionally removed. */
.st-category-hero{overflow:hidden!important;border:1px solid #e7eaf0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 30px rgba(15,23,42,.045)!important}
.st-category-cover{height:220px!important;border:0!important;border-radius:0!important;overflow:hidden!important}
.st-category-cover-img,.st-category-cover-fallback{border-radius:0!important}
.st-category-avatar{display:none!important}
.st-category-copy{padding:24px 30px 26px!important}

/* CMS / information pages: centered content with readable width. */
.st-content-page{padding:28px 0 54px!important;background:#f8fafc!important}
.st-page-breadcrumb{display:flex!important;align-items:center!important;gap:8px!important;max-width:1120px!important;margin:0 auto 14px!important;color:#667085!important;font-size:12px!important}
.st-page-breadcrumb a{color:var(--vp-primary,#5856d6)!important;text-decoration:none!important;font-weight:750!important}
.st-page-breadcrumb strong{color:#344054!important;font-weight:800!important}
.st-page-card{max-width:1120px!important;margin:0 auto!important;overflow:hidden!important;border:1px solid #e4e7ec!important;border-radius:20px!important;background:#fff!important;box-shadow:0 14px 38px rgba(15,23,42,.06)!important}
.st-page-header{padding:clamp(26px,4vw,48px) clamp(22px,5vw,58px) 22px!important;border-bottom:1px solid #eef1f5!important}
.st-page-eyebrow{display:inline-flex!important;margin-bottom:10px!important;padding:5px 9px!important;border-radius:999px!important;background:color-mix(in srgb,var(--vp-primary,#5856d6) 9%,#fff)!important;color:var(--vp-primary,#5856d6)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.st-page-header h1{max-width:880px!important;margin:0!important;color:#101828!important;font-size:clamp(30px,4vw,48px)!important;line-height:1.08!important;letter-spacing:-.04em!important;font-weight:900!important}
.st-page-cover{margin:0!important;padding:0!important}.st-page-cover img{display:block!important;width:100%!important;max-height:460px!important;object-fit:cover!important}
.st-page-content{max-width:980px!important;margin:0 auto!important;padding:clamp(26px,4vw,48px) clamp(22px,5vw,58px)!important;color:#344054!important;font-size:16px!important;line-height:1.8!important;overflow-wrap:anywhere!important}
.st-page-content> :first-child{margin-top:0!important}.st-page-content> :last-child{margin-bottom:0!important}
.st-page-content h2,.st-page-content h3,.st-page-content h4{color:#101828!important;line-height:1.25!important;letter-spacing:-.025em!important;margin:1.45em 0 .6em!important}
.st-page-content h2{font-size:28px!important}.st-page-content h3{font-size:22px!important}.st-page-content h4{font-size:18px!important}
.st-page-content p{margin:0 0 1.05em!important}.st-page-content ul,.st-page-content ol{padding-left:1.4em!important;margin:0 0 1.1em!important}
.st-page-content li{margin:.32em 0!important}.st-page-content a{color:var(--vp-primary,#5856d6)!important;text-decoration:underline!important;text-underline-offset:2px!important}
.st-page-content img{display:block!important;max-width:100%!important;height:auto!important;margin:22px auto!important;border-radius:14px!important}
.st-page-content table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;border-collapse:collapse!important;margin:20px 0!important}
.st-page-content th,.st-page-content td{padding:10px 12px!important;border:1px solid #e4e7ec!important;text-align:left!important;vertical-align:top!important}
.st-page-content blockquote{margin:20px 0!important;padding:14px 18px!important;border-left:4px solid var(--vp-primary,#5856d6)!important;background:#f8fafc!important;border-radius:0 10px 10px 0!important}

@media(max-width:767px){
  .vp-homepage .vp-peek-slider{border-radius:14px!important}
  .vp-homepage .vp-peek-slider-track{aspect-ratio:16/9!important;min-height:190px!important}
  .vp-homepage .vp-peek-slide-copy{justify-content:flex-end!important;max-width:none!important;padding:24px 20px 42px!important;background:linear-gradient(180deg,rgba(15,23,42,.02),rgba(15,23,42,.72))!important}
  .vp-homepage .vp-peek-slide-copy h2{font-size:clamp(24px,8vw,36px)!important}.vp-homepage .vp-peek-slide-copy p{font-size:12px!important;margin-bottom:12px!important}
  .vp-homepage .vp-peek-arrow{width:36px!important;height:36px!important;font-size:22px!important}.vp-homepage .vp-peek-prev{left:8px!important}.vp-homepage .vp-peek-next{right:8px!important}
  .st-category-cover{height:150px!important}.st-category-copy{padding:20px!important}
  .st-content-page{padding:14px 0 34px!important}.st-page-card{border-radius:14px!important}.st-page-breadcrumb{margin-bottom:10px!important}.st-page-content{font-size:15px!important}
}
@media(prefers-reduced-motion:reduce){.vp-homepage .vp-peek-slide,.vp-homepage .vp-peek-dots button{transition:none!important}}