/*
 * Planeta Kids v2.1.6
 * Final responsive/sticky layer loaded after legacy theme CSS.
 * This file is the authoritative responsive layer for header and homepage.
 */

html{scroll-behavior:smooth;scroll-padding-top:132px}
body{overflow-x:hidden}
.pk-header{z-index:1000;transition:box-shadow .22s ease,background .22s ease}
.pk-header.is-scrolled{position:sticky!important;top:0!important;background:#fff!important;box-shadow:0 12px 34px rgba(24,52,89,.12)!important}
body.admin-bar .pk-header.is-scrolled{top:32px!important}
.pk-header-main,.pk-brand,.pk-brand .custom-logo,.pk-default-logo-img,.pk-product-search,.pk-nav,.pk-menu a{transition:all .22s ease}

/* Desktop / large laptop */
@media (min-width:1181px){
  .pk-header-main{min-height:106px!important;grid-template-columns:350px minmax(320px,1fr) auto!important;gap:28px!important}
  .pk-brand{width:350px!important;min-height:88px!important}
  .pk-brand .custom-logo,.pk-default-logo-img{max-height:88px!important}
  .pk-product-search{height:54px!important;max-width:620px!important}
  .pk-nav{min-height:54px!important}
  .pk-menu{gap:38px!important}

  .pk-header.is-scrolled .pk-header-main{min-height:74px!important}
  .pk-header.is-scrolled .pk-brand{width:285px!important;min-height:64px!important}
  .pk-header.is-scrolled .pk-brand .custom-logo,.pk-header.is-scrolled .pk-default-logo-img{max-height:64px!important}
  .pk-header.is-scrolled .pk-product-search{height:46px!important}
  .pk-header.is-scrolled .pk-product-search button{width:48px!important;height:48px!important}
  .pk-header.is-scrolled .pk-nav{min-height:44px!important}
  .pk-header.is-scrolled .pk-menu a{padding:13px 0!important}

  .pk-juno-slider,.pk-juno-slide-grid{min-height:720px!important}
  .pk-juno-slide-grid{grid-template-columns:1.02fr .98fr!important;gap:24px!important}
  .pk-juno-visual{height:650px!important}
  .pk-juno-visual img{width:min(700px,53vw)!important;max-height:630px!important}
  .pk-juno-copy h1{font-size:clamp(54px,5.6vw,90px)!important}
  .pk-juno-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .pk-juno-products .pk-products-grid.products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .pk-juno-story-grid{grid-template-columns:1.05fr .95fr!important}
  .pk-juno-benefits-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .pk-juno-blog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .pk-footer-grid{grid-template-columns:1.3fr .8fr 1fr 1.1fr!important}
}

/* Notebook / landscape tablet */
@media (min-width:921px) and (max-width:1180px){
  .pk-header-main{min-height:96px!important;grid-template-columns:280px minmax(260px,1fr) auto!important;gap:20px!important}
  .pk-brand{width:280px!important;min-height:78px!important}
  .pk-brand .custom-logo,.pk-default-logo-img{max-height:78px!important}
  .pk-product-search{height:50px!important;max-width:520px!important}
  .pk-header-actions{gap:10px!important}
  .pk-action-text{display:none!important}
  .pk-nav{min-height:52px!important}
  .pk-menu{gap:25px!important}

  .pk-header.is-scrolled .pk-header-main{min-height:70px!important}
  .pk-header.is-scrolled .pk-brand{width:235px!important;min-height:60px!important}
  .pk-header.is-scrolled .pk-brand .custom-logo,.pk-header.is-scrolled .pk-default-logo-img{max-height:60px!important}
  .pk-header.is-scrolled .pk-product-search{height:44px!important}
  .pk-header.is-scrolled .pk-product-search button{height:46px!important;width:46px!important}
  .pk-header.is-scrolled .pk-nav{min-height:42px!important}
  .pk-header.is-scrolled .pk-menu a{padding:12px 0!important}

  .pk-juno-slider,.pk-juno-slide-grid{min-height:670px!important}
  .pk-juno-slide-grid{grid-template-columns:1fr 1fr!important;gap:18px!important}
  .pk-juno-visual{height:560px!important}
  .pk-juno-visual img{width:min(560px,49vw)!important;max-height:545px!important}
  .pk-juno-copy h1{font-size:clamp(48px,5vw,64px)!important}
  .pk-juno-copy p{font-size:16px!important}
  .pk-juno-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .pk-juno-products .pk-products-grid.products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .pk-juno-story-grid{grid-template-columns:1fr 1fr!important;gap:44px!important}
  .pk-juno-benefits-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .pk-juno-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pk-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Tablet and mobile header: menu + logo + account/cart stay sticky; search scrolls away */
@media (max-width:920px){
  html{scroll-padding-top:78px}
  body.admin-bar .pk-header.is-scrolled{top:46px!important}
  .pk-topbar-inner{justify-content:center!important;text-align:center!important}
  .pk-topbar-links{display:none!important}
  .pk-mobile-toggle{display:block!important;grid-column:1;grid-row:1;align-self:center}
  .pk-header-main{min-height:88px!important;grid-template-columns:44px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:8px 12px!important;padding-top:8px!important}
  .pk-brand{grid-column:2;grid-row:1;width:220px!important;min-height:68px!important;justify-self:center!important}
  .pk-brand .custom-logo,.pk-default-logo-img{max-height:68px!important}
  .pk-header-actions{grid-column:3;grid-row:1;gap:6px!important}
  .pk-header-actions .pk-wishlist-action{display:none!important}
  .pk-action-text{display:none!important}
  .pk-action-icon{width:34px!important;height:34px!important}
  .pk-product-search{grid-column:1/-1!important;grid-row:2!important;height:46px!important;max-width:none!important;margin:0 0 10px!important}
  .pk-product-search button{width:48px!important;height:48px!important}
  .pk-nav-row{height:0!important;border:0!important;overflow:visible!important}
  .pk-nav{position:fixed!important;inset:0 auto 0 0!important;width:min(86vw,360px)!important;height:100vh!important;background:#fff!important;z-index:1200!important;padding:96px 28px 32px!important;transform:translateX(-105%)!important;transition:transform .25s ease!important;box-shadow:20px 0 60px rgba(0,0,0,.14)!important;display:block!important;overflow-y:auto!important}
  .pk-nav.is-open{transform:translateX(0)!important}
  .pk-menu{display:block!important;width:100%!important}
  .pk-menu li{width:100%!important}
  .pk-menu a{font-size:17px!important;padding:13px 0!important}
  body.pk-menu-open{overflow:hidden!important}

  .pk-header.is-scrolled .pk-header-main{min-height:70px!important;grid-template-rows:70px!important;padding-top:0!important}
  .pk-header.is-scrolled .pk-brand{width:195px!important;min-height:60px!important}
  .pk-header.is-scrolled .pk-brand .custom-logo,.pk-header.is-scrolled .pk-default-logo-img{max-height:60px!important}
  .pk-header.is-scrolled .pk-product-search{display:none!important}

  .pk-juno-slider,.pk-juno-slide-grid{min-height:740px!important}
  .pk-juno-slide-grid{display:flex!important;flex-direction:column-reverse!important;justify-content:center!important;gap:0!important;padding-top:36px!important;padding-bottom:86px!important}
  .pk-juno-visual{height:335px!important;width:100%!important;padding:0!important;justify-content:center!important}
  .pk-juno-visual img{width:min(410px,78vw)!important;max-height:330px!important}
  .pk-juno-image-orbit{width:315px!important;height:315px!important}
  .pk-juno-floating-card{display:none!important}
  .pk-juno-copy{text-align:center!important;padding:0 18px 12px!important;margin:0 auto!important}
  .pk-juno-copy h1{font-size:clamp(42px,7vw,54px)!important;max-width:720px!important;margin-left:auto!important;margin-right:auto!important}
  .pk-juno-copy p{font-size:16px!important;max-width:640px!important;margin-left:auto!important;margin-right:auto!important}
  .pk-juno-actions,.pk-juno-benefit-chips{justify-content:center!important}
  .pk-juno-arrow{display:none!important}

  .pk-juno-section{padding:76px 0!important}
  .pk-juno-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .pk-juno-products .pk-products-grid.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
  .pk-juno-story-grid{grid-template-columns:1fr!important;gap:32px!important}
  .pk-juno-story-copy{text-align:center!important}
  .pk-juno-story-copy p{margin-left:auto!important;margin-right:auto!important;max-width:680px!important}
  .pk-juno-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pk-juno-benefits-grid>div{border-right:0!important}
  .pk-juno-testimonial-grid{grid-template-columns:1fr!important}
  .pk-juno-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pk-juno-newsletter-grid{grid-template-columns:1fr!important}
  .pk-juno-newsletter-grid>div:first-child{padding:50px 30px 22px!important;text-align:center!important;align-items:center!important}
  .pk-juno-newsletter-art{min-height:260px!important}
  .pk-juno-newsletter-art img{width:245px!important;max-height:250px!important}
  .pk-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px!important}
}

/* Phone */
@media (max-width:620px){
  html{scroll-padding-top:68px}
  .pk-container{width:min(calc(100% - 28px),var(--pk-container))!important}
  .pk-header-main{min-height:82px!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:8px!important}
  .pk-brand{width:170px!important;min-height:60px!important}
  .pk-brand .custom-logo,.pk-default-logo-img{max-height:60px!important}
  .pk-header-actions{gap:3px!important}
  .pk-action-icon{width:32px!important;height:32px!important}
  .pk-cart-count{top:-6px!important;left:22px!important}
  .pk-product-search{height:44px!important;margin-bottom:9px!important}
  .pk-product-search input{min-width:0!important;padding:0 15px!important;font-size:13px!important}
  .pk-product-search button{width:46px!important;height:46px!important}
  .pk-header.is-scrolled .pk-header-main{min-height:64px!important;grid-template-rows:64px!important}
  .pk-header.is-scrolled .pk-brand{width:155px!important;min-height:54px!important}
  .pk-header.is-scrolled .pk-brand .custom-logo,.pk-header.is-scrolled .pk-default-logo-img{max-height:54px!important}

  .pk-juno-slider,.pk-juno-slide-grid{min-height:690px!important}
  .pk-juno-slide-grid{padding-top:24px!important;padding-bottom:74px!important}
  .pk-juno-visual{height:285px!important}
  .pk-juno-visual img{width:min(330px,88vw)!important;max-height:280px!important}
  .pk-juno-image-orbit{width:250px!important;height:250px!important}
  .pk-juno-copy h1{font-size:clamp(35px,10.4vw,43px)!important;line-height:.98!important}
  .pk-juno-copy p{font-size:15px!important;line-height:1.55!important}
  .pk-juno-eyebrow{font-size:11px!important;margin-bottom:10px!important}
  .pk-juno-actions{gap:12px!important}
  .pk-juno-button{min-height:50px!important;padding:0 24px!important}
  .pk-juno-benefit-chips{display:none!important}
  .pk-juno-dots{bottom:32px!important}

  .pk-juno-section{padding:62px 0!important}
  .pk-juno-section-title{margin-bottom:30px!important}
  .pk-juno-section-title h2{font-size:clamp(31px,9vw,38px)!important}
  .pk-juno-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .pk-juno-category{min-height:220px!important;padding:20px 14px!important}
  .pk-juno-category-icon{width:90px!important;height:90px!important}
  .pk-juno-category-icon .dashicons{font-size:43px!important;width:43px!important;height:43px!important}
  .pk-juno-category-meta strong{font-size:16px!important}
  .pk-juno-products .pk-products-grid.products{grid-template-columns:1fr!important;gap:24px!important}
  .pk-juno-story-art{min-height:300px!important}
  .pk-juno-story-art::before{width:273px!important;height:273px!important}
  .pk-juno-story-art img{width:min(300px,100%)!important}
  .pk-juno-story-copy h2{font-size:36px!important}
  .pk-juno-benefits-grid{grid-template-columns:1fr!important}
  .pk-juno-benefits-grid>div{padding:22px 10px!important;border-bottom:1px solid #ececf2!important}
  .pk-juno-blog-grid{grid-template-columns:1fr!important}
  .pk-juno-newsletter{padding:62px 0!important}
  .pk-juno-newsletter-grid{border-radius:20px!important}
  .pk-juno-newsletter-grid>div:first-child{padding:42px 20px 16px!important}
  .pk-juno-newsletter h2{font-size:36px!important}
  .pk-juno-newsletter .pk-newsletter-form{display:grid!important;grid-template-columns:1fr!important;border-radius:20px!important;padding:8px!important;gap:8px!important;width:100%!important}
  .pk-juno-newsletter .pk-newsletter-form input,.pk-juno-newsletter .pk-newsletter-form button{width:100%!important;height:50px!important;min-height:50px!important;margin:0!important}
  .pk-juno-newsletter-art{min-height:225px!important}
  .pk-juno-newsletter-art img{width:215px!important;max-height:220px!important}
  .pk-footer-grid{grid-template-columns:1fr!important;text-align:center!important;gap:32px!important}
  .pk-footer-brand-top-only{justify-content:center!important}
  .pk-footer-brand-only-mascot p{margin-left:auto!important;margin-right:auto!important}
  .pk-payment-pills,.pk-footer-social{justify-content:center!important}
  .pk-footer-bottom .pk-container{justify-content:center!important;text-align:center!important}
}

@media (max-width:380px){
  .pk-brand{width:145px!important}
  .pk-header.is-scrolled .pk-brand{width:138px!important}
  .pk-juno-category-grid{grid-template-columns:1fr!important}
  .pk-juno-category{min-height:205px!important}
}

/* v2.1.7 — reliable fixed header for desktop/notebook */
.pk-header-spacer{display:none;height:0}

@media (min-width:921px){
  body.pk-header-fixed .pk-header{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:0!important;
    width:100%!important;
    z-index:1300!important;
    background:#fff!important;
    box-shadow:0 12px 34px rgba(24,52,89,.13)!important;
  }
  body.admin-bar.pk-header-fixed .pk-header{top:32px!important}
  body.pk-header-fixed .pk-header-spacer{
    display:block!important;
    height:var(--pk-header-normal-height, 160px)!important;
  }

  /* Keep the fixed desktop header at its normal size to avoid layout jumps. */
  body.pk-header-fixed .pk-header-main,
  .pk-header.is-scrolled .pk-header-main{
    transition:box-shadow .2s ease,background .2s ease!important;
  }
}

@media (min-width:1181px){
  body.pk-header-fixed .pk-header-main,
  .pk-header.is-scrolled .pk-header-main{min-height:106px!important}
  body.pk-header-fixed .pk-brand,
  .pk-header.is-scrolled .pk-brand{width:350px!important;min-height:88px!important}
  body.pk-header-fixed .pk-brand .custom-logo,
  body.pk-header-fixed .pk-default-logo-img,
  .pk-header.is-scrolled .pk-brand .custom-logo,
  .pk-header.is-scrolled .pk-default-logo-img{max-height:88px!important}
  body.pk-header-fixed .pk-product-search,
  .pk-header.is-scrolled .pk-product-search{height:54px!important}
  body.pk-header-fixed .pk-product-search button,
  .pk-header.is-scrolled .pk-product-search button{width:52px!important;height:52px!important}
  body.pk-header-fixed .pk-nav,
  .pk-header.is-scrolled .pk-nav{min-height:54px!important}
  body.pk-header-fixed .pk-menu a,
  .pk-header.is-scrolled .pk-menu a{padding:18px 0!important}
}

@media (min-width:921px) and (max-width:1180px){
  body.pk-header-fixed .pk-header-main,
  .pk-header.is-scrolled .pk-header-main{min-height:96px!important}
  body.pk-header-fixed .pk-brand,
  .pk-header.is-scrolled .pk-brand{width:280px!important;min-height:78px!important}
  body.pk-header-fixed .pk-brand .custom-logo,
  body.pk-header-fixed .pk-default-logo-img,
  .pk-header.is-scrolled .pk-brand .custom-logo,
  .pk-header.is-scrolled .pk-default-logo-img{max-height:78px!important}
  body.pk-header-fixed .pk-product-search,
  .pk-header.is-scrolled .pk-product-search{height:50px!important}
  body.pk-header-fixed .pk-product-search button,
  .pk-header.is-scrolled .pk-product-search button{width:52px!important;height:52px!important}
  body.pk-header-fixed .pk-nav,
  .pk-header.is-scrolled .pk-nav{min-height:52px!important}
  body.pk-header-fixed .pk-menu a,
  .pk-header.is-scrolled .pk-menu a{padding:18px 0!important}
}