.acc-section *,.acc-section *:before,.acc-section *:after{box-sizing:border-box}.acc-section{background-color:var(--acc-bg, #ffffff);overflow:hidden;width:100%}.acc-header{max-width:1280px;margin:0 auto;padding:0 16px 24px}.acc-title{font-size:clamp(1.5rem,4vw,3.5rem);font-weight:700;color:var(--acc-title-color, #1a1a1a);letter-spacing:-.03em;line-height:1.1;margin:0 0 8px}.acc-subtitle{font-size:1rem;color:#6b7280;margin:0}.acc-carousel-wrapper{position:relative;width:100%}.acc-carousel{display:flex;width:100%;overflow-x:scroll;overflow-y:visible;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:40px 0 60px}.acc-carousel::-webkit-scrollbar{display:none}.acc-carousel.acc-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;scroll-behavior:auto}.acc-track{display:flex;flex-direction:row;gap:16px;padding-left:16px;margin:0 auto;max-width:1280px;width:max-content}.acc-card-wrapper:last-child{padding-right:clamp(16px,8vw,200px)}.acc-card-wrapper{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease;transition-delay:var(--delay, 0s);flex-shrink:0}.acc-card-wrapper--visible{opacity:1;transform:translateY(0)}.acc-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow:hidden;border:none;padding:0;cursor:pointer;background:#e5e7eb;border-radius:var(--acc-card-radius, 24px);width:var(--acc-card-width-mobile, 230px);height:var(--acc-card-height-mobile, 320px);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;will-change:transform}@media(min-width:768px){.acc-card{width:var(--acc-card-width-desktop, 384px);height:var(--acc-card-height-desktop, 640px)}}.acc-card:hover{transform:scale(1.02);box-shadow:0 24px 60px #0000002e}.acc-card:active{transform:scale(.98)}.acc-card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to bottom,rgba(0,0,0,.52) 0%,rgba(0,0,0,.1) 40%,transparent 70%);pointer-events:none}.acc-card-content{position:relative;z-index:3;padding:28px 24px 0;display:flex;flex-direction:column;gap:6px}.acc-card-category{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffe6}@media(min-width:768px){.acc-card-category{font-size:.875rem}}.acc-card-title{font-size:1.15rem;font-weight:700;color:#fff;line-height:1.25;text-align:left;margin:0;text-wrap:balance}@media(min-width:768px){.acc-card-title{font-size:1.6rem}}.acc-card-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;transition:filter .4s ease,transform .5s ease}.acc-card:hover .acc-card-image{transform:scale(1.04)}.acc-card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#e5e7eb,#d1d5db)}.acc-nav{display:flex;justify-content:flex-end;gap:8px;padding-right:40px;padding-bottom:16px}.acc-nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;transition:background .2s ease,color .2s ease,opacity .2s ease}.acc-nav-btn:hover:not(:disabled){background:#1a1a1a;color:#fff}.acc-nav-btn:disabled{opacity:.35;cursor:not-allowed}.acc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px}.acc-modal[hidden]{display:none!important}.acc-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:background .3s ease,backdrop-filter .3s ease}.acc-modal--visible .acc-modal-backdrop{background:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.acc-modal-container{position:relative;z-index:1;background:#fff;border-radius:24px;width:100%;max-width:800px;padding:24px;opacity:0;transform:translateY(20px) scale(.98);transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}@media(prefers-color-scheme:dark){.acc-modal-container{background:#1c1c1e}}@media(min-width:768px){.acc-modal-container{padding:48px}}.acc-modal--visible .acc-modal-container{opacity:1;transform:translateY(0) scale(1)}.acc-modal-close{position:sticky;top:0;float:right;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:#1a1a1a;color:#fff;cursor:pointer;transition:background .2s ease,transform .2s ease;margin-bottom:16px}.acc-modal-close:hover{background:#404040;transform:rotate(90deg)}.acc-modal-category{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin:0 0 12px}.acc-modal-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:#1a1a1a;margin:0 0 24px;line-height:1.15}@media(prefers-color-scheme:dark){.acc-modal-title{color:#f5f5f7}}@media(min-width:768px){.acc-modal-title{font-size:2.5rem}}.acc-modal-body{clear:both}.acc-modal-description{background:#f5f5f7;border-radius:20px;padding:24px 28px;margin-bottom:20px;font-size:1rem;color:#3d3d3d;line-height:1.7}@media(prefers-color-scheme:dark){.acc-modal-description{background:#2c2c2e;color:#aeaeb2}}.acc-modal-product{display:flex;flex-direction:column;gap:20px;background:#f5f5f7;border-radius:20px;padding:24px;margin-bottom:20px}@media(min-width:640px){.acc-modal-product{flex-direction:row}}@media(prefers-color-scheme:dark){.acc-modal-product{background:#2c2c2e}}.acc-modal-product-image{flex-shrink:0;width:100%;max-width:200px;border-radius:12px;overflow:hidden}.acc-modal-product-image img{width:100%;height:auto;display:block;object-fit:cover;border-radius:12px}.acc-modal-product-info{display:flex;flex-direction:column;gap:8px}.acc-modal-product-info h4{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:0}@media(prefers-color-scheme:dark){.acc-modal-product-info h4{color:#f5f5f7}}.acc-modal-price{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0}@media(prefers-color-scheme:dark){.acc-modal-price{color:#f5f5f7}}.acc-modal-product-desc{font-size:.875rem;color:#6b7280;line-height:1.6}.acc-modal-cta{display:inline-block;margin-top:12px;padding:12px 28px;background:#1a1a1a;color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;border-radius:100px;transition:background .2s ease,transform .2s ease;align-self:flex-start}.acc-modal-cta:hover{background:#333;transform:translateY(-1px)}
/*# sourceMappingURL=/cdn/shop/t/21/assets/apple-cards-carousel.css.map */