#page-packs{background:var(--color-background);min-height:100vh;font-family:var(--font-sans);padding-top:var(--header-h)}.packs-hero,.packs-section{padding:var(--section-pad-y) var(--section-pad-x);background:var(--color-background)}.packs-hero{padding-top:var(--space-5);padding-bottom:0}.packs-section{padding-top:var(--space-6)}.packs-hero-inner,.packs-container{max-width:var(--page-max);margin:0 auto}.packs-container{max-width:1280px}.packs-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary);margin:0 0 .35rem;font-size:.78rem;font-weight:700}.packs-hero-inner{text-align:center;max-width:640px}.packs-hero-title{font-family:var(--font-display);color:var(--color-text);text-wrap:balance;margin:0 0 .5rem;font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:700;line-height:1.25}.packs-hero-sub{font-size:var(--fs-base);color:var(--color-text-muted);margin:0;line-height:1.6}.packs-grid{grid-template-columns:1fr;gap:clamp(1rem,2.4vw,1.5rem);display:grid}@media (min-width:620px){.packs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:980px){.packs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pack-card-oos{opacity:.7}.packs-skeleton{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);height:320px;position:relative;overflow:hidden}.packs-skeleton:after{content:"";background:linear-gradient(90deg, transparent, rgba(var(--color-primary-rgb),.06), transparent);animation:1.4s ease-in-out infinite packs-shimmer;position:absolute;inset:0}@keyframes packs-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.packs-empty{text-align:center;color:var(--color-text-muted);padding:4rem 1rem}.packs-empty-title{color:var(--color-text);margin:0 0 .3rem;font-size:1.1rem;font-weight:700}.packs-browse-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);margin-top:1rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-block}.packs-browse-btn:hover{background:var(--color-primary-dark)}.pack-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.pack-card:hover{border-color:rgba(var(--color-primary-rgb), .28);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pack-card-featured{border-color:rgba(var(--color-gold-rgb), .45)}.pack-card-body{flex-direction:column;flex:1;padding:1.25rem 1.25rem 1rem;display:flex;position:relative}.pack-featured-badge{background:var(--festival-gold-tint);color:var(--radan-gold-dark);border-radius:var(--radius-pill);letter-spacing:.03em;text-transform:uppercase;padding:.25rem .6rem;font-size:.65rem;font-weight:800;position:absolute;top:.9rem;right:.9rem}.pack-card-head{justify-content:space-between;align-items:flex-start;gap:.75rem;padding-right:5.5rem;display:flex}.pack-card-head-text{min-width:0}.pack-card-name{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.pack-card-tagline{font-size:var(--fs-sm);color:var(--color-text-muted);margin:.2rem 0 0;line-height:1.4}.pack-save-chip{background:var(--color-accent-soft);color:var(--color-primary-dark);border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0;padding:.3rem .6rem;font-size:.7rem;font-weight:800}.pack-count-line{font-size:var(--fs-xs);color:var(--color-text-muted);margin:.65rem 0 .6rem;font-weight:600}.pack-thumb-row{align-items:center;gap:.4rem;margin-bottom:1rem;display:flex}.pack-thumb-wrap{flex-shrink:0}.pack-thumb-img{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--color-border);background:var(--color-surface-alt);width:46px;height:46px;display:block}.pack-thumb-more{border-radius:var(--radius-sm);width:46px;height:46px;color:var(--color-text-muted);background:var(--color-surface-alt);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.pack-thumb-placeholder-row{align-items:center;gap:.4rem;margin-bottom:1rem;display:flex}.pack-thumb-placeholder{border-radius:var(--radius-sm);background:var(--color-surface-alt);border:1.5px dashed var(--color-border);flex-shrink:0;width:46px;height:46px}@media (min-width:980px){.pack-thumb-img,.pack-thumb-more,.pack-thumb-placeholder{width:52px;height:52px}}.pack-products-empty{color:var(--color-text-muted);font-size:var(--fs-xs);margin:0;font-style:italic}.pack-price-block{border-top:1px solid var(--color-border);align-items:baseline;gap:1.5rem;margin-top:auto;padding-top:.85rem;display:flex}.pack-price-col{flex-direction:column;display:flex}.pack-price-main{font-size:var(--fs-2xl);color:var(--color-primary);letter-spacing:-.01em;font-weight:700;line-height:1.1}.pack-price-mrp{font-size:var(--fs-lg);color:var(--color-text-muted);font-weight:600;line-height:1.1;text-decoration:line-through}.pack-price-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-top:.3rem;font-size:.68rem;font-weight:600}.pack-save-note{font-size:var(--fs-sm);color:var(--radan-gold-dark);margin:.75rem 0 0;font-weight:700}.pack-cta{padding:0 1.25rem 1.25rem}.pack-add-btn{border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;width:100%;min-height:46px;font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.92rem;font-weight:700;transition:background .18s,transform .12s;display:flex}.pack-add-btn:hover:not(:disabled){background:var(--color-primary-dark)}.pack-add-btn:active:not(:disabled){transform:translateY(1px)}.pack-add-btn:disabled{background:var(--color-surface-alt);color:var(--color-text-muted);cursor:not-allowed}.pack-add-btn.is-added{background:var(--color-success)}.pack-wa-btn,.packs-wa-btn{border-radius:var(--radius-pill);background:var(--color-whatsapp);color:#fff;min-height:46px;font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .18s,transform .12s;display:inline-flex}.pack-wa-btn:hover,.packs-wa-btn:hover{background:#17604d}.pack-wa-btn:active,.packs-wa-btn:active{transform:translateY(1px)}.pack-wa-btn{width:100%;margin-top:.5rem;font-size:.85rem}.pack-popup-overlay{z-index:2000;background:rgba(var(--color-text-rgb),.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:1rem;animation:.18s popup-fade-in;display:flex;position:fixed;inset:0}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}.pack-popup{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:460px;max-height:90vh;box-shadow:var(--shadow-lg);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;animation:.22s cubic-bezier(.34,1.56,.64,1) popup-slide-up;overflow-y:auto}@keyframes popup-slide-up{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.pack-popup::-webkit-scrollbar{width:4px}.pack-popup::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.pack-popup-header{z-index:1;background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:1px solid var(--color-border);padding:1.4rem 1.5rem 1.1rem;position:sticky;top:0}.pack-popup-header:before{content:"";background:var(--color-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.pack-popup-title-row{align-items:flex-start;gap:.8rem;margin-bottom:1rem;display:flex}.pack-popup-name{color:var(--color-text);font-family:var(--font-display);margin:0;font-size:1.1rem;font-weight:700;line-height:1.3}.pack-popup-tagline{color:var(--color-text-muted);font-size:var(--fs-sm);margin:.25rem 0 0}.pack-popup-close{background:var(--color-surface-alt);border:1px solid var(--color-border);width:30px;height:30px;color:var(--color-text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s;display:flex}.pack-popup-close:hover{border-color:var(--color-primary);color:var(--color-primary)}.pack-popup-pricing{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pack-popup-mrp{color:var(--color-text-muted);font-size:var(--fs-sm);margin:0 0 .1rem;text-decoration:line-through}.pack-popup-price{color:var(--color-primary);margin:0;font-size:1.6rem;font-weight:700;line-height:1}.pack-popup-savings-badge{background:var(--color-accent-soft);color:var(--color-primary-dark);border-radius:var(--radius-pill);padding:.35rem .8rem;font-size:.75rem;font-weight:800}.pack-popup-body{padding:1.2rem 1.5rem}.pack-popup-stock-warn{background:var(--festival-gold-tint);border:1px solid rgba(var(--color-gold-rgb),.3);border-radius:var(--radius-sm);color:var(--radan-gold-dark);margin-bottom:1rem;padding:.6rem .9rem;font-size:.8rem;font-weight:600}.pack-popup-items-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .75rem;font-size:.7rem;font-weight:700}.pack-popup-item{border-radius:var(--radius-sm);background:var(--color-surface-alt);border:1px solid var(--color-border);align-items:center;gap:.8rem;margin-bottom:.5rem;padding:.6rem .7rem;display:flex}.pack-popup-item.oos{opacity:.55}.pack-popup-item-img{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--color-border);flex-shrink:0;width:44px;height:44px}.pack-popup-item-info{flex:1;min-width:0}.pack-popup-item-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .18rem;font-size:.87rem;font-weight:700;overflow:hidden}.pack-popup-item-qty{color:var(--color-primary);margin-left:4px;font-weight:800}.pack-popup-item-sub{color:var(--color-text-muted);margin:0;font-size:.74rem}.pack-popup-item-total{color:var(--color-text);flex-shrink:0;font-size:.88rem;font-weight:700}.pack-popup-breakdown{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;gap:.45rem;margin-top:.85rem;padding:.85rem 1rem;display:flex}.pack-popup-breakdown-row{color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.pack-popup-breakdown-row.total{color:var(--color-text);border-top:1px solid var(--color-border);margin-top:.2rem;padding-top:.45rem;font-size:.95rem;font-weight:700}.pack-popup-breakdown-row.total span:last-child{color:var(--color-text)}.pack-popup-cta{border-top:1px solid var(--color-border);padding:1rem 1.5rem 1.5rem}.pack-popup-save-note{text-align:center;color:var(--radan-gold-dark);margin:.6rem 0 0;font-size:.8rem;font-weight:700}.packs-wa-cta{background:var(--color-accent-soft);border:1px solid rgba(var(--color-primary-rgb), .18);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:clamp(2rem,5vw,3rem);padding:1.5rem 1.75rem;display:flex}.packs-wa-cta-text{flex:1;min-width:220px}.packs-wa-cta-title{font-family:var(--font-display);color:var(--color-text);margin:0 0 .3rem;font-size:1.05rem;font-weight:700}.packs-wa-cta-sub{font-size:var(--fs-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.packs-wa-cta .packs-wa-btn{flex-shrink:0}@media (max-width:619px){.pack-card-head{padding-right:4.5rem}.packs-wa-cta{text-align:center;flex-direction:column}.packs-wa-cta .packs-wa-btn{justify-content:center;width:100%}}