.pack-section{background:#f3efe9;border:1px solid rgba(75,47,24,.08);border-radius:14px;isolation:isolate;margin:2.5rem 0 1rem;overflow:visible;position:relative;transition:box-shadow .3s ease,border-color .3s ease}@media(hover:hover){.pack-section:hover{border-color:rgba(75,47,24,.15);box-shadow:0 4px 12px rgba(75,47,24,.05)}}.pack-section.expanded{box-shadow:0 8px 24px rgba(75,47,24,.12)}.pack-section .visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.pack-section .pack-summary-bar{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;min-height:56px;overflow:visible;padding:2.5rem 1rem 1rem;position:relative;transition:all .2s ease;width:100%;z-index:10;-webkit-tap-highlight-color:rgba(75,47,24,.1)}.pack-section .pack-summary-bar:focus{background:rgba(75,47,24,.04);outline:none}@media(hover:hover){.pack-section .pack-summary-bar:hover{background:rgba(75,47,24,.04);outline:none}}.pack-section .pack-summary-bar:focus-visible{outline:2px solid #8b6914;outline-offset:2px}.pack-section .pack-summary-bar:active{background:rgba(75,47,24,.08)}.pack-section .toggle-divider{background:rgba(75,47,24,.15);display:block;height:24px;margin:0 4px;width:1px}.pack-section .thumbnail-stack{align-items:center;display:flex;flex-direction:row;isolation:isolate;justify-content:center;left:50%;padding:0;position:absolute;top:-24px;transform:translateX(-50%);z-index:20}.pack-section .thumb{background:#fff;border:2px solid #fff;border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.15),0 3px 6px rgba(0,0,0,.1);flex-shrink:0;height:52px;margin-left:-12px;overflow:hidden;position:relative;transform:none!important;transition:all .4s cubic-bezier(.4,0,.2,1);width:52px}.pack-section .thumb:first-child{margin-left:0}.pack-section .thumb img{background:#fafafa;height:100%;object-fit:contain;padding:4px;width:100%}.pack-section .thumb.more{align-items:center;background:linear-gradient(135deg,#e6c59a,#d1a874);border:2px solid #fff;border-radius:50%;color:#4b2f18;display:flex;font-size:.7rem;font-weight:800;height:38px;justify-content:center;margin-left:-10px;width:38px}@media(hover:hover){.pack-section .pack-summary-bar:hover .thumb{box-shadow:0 10px 24px rgba(0,0,0,.18),0 4px 8px rgba(0,0,0,.1);transform:translateY(-4px)}}.pack-section .expand-toggle{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:center;margin-left:0;width:100%}.pack-section .pack-split-badge{align-items:stretch;border-radius:8px;box-shadow:0 2px 4px rgba(75,47,24,.1);display:flex;overflow:hidden}.pack-section .split-badge-left{align-items:center;background:#d4b888;color:#4b2f18;display:flex;font-size:.75rem;font-weight:800;gap:6px;letter-spacing:.05em;padding:6px 10px;text-transform:uppercase}.pack-section .split-badge-right{align-items:center;background:#c3a678;color:#4b2f18;display:flex;font-size:.8rem;font-weight:700;padding:6px 12px}.pack-section .toggle-action{align-items:center;cursor:pointer;display:flex;gap:8px}.pack-section .toggle-text{color:#4b2f18;font-size:.85rem;font-weight:700;letter-spacing:.02em}.pack-section .toggle-icon{display:flex;transition:transform .3s ease}.pack-section .toggle-icon.rotated{transform:rotate(180deg)}.pack-section .pack-details{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.pack-section.expanded .pack-details{max-height:800px;overflow-x:hidden;overflow-y:auto}.pack-section .details-inner{border-top:1px solid rgba(75,47,24,.1);padding:.5rem .75rem .75rem;position:relative;z-index:1}.pack-section .pack-grid{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0;position:relative}.pack-section .pack-grid li{list-style:none}.pack-section .pack-item{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:12px;display:flex;flex-direction:column;gap:.4rem;min-height:44px;padding:.625rem;position:relative;text-align:center;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:rgba(75,47,24,.1)}.pack-section .pack-item:focus{border-color:rgba(75,47,24,.25);box-shadow:0 6px 16px rgba(75,47,24,.12);outline:none;transform:translateY(-2px)}@media(hover:hover){.pack-section .pack-item:hover{border-color:rgba(75,47,24,.25);box-shadow:0 6px 16px rgba(75,47,24,.12);outline:none;transform:translateY(-2px)}}.pack-section .pack-item:active{box-shadow:0 2px 8px rgba(75,47,24,.1);transform:translateY(0)}.pack-section .item-qty{background:linear-gradient(135deg,#e6c59a,#d1a874);border-radius:5px;box-shadow:0 2px 4px rgba(75,47,24,.2);color:#4b2f18;font-size:.55rem;font-weight:700;height:20px;left:4px;min-width:20px;padding:0 4px;position:absolute;top:4px;z-index:1}.pack-section .item-image,.pack-section .item-qty{align-items:center;display:flex;justify-content:center}.pack-section .item-image{background:#f8fafc;border-radius:10px;height:56px;margin:.25rem auto 0;overflow:hidden;width:56px}.pack-section .item-image img{height:100%;object-fit:contain;padding:4px;width:100%}.pack-section .item-info{align-items:center;display:flex;flex-direction:column;gap:2px;width:100%}.pack-section .item-name{color:#1e293b;font-size:.65rem;font-weight:600;line-height:1.3}.pack-section .item-brand{color:#8b6914;font-size:.55rem;font-weight:500}.pack-section .item-price{color:#374151;font-size:.7rem;font-weight:700;margin-top:2px}.pack-section .item-link-icon{align-items:center;background:rgba(75,47,24,.1);border-radius:50%;color:#4b2f18;display:flex;font-size:.7rem;height:20px;justify-content:center;opacity:.6;position:absolute;right:4px;top:4px;transition:all .2s ease;width:20px}@media(hover:hover){.pack-section .pack-item:hover .item-link-icon{background:#4b2f18;color:#f6e2c8;opacity:1;transform:translateX(2px)}}@media(min-width:400px){.pack-section{margin:3rem 0 1.25rem}.pack-section .pack-summary-bar{padding-top:3rem}.pack-section .thumbnail-stack{top:-28px}.pack-section .thumb{border-radius:12px;height:60px;margin-left:-15px;width:60px}.pack-section .thumb.more{font-size:.8rem;height:44px;margin-left:-12px;width:44px}.pack-section .pack-grid{grid-template-columns:repeat(3,1fr)}.pack-section .item-image{height:52px;width:52px}.pack-section .item-qty{font-size:.6rem;height:22px;min-width:22px}}@media(min-width:640px){.pack-section{margin:3rem 0 1.25rem}.pack-section .pack-summary-bar{padding:3.5rem 1rem 1rem}.pack-section .thumbnail-stack{top:-32px}.pack-section .thumb{border-radius:14px;border-width:3px;height:72px;margin-left:-18px;width:72px}.pack-section .thumb.more{font-size:.9rem;height:52px;margin-left:-14px;width:52px}.pack-section .details-inner{padding:.5rem .75rem .75rem}.pack-section .pack-grid{gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.pack-section .pack-item{gap:.35rem;padding:.5rem}.pack-section .item-image{border-radius:10px;height:60px;width:60px}.pack-section .item-name{font-size:.7rem}.pack-section .item-brand{font-size:.6rem}.pack-section .item-price{font-size:.75rem}}@media(min-width:900px){.pack-section .pack-summary-bar{padding:4rem 1.25rem 1rem}.pack-section .thumbnail-stack{top:-36px}.pack-section .thumb{height:80px;margin-left:-20px;width:80px}.pack-section .thumb.more{height:56px;margin-left:-16px;width:56px}.pack-section .pack-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pack-section .pack-item{gap:.5rem;padding:.75rem}.pack-section .item-qty{font-size:.65rem;height:24px;left:6px;min-width:24px;padding:0 5px;top:6px}.pack-section .item-image{height:72px;width:72px}.pack-section .item-name{font-size:.75rem}.pack-section .item-brand{font-size:.65rem}.pack-section .item-price{font-size:.8rem}}@media(min-width:1200px){.pack-section{margin:2.5rem 0 1.5rem}.pack-section .pack-summary-bar{padding:1.25rem 1.5rem}.pack-section .thumbnail-stack{flex-direction:row-reverse;left:20px;position:absolute;top:50%;transform:translateY(-50%)}.pack-section .thumb{border:4px solid #fff;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.18),0 6px 12px rgba(0,0,0,.1);height:100px;margin-left:0;transform:unset!important;width:100px}.pack-section .thumb:first-child{transform:translateX(0) rotate(4deg)!important}.pack-section .thumb:nth-child(2){transform:translateX(28px) rotate(-1deg)!important}.pack-section .thumb:nth-child(3){transform:translateX(56px) rotate(-4deg)!important}.pack-section .thumb:nth-child(4){transform:translateX(84px) rotate(1deg)!important}.pack-section .thumb img{padding:8px}.pack-section .thumb.more{border:4px solid #fff;font-size:1.1rem;height:64px;margin-left:0;transform:translateX(84px)!important;width:64px}}@media(min-width:1200px)and (hover:hover){.pack-section .pack-summary-bar:hover .thumb{box-shadow:0 16px 40px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.12)}.pack-section .pack-summary-bar:hover .thumb:first-child{transform:translateX(0) translateY(-10px) scale(1.1) rotate(5deg)!important}.pack-section .pack-summary-bar:hover .thumb:nth-child(2){transform:translateX(28px) translateY(-8px) scale(1.08) rotate(2deg)!important}.pack-section .pack-summary-bar:hover .thumb:nth-child(3){transform:translateX(56px) translateY(-8px) scale(1.08) rotate(-2deg)!important}.pack-section .pack-summary-bar:hover .thumb:nth-child(4){transform:translateX(84px) translateY(-10px) scale(1.1) rotate(-5deg)!important}}@media(min-width:1200px){.pack-section .expand-toggle{flex-wrap:nowrap;gap:20px;justify-content:flex-end;margin-left:auto;width:auto}.pack-section .toggle-divider{background:rgba(75,47,24,.15);display:block;height:24px;margin:0 4px;width:1px}.pack-section .toggle-text{font-size:inherit}.pack-section .details-inner{padding:.75rem 1rem 1rem}}@media(prefers-reduced-motion:reduce){.pack-section,.pack-section .item-link-icon,.pack-section .pack-details,.pack-section .pack-item,.pack-section .pack-summary-bar,.pack-section .thumb,.pack-section .toggle-icon{transition:none}}