/*
Theme Name: Toys Kingdom Child
Description: Mobile-first WooCommerce storefront for Toys Kingdom.
Author: Toys Kingdom
Template: woostify
Version: 1.0.0
Text Domain: toyskingdom-child
*/

:root{--tk-orange:#FF6B35;--tk-navy:#2B2D42;--tk-cream:#FFF9F2;--tk-white:#fff;--tk-muted:#626577;--tk-line:#E8E8ED;--tk-radius:20px;--tk-shadow:0 16px 42px rgba(43,45,66,.11)}
*{box-sizing:border-box}
body{margin:0;background:var(--tk-white);color:var(--tk-navy);font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit}.tk-wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}.tk-skip{position:absolute;left:-9999px}.tk-skip:focus{left:16px;top:16px;z-index:9999;background:#fff;padding:12px 18px;border:3px solid var(--tk-orange)}
.tk-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid var(--tk-line);backdrop-filter:blur(12px)}.tk-header__inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.tk-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 1.18rem Poppins,Inter,sans-serif;letter-spacing:-.03em}.tk-brand__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--tk-orange);color:#fff;transform:rotate(-4deg)}.tk-nav{display:flex;align-items:center;gap:24px;font-weight:700;font-size:.94rem}.tk-nav a{text-decoration:none}.tk-nav a:hover{color:var(--tk-orange)}.tk-cart{min-height:44px;padding:10px 16px;border-radius:999px;background:var(--tk-navy);color:#fff!important}.tk-menu-button{display:none;border:0;background:var(--tk-navy);color:#fff;border-radius:12px;min-width:44px;min-height:44px;font-size:1.2rem}
.tk-hero{overflow:hidden;background:var(--tk-cream);padding:52px 0 44px}.tk-hero__grid{display:grid;gap:34px}.tk-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;color:#A83A14;font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.tk-eyebrow:before{content:"";width:24px;height:4px;border-radius:2px;background:var(--tk-orange)}.tk-hero h1{max-width:760px;margin:0;font:800 clamp(2.55rem,9vw,5.4rem)/.96 Poppins,Inter,sans-serif;letter-spacing:-.065em}.tk-hero h1 span{color:var(--tk-orange)}.tk-hero__copy{max-width:620px;margin:22px 0 28px;color:var(--tk-muted);font-size:clamp(1.05rem,2vw,1.25rem)}.tk-actions{display:flex;flex-wrap:wrap;gap:12px}.tk-btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;border:2px solid var(--tk-orange);border-radius:999px;background:var(--tk-orange);color:#fff;text-decoration:none;font-weight:800}.tk-btn--ghost{background:transparent;color:var(--tk-navy);border-color:var(--tk-navy)}.tk-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,107,53,.25)}
.tk-pieces{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:560px}.tk-piece{position:relative;min-height:116px;padding:20px;border-radius:var(--tk-radius);background:#fff;box-shadow:var(--tk-shadow);text-decoration:none;transition:.2s ease}.tk-piece:nth-child(2),.tk-piece:nth-child(3){background:var(--tk-navy);color:#fff}.tk-piece:before,.tk-piece:after{content:"";position:absolute;background:inherit;border-radius:50%}.tk-piece:before{width:28px;height:28px;top:-9px;left:24px}.tk-piece:after{width:22px;height:22px;right:-7px;bottom:22px}.tk-piece strong{display:block;font:800 1.05rem Poppins,Inter,sans-serif}.tk-piece small{opacity:.72}.tk-piece:hover{transform:translateY(-4px) rotate(.5deg)}
.tk-section{padding:64px 0}.tk-section--soft{background:#F7F7FA}.tk-section__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.tk-section h2{margin:0;font:800 clamp(1.75rem,5vw,2.65rem)/1.08 Poppins,Inter,sans-serif;letter-spacing:-.045em}.tk-section__head p{max-width:460px;margin:0;color:var(--tk-muted)}
.tk-products{display:grid;grid-template-columns:1fr;gap:18px}.tk-product{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--tk-line);border-radius:18px;background:#fff;transition:.2s ease}.tk-product:hover{transform:translateY(-4px);box-shadow:var(--tk-shadow)}.tk-product__image{aspect-ratio:1/1;background:#F4F4F7;overflow:hidden}.tk-product__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.tk-product:hover img{transform:scale(1.04)}.tk-product__body{display:flex;flex:1;flex-direction:column;padding:18px}.tk-product h3{margin:0 0 8px;font:750 1.02rem/1.3 Poppins,Inter,sans-serif}.tk-product__price{margin-top:auto;color:#C14114;font-weight:900}.tk-product__link{margin-top:14px;text-decoration:none;font-weight:800}.tk-product__link:hover{color:var(--tk-orange)}.tk-empty{grid-column:1/-1;padding:28px;border:1px dashed var(--tk-line);border-radius:16px;color:var(--tk-muted)}
.tk-trust{display:grid;grid-template-columns:1fr;gap:16px}.tk-trust article{padding:22px;border-left:5px solid var(--tk-orange);border-radius:0 16px 16px 0;background:#fff}.tk-trust h3{margin:0 0 6px;font:800 1rem Poppins,Inter,sans-serif}.tk-trust p{margin:0;color:var(--tk-muted)}
.tk-footer{padding:40px 0;background:var(--tk-navy);color:#fff}.tk-footer__grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.tk-footer p{margin:0;color:#D6D7DE}.tk-footer a{color:#fff}
:focus-visible{outline:3px solid var(--tk-orange);outline-offset:3px}
@media(min-width:640px){.tk-products{grid-template-columns:repeat(2,minmax(0,1fr))}.tk-trust{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.tk-hero{padding:78px 0}.tk-hero__grid{grid-template-columns:1.14fr .86fr;align-items:center}.tk-products{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:739px){.tk-menu-button{display:block}.tk-nav{display:none;position:absolute;top:72px;left:0;right:0;padding:18px 16px;background:#fff;border-bottom:1px solid var(--tk-line);flex-direction:column;align-items:stretch}.tk-nav.is-open{display:flex}.tk-nav a{min-height:44px;display:flex;align-items:center}.tk-section__head{align-items:start;flex-direction:column}.tk-actions .tk-btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
