/* Purpilo 2026 V3 — calm storefront, playful accents. Loaded AFTER legacy CSS.
   Deliberately narrow selectors; admin and checkout retain their existing styling. */
:root{
  --purpilo-purple:#564593;--purpilo-deep:#3d316b;--purpilo-cream:#fefcf7;
  --purpilo-yellow:#efe754;--purpilo-green:#9dc541;--purpilo-sky:#8ec2cd;
  --purpilo-text:#29243a;--purpilo-muted:#615c6c;--purpilo-line:#e9e4ef;
  --purpilo-radius:20px;--purpilo-soft-shadow:0 8px 24px rgba(61,49,107,.06);
}
.page-shop{background:var(--purpilo-cream)!important;color:var(--purpilo-text)}
.page-shop .shop-header{background:linear-gradient(130deg,#f0ecf8 0%,#fefcf7 65%,#f8f5e0 100%)!important;padding:clamp(28px,4vw,64px) 0!important;border-bottom:1px solid var(--purpilo-line)}
.page-shop .shop-header .shop-title h1{font-family:'Fredoka','Nunito',sans-serif!important;font-size:clamp(2rem,3.9vw,3.4rem)!important;color:var(--purpilo-deep)!important;line-height:1.15}
.page-shop .shop-header .shop-title{max-width:720px}
.page-shop .shop-header .breadcrumb{margin-top:12px!important;color:var(--purpilo-muted)!important}
.purpilo-v3-intro{font-family:'Nunito',sans-serif;font-size:1.05rem;color:var(--purpilo-muted);max-width:640px;line-height:1.6;margin:12px 0 0}
.page-shop .shop-layout{gap:clamp(18px,2.2vw,38px)!important;padding-top:30px!important}
.page-shop .shop-filters{border:1px solid var(--purpilo-line)!important;border-radius:22px!important;background:white!important;box-shadow:var(--purpilo-soft-shadow)!important;align-self:start}
.page-shop .shop-filters .filter-header{background:transparent!important;border-bottom:1px solid var(--purpilo-line);padding:20px!important}
.page-shop .shop-filters .filter-header h3{font-family:'Fredoka','Nunito',sans-serif!important;color:var(--purpilo-deep)!important}
.page-shop .shop-filters .filter-clear{font-family:'Nunito',sans-serif;font-weight:800;color:var(--purpilo-purple)!important}
.page-shop .filter-search{padding:14px 18px!important}
.page-shop #searchInput{border-radius:14px!important;border:1px solid var(--purpilo-line)!important;min-height:46px;background:#fbf9fd!important}
.page-shop #searchInput:focus{border-color:var(--purpilo-purple)!important;box-shadow:0 0 0 3px #eae5f6!important}
.page-shop .filter-block{padding:14px 18px!important;border-bottom:1px solid #f0edf4}
.page-shop .filter-block h4{font-size:1rem!important;color:var(--purpilo-deep)!important}
.purpilo-facet-group{border-bottom:1px solid #f0edf4;padding:10px 0}
.purpilo-facet-group:last-child{border:0}
.purpilo-facet-group summary{cursor:pointer;list-style:none;padding:9px 2px;font-size:.96rem;font-family:'Nunito',sans-serif;font-weight:850;color:var(--purpilo-text);display:flex;align-items:center;justify-content:space-between}
.purpilo-facet-group summary::after{content:'⌄';font-size:1.1rem;color:var(--purpilo-purple)}
.purpilo-facet-group[open] summary::after{transform:rotate(180deg)}
.purpilo-facet-group summary::-webkit-details-marker{display:none}
.purpilo-facet-options{display:flex;flex-direction:column;gap:5px;padding:5px 0 10px;max-height:300px;overflow:auto}
.page-shop .purpilo-facet{border:0;border-radius:12px;background:transparent;display:flex;gap:8px;justify-content:space-between;align-items:center;text-align:left;padding:10px 11px;color:#4b4557;font-size:.88rem;font-family:'Nunito',sans-serif;font-weight:700;cursor:pointer;min-height:40px}
.page-shop .purpilo-facet:hover{background:#f7f3fb}
.page-shop .purpilo-facet.active{background:#eee9f7;color:var(--purpilo-deep);box-shadow:inset 3px 0 0 var(--purpilo-purple)}
.purpilo-facet small{color:#858096;font-size:.75rem;white-space:nowrap}
.purpilo-checkbox{font-size:.9rem;display:flex;align-items:center;gap:12px;font-weight:750;min-height:42px;cursor:pointer}
.purpilo-checkbox input{accent-color:var(--purpilo-purple);width:18px;height:18px}
.purpilo-facet-unavailable{font-size:.9rem;color:var(--purpilo-muted)}
.page-shop .shop-toolbar{padding:0 0 18px!important;border-bottom:1px solid var(--purpilo-line)!important;gap:12px!important;flex-wrap:wrap}
.page-shop #productCount{font-weight:800!important;color:var(--purpilo-text)!important}
.page-shop .sort-select select{border-radius:12px!important;min-height:44px!important;border:1px solid var(--purpilo-line)!important;background:#fff!important;color:var(--purpilo-text)}
.page-shop .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-top:22px!important}
.page-shop .purpilo-v3-product{background:#fff!important;border:1px solid var(--purpilo-line)!important;box-shadow:var(--purpilo-soft-shadow)!important;border-radius:20px!important;overflow:hidden;display:flex;flex-direction:column;min-width:0!important;transition:transform .18s ease,box-shadow .18s ease!important}
.page-shop .purpilo-v3-product:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(61,49,107,.11)!important}
.purpilo-v3-photo{height:220px;position:relative;display:grid;place-items:center;background:#fbfafc;overflow:hidden;padding:14px}
.purpilo-v3-photo img{height:100%!important;width:100%!important;object-fit:contain!important;transition:transform .2s ease}
.purpilo-v3-product:hover img{transform:scale(1.025)}
.purpilo-v3-tag{position:absolute;left:12px;top:12px;background:var(--purpilo-yellow);color:var(--purpilo-deep);padding:5px 10px;border-radius:999px;font-size:.75rem;font-weight:900}
.page-shop .purpilo-v3-product .product-content{padding:17px!important;display:flex;flex-direction:column;gap:9px;flex:1}
.page-shop .purpilo-v3-product h3{font-family:'Nunito',sans-serif!important;font-size:1rem!important;line-height:1.4!important;letter-spacing:0!important;font-weight:850!important;min-height:2.8em;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.page-shop .purpilo-v3-product h3 a{color:var(--purpilo-text)!important;text-decoration:none}
.page-shop .purpilo-v3-product h3 a:hover{color:var(--purpilo-purple)!important}
.purpilo-v3-category{color:var(--purpilo-muted);font-size:.76rem;line-height:1.3;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.purpilo-v3-age{display:inline-flex;align-items:center;gap:7px;font-size:.79rem;color:var(--purpilo-purple);font-weight:800;background:#f1edf8;border-radius:9px;width:max-content;padding:5px 9px;max-width:100%}
.purpilo-v3-price{color:var(--purpilo-purple);font-size:1.06rem;font-weight:900;margin-top:auto;line-height:1.35}
.purpilo-v3-price del{font-size:.77rem;font-weight:600;color:#807a8f;margin-left:4px}
.page-shop .purpilo-v3-product .product-btn{min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px!important;margin:3px 0 0!important;width:100%!important;border-radius:13px!important;font-size:.86rem!important;background:var(--purpilo-purple)!important}
.page-shop .purpilo-v3-product .product-btn:disabled{background:#e7e4ee!important;color:#675e79!important;box-shadow:none!important}
.page-shop .active-filter-bar{border:0!important;background:transparent!important;padding:14px 0!important}
.page-shop .active-filter-chips button{border-radius:999px!important;background:#f2edf8!important;color:var(--purpilo-purple)!important;font-weight:800!important}
.purpilo-v3-empty{grid-column:1/-1;background:#fff;border:1px dashed #d9cee8;border-radius:22px;padding:60px 25px;text-align:center;color:var(--purpilo-muted)}
.purpilo-v3-empty i{font-size:2rem;color:var(--purpilo-purple)}
.purpilo-v3-empty h2{color:var(--purpilo-deep);font-size:1.5rem;margin:14px auto 8px}
.purpilo-v3-reset{background:var(--purpilo-purple);color:#fff;border:0;border-radius:99px;padding:12px 22px;font-weight:850;cursor:pointer;margin-top:15px}
.purpilo-v3-skeleton{background:#fff;border:1px solid var(--purpilo-line);border-radius:20px;padding:10px;min-height:370px;overflow:hidden}
.purpilo-v3-skeleton div,.purpilo-v3-skeleton span{display:block;background:linear-gradient(90deg,#f2edf5,#faf9fc,#f2edf5);background-size:200% 100%;animation:purpilo-shimmer 1.5s infinite;border-radius:10px}
.purpilo-v3-skeleton div{height:218px}.purpilo-v3-skeleton span{height:14px;margin:16px 10px 0}.purpilo-v3-skeleton span:last-child{width:50%}
@keyframes purpilo-shimmer{to{background-position-x:-200%}}
.page-shop #pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:28px 0 65px}
.page-shop #pagination button{border:1px solid var(--purpilo-line);color:var(--purpilo-deep);background:#fff;border-radius:11px;min-width:42px;min-height:42px;cursor:pointer;font-weight:800}
.page-shop #pagination button.active{background:var(--purpilo-purple);color:#fff}
.page-shop #pagination button:disabled{opacity:.45;cursor:default}
.page-shop .view-toggle button{min-height:42px;min-width:42px}
.page-shop .product-grid.list-view{display:grid!important;grid-template-columns:1fr!important}
.page-shop .product-grid.list-view .purpilo-v3-product{flex-direction:row!important}
.page-shop .product-grid.list-view .purpilo-v3-photo{width:180px;min-width:180px;height:auto;min-height:200px}
.purpilo-v3-mobile-trigger{display:none}
/* Consistent education-minded product benefits without fabricated claims */
.page-product .product-title{font-weight:650!important}
.page-product .product-buy-reassurance{box-shadow:none}
.page-home .section-title h2{color:var(--purpilo-deep)}
.page-home .product-grid .product-card{box-shadow:var(--purpilo-soft-shadow)!important}
.page-home .product-grid .product-card img{aspect-ratio:1/1;object-fit:contain}
/* Respect motion preferences */
@media(prefers-reduced-motion:reduce){.purpilo-v3-skeleton div,.purpilo-v3-skeleton span{animation:none}.page-shop .purpilo-v3-product,.page-shop .purpilo-v3-product img{transition:none!important;transform:none!important}}
@media(max-width:1100px){.page-shop .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-shop .purpilo-v3-photo{height:200px}}
@media(max-width:850px){
 .purpilo-v3-mobile-trigger{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:10px 18px;border:1px solid var(--purpilo-line);background:#fff;color:var(--purpilo-purple);font-weight:850;border-radius:14px;cursor:pointer;margin:20px 0 0}
 .page-shop .shop-filters{max-height:100vh!important;overflow:auto!important}
 .page-shop .filter-close-mobile{display:block!important}
 .page-shop .shop-layout{padding-top:15px!important}
}
@media(max-width:580px){
 .page-shop .shop-header{padding:25px 0!important}
 .page-shop .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .page-shop .purpilo-v3-product .product-content{padding:12px!important;gap:7px}
 .page-shop .purpilo-v3-photo{height:146px!important;padding:9px}
 .page-shop .purpilo-v3-product h3{font-size:.87rem!important}
 .page-shop .purpilo-v3-product .product-btn{font-size:.76rem!important;padding:8px 5px!important;min-height:41px}
 .page-shop .purpilo-v3-product .product-btn i{display:none}
 .page-shop .purpilo-v3-price{font-size:.93rem}
 .page-shop .purpilo-v3-category{font-size:.7rem}
 .page-shop .shop-toolbar{align-items:flex-start!important}
 .page-shop .product-grid.list-view .purpilo-v3-photo{width:110px!important;min-width:110px!important;min-height:150px!important;height:auto!important}
 .page-shop .product-grid.list-view .purpilo-v3-product .product-content{padding:12px!important}
}

.page-shop #activeFilterBar[hidden], .page-shop #mobileFilterCount[hidden] {display:none!important}
@media(max-width:850px){.page-shop .shop-filters:not(.active){left:-100%!important}.page-shop .shop-filters.active{left:0!important}}

.page-home .purpilo-home-age{display:inline-block;color:var(--purpilo-purple);background:#f0edf8;border-radius:9px;font-size:.76rem;font-weight:800;padding:4px 9px;width:max-content}
.page-home .product-price del{color:#928c9e;font-size:.76rem;margin-left:5px}
.page-home .purpilo-home-empty{padding:20px;background:white;border:1px solid var(--purpilo-line);border-radius:12px;grid-column:1/-1}
/* Drawer controls remain visible after removing the legacy purple panel. */
@media(max-width:850px){
 .page-shop .shop-filters .filter-close-mobile,
 .page-shop .shop-filters .filter-close-mobile:hover {
   background:#f0edf8!important;color:#564593!important;border-radius:12px!important;
   width:42px;height:42px;display:inline-flex!important;
 }
 .page-shop:has(.shop-filters.active) .whatsapp-float-container{display:none!important}
 .page-shop .shop-filters.active{z-index:1400!important}
 .page-shop .filter-overlay.active{z-index:1350!important}
}
/* Shared low-friction search suggestions */
#headerSearchResults .purpilo-server-suggestion{display:flex!important;align-items:center;gap:10px;text-align:left;min-height:65px;padding:9px 12px;text-decoration:none}
#headerSearchResults .purpilo-server-suggestion img{flex:0 0 54px;object-fit:contain;background:#faf9fd;border-radius:10px}
#headerSearchResults .purpilo-server-suggestion[aria-selected="true"]{background:#f0edf8}
#headerSearchResults .purpilo-search-all{display:block;padding:12px 14px;text-align:center;font-weight:850;color:var(--purpilo-purple);border-top:1px solid var(--purpilo-line)}
#headerSearchResults .purpilo-search-loading{padding:18px 15px;color:var(--purpilo-muted);font-size:.9rem}