.capacity-hero{background:#fff;color:#1a1a1a;padding:32px 24px 48px;overflow:visible}.capacity-hero__content{max-width:1280px;margin:0 auto}@media screen and (min-width:990px){.capacity-hero__content--two-col{display:flex;align-items:flex-start;gap:40px}.capacity-hero__gallery-col{flex:1;min-width:0;position:sticky;top:20px;height:fit-content;align-self:flex-start}.capacity-hero__info-col{flex:0 0 460px}.capacity-hero__gallery{max-width:none;margin:0}.capacity-hero__variant-cards{grid-template-columns:1fr;max-width:none;margin-left:0;margin-right:0}.capacity-hero__actions{max-width:none;margin:0}}@media screen and (max-width:989px){.capacity-hero__content--two-col{display:block}}.capacity-hero__gallery{position:relative;margin-bottom:20px;max-width:656px}.capacity-hero__main-swiper{border-radius:16px;overflow:hidden;position:relative;aspect-ratio:1 / 1;background:#fff}.capacity-hero__slide-img{display:block;width:100%;height:100%;object-fit:cover;background:#fff;transition:opacity .2s ease}.capacity-hero__gallery-prev,.capacity-hero__gallery-next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border-radius:50%;background:#00000080;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s;box-shadow:0 2px 8px #0003}.capacity-hero__gallery:hover .capacity-hero__gallery-prev,.capacity-hero__gallery:hover .capacity-hero__gallery-next{opacity:1}.capacity-hero__gallery-prev{left:12px}.capacity-hero__gallery-next{right:12px}.capacity-hero__gallery-prev:before{content:"\2039";font-size:28px;line-height:1}.capacity-hero__gallery-next:before{content:"\203a";font-size:28px;line-height:1}.capacity-hero__gallery-prev:hover,.capacity-hero__gallery-next:hover{background:#000000b3}.capacity-hero__gallery-pagination{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:10}.capacity-hero__dot{width:8px;height:8px;border-radius:50%;background:#00000040;cursor:pointer;transition:all .25s ease;border:none;padding:0}.capacity-hero__dot.active{background:#000000b3;width:20px;border-radius:4px}.capacity-hero__page-counter{position:absolute;top:12px;right:12px;z-index:10;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:.75rem;padding:4px 10px;border-radius:9999px;font-weight:500;font-variant-numeric:tabular-nums}.capacity-hero__page-sep{opacity:.5;margin:0 2px}.capacity-hero__thumb-strip{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;gap:6px;justify-content:center;padding:0 12px 10px;opacity:0;transition:opacity .2s ease;pointer-events:none}.capacity-hero__gallery:hover .capacity-hero__thumb-strip{opacity:1;pointer-events:auto}.capacity-hero__gallery:hover .capacity-hero__gallery-pagination{opacity:0}.capacity-hero__thumb-dot{flex-shrink:0;width:48px;height:48px;border-radius:6px;overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:none;opacity:.5;transition:all .2s ease}.capacity-hero__thumb-dot:hover{opacity:.8}.capacity-hero__thumb-dot.active{opacity:1;border-color:#fff}.capacity-hero__thumb-img-inner{width:100%;height:100%;object-fit:cover;display:block}.capacity-hero__title{font-family:Google Sans,Open Sans,sans-serif;font-size:1.35rem;font-weight:600;line-height:1.25;margin:0;color:#1a1a1a}.capacity-hero__price{margin:16px 0}.capacity-hero__price-current{color:#e53e3e;font-size:1.5rem;font-weight:700;font-family:Google Sans,Open Sans,sans-serif}.capacity-hero__price-compare{font-size:1rem;color:#aaa;text-decoration:line-through;margin-left:10px}.capacity-hero__discount-badge{display:inline-block;background:#e53e3e;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px;margin-left:8px;vertical-align:middle}.capacity-hero__perks-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border-radius:12px;background:#f5f5f5;border:none;color:#1a1a1a;cursor:pointer;text-align:left;font-family:inherit;font-size:inherit;transition:background .2s}.capacity-hero__perks-toggle:hover{background:#fafafa}.capacity-hero__perks-toggle svg{flex-shrink:0}.capacity-hero__perks-toggle ul{flex:1;min-width:0;list-style:none;padding:0;margin:0}.capacity-hero__perks-toggle ul li{font-size:.8125rem;color:#888}.capacity-hero__highlights-toggle{display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px;border-radius:12px;background:#f5f5f5;border:none;color:#1a1a1a;cursor:pointer;text-align:left;font-family:inherit;font-size:inherit;transition:background .2s}.capacity-hero__highlights-toggle:hover{background:#fafafa}.capacity-hero__highlights-toggle svg{flex-shrink:0;margin-top:2px}.capacity-hero__highlights-toggle ul{flex:1;min-width:0;list-style:none;padding:0;margin:0}.capacity-hero__highlights-toggle ul li{font-size:.8125rem;color:#888;line-height:1.5}.capacity-hero__promos{margin-bottom:12px;padding:14px;border-radius:12px;background:#f5f5f5}.capacity-hero__promos-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.capacity-hero__promos-icon{font-size:.85rem;font-family:Google Sans,Open Sans,sans-serif;color:#555}.capacity-hero__promos-label{font-size:.875rem;font-weight:500;color:#1a1a1a;font-family:Google Sans,Open Sans,sans-serif}.capacity-hero__promos-list{font-size:.875rem;color:#1a1a1a;line-height:1.6;font-family:Google Sans,Open Sans,sans-serif}.capacity-hero__promos-list p{margin:0 0 4px}.capacity-hero__promos-link{color:#e6a800;text-decoration:none;margin-left:4px}.capacity-hero__promos-link:hover{text-decoration:underline}.capacity-hero__notice{margin-bottom:16px;padding:14px;border-radius:12px;background:#f5f5f5}.capacity-hero__notice-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.capacity-hero__notice-icon{font-size:1rem;color:#666}.capacity-hero__notice-label{font-size:.75rem;font-weight:600;color:#1a1a1a}.capacity-hero__notice-body{font-size:.75rem;color:#666;line-height:1.6}.capacity-hero__variants{display:flex;flex-direction:column;gap:.5rem}.capacity-hero__variant-card{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;border-radius:12px;border:1.5px solid #e0e0e0;background:#fff;cursor:pointer;font-family:inherit;text-align:left;font-size:inherit;transition:border-color .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1),background .18s ease}.capacity-hero__variant-card:hover{border-color:var(--color-primary, #0b57d0);box-shadow:0 0 0 3px #0b57d014}.capacity-hero__variant-card--active{background:#f7faff;border-color:var(--color-primary, #0b57d0);box-shadow:0 0 0 3px #0b57d01a}.capacity-hero__variant-card--unavailable{opacity:.6;cursor:not-allowed}.capacity-hero__variant-card--unavailable:hover{border-color:#e0e0e0;box-shadow:none}.capacity-hero__variant-card-img{position:relative;width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;background:transparent}.capacity-hero__variant-card-thumb{width:100%;height:100%;object-fit:contain;display:block;background:none!important}.capacity-hero__variant-card-badge{position:absolute;top:0;left:0;right:0;background:#e53935d9;color:#fff;font-size:10px;font-weight:700;text-align:center;padding:2px 0;z-index:1}.capacity-hero__variant-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.capacity-hero__variant-card-title{font-family:Google Sans,Open Sans,sans-serif;font-size:.95rem;font-weight:600;line-height:1.3;color:#aaa;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.capacity-hero__variant-card--active .capacity-hero__variant-card-title{color:#1a1a1a}.capacity-hero__variant-card-price{display:flex;align-items:baseline;gap:.4rem}.capacity-hero__variant-card-price-sale{font-family:Open Sans,sans-serif;font-size:.95rem;font-weight:700;color:var(--color-primary, #0b57d0)}.capacity-hero__variant-card-price-original{font-family:Open Sans,sans-serif;font-size:.82rem;font-weight:400;color:#747775;text-decoration:line-through}.capacity-hero__variant-card-qty{display:flex;align-items:center;gap:0;border:1px solid var(--color-outline-variant, #c4c7c5);border-radius:8px;overflow:hidden;flex-shrink:0;opacity:.4;pointer-events:none;transition:opacity .2s ease}.capacity-hero__variant-card--active .capacity-hero__variant-card-qty{opacity:1;pointer-events:auto}.capacity-hero__variant-card-qty-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-variant, #f8fafd);border:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--color-on-surface, #1f1f1f);transition:background .15s;font-family:inherit}.capacity-hero__variant-card-qty-btn:hover{background:var(--color-outline-variant, #e0e0e0)}.capacity-hero__variant-card-qty-input{width:36px;height:32px;text-align:center;border:none;border-left:1px solid var(--color-outline-variant, #c4c7c5);border-right:1px solid var(--color-outline-variant, #c4c7c5);font-size:.875rem;font-weight:600;font-family:Open Sans,sans-serif;color:var(--color-on-surface, #1f1f1f);background:#fff;outline:none;-moz-appearance:textfield}.capacity-hero__variant-card-qty-input::-webkit-inner-spin-button,.capacity-hero__variant-card-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.capacity-hero__variant-card-desc{font-size:.75rem;color:#888;line-height:1.5;margin-top:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:480px){.capacity-hero__variant-card{padding:.6rem .75rem;gap:.7rem}.capacity-hero__variant-card-img{width:52px;height:52px}}.capacity-hero__summary{margin:.75rem 0 0;padding:.6rem .875rem;border-radius:8px;background:var(--color-surface-variant, #f8fafd);font-family:Google Sans,Open Sans,sans-serif;font-size:.875rem;font-weight:500;color:var(--color-on-surface-variant, #3C4043)}.capacity-hero__summary[hidden]{display:none}.capacity-hero__compare-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:none;border:none;color:#999;font-size:.75rem;cursor:pointer;font-family:inherit;transition:color .2s}.capacity-hero__compare-toggle:hover{color:#1a1a1a}.capacity-hero__compare-chevron{font-size:.875rem;transition:transform .2s}.capacity-hero__compare-dialog{border:none;border-radius:16px;padding:0;box-sizing:border-box;width:fit-content!important;min-width:280px;max-width:95vw;height:fit-content!important;max-height:85vh;box-shadow:0 8px 32px #0000002e;color:#1a1a1a}.capacity-hero__compare-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:1rem 1.5rem 1.5rem;overflow-y:auto;max-width:100%}.capacity-hero__compare-dialog::backdrop{background:#00000080}.capacity-hero__compare-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #ebebeb}.capacity-hero__compare-dialog-header h3{margin:0;font-family:Google Sans,Open Sans,sans-serif;font-size:1.1rem;font-weight:600;color:#1a1a1a}.capacity-hero__compare-dialog-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;font-size:1.5rem;color:#999;cursor:pointer;border-radius:8px;transition:background .15s,color .15s}.capacity-hero__compare-dialog-close:hover{background:#f0f0f0;color:#1a1a1a}@media(max-width:480px){.capacity-hero__compare-dialog{width:fit-content!important;max-width:95vw;min-width:0}.capacity-hero__compare-dialog-header{padding:1rem 1.25rem}.capacity-hero__compare-scroll{padding:.75rem 1.25rem 1.25rem}}.capacity-hero__compare-table{width:max-content;font-size:.75rem;border-collapse:collapse}.capacity-hero__compare-table th,.capacity-hero__compare-table td{padding:8px 10px;text-align:center;border-bottom:1px solid #ebebeb;white-space:nowrap}.capacity-hero__compare-table th:first-child,.capacity-hero__compare-table td:first-child{text-align:left;color:#888}.capacity-hero__compare-table th{font-weight:600;color:#1a1a1a}.capacity-hero__compare-img-row th{padding-bottom:8px}.capacity-hero__compare-img{width:80px;height:80px;object-fit:contain;background:none!important;display:block;margin:0 auto}.capacity-hero__compare-price-row td{padding-top:12px;font-weight:600;color:#1a1a1a;border-bottom:none}.capacity-hero__compare-price{display:block;font-weight:700;font-size:.875rem}.capacity-hero__compare-price-original{display:block;font-size:.75rem;color:#999;text-decoration:line-through}.capacity-hero__compare-action-row td{border-bottom:none;padding-top:8px}.capacity-hero__compare-add-btn{background:#1a1a1a;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.capacity-hero__compare-add-btn:hover{background:#333}.capacity-hero__compare-add-btn--soldout{background:#ccc;color:#888;cursor:not-allowed}.capacity-hero__compare-active{color:#1a1a1a;font-weight:600}.capacity-hero__accessory-item{border-radius:12px;overflow:hidden}.capacity-hero__accessory-item--selected{background:#fafafa}.capacity-hero__accessory-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.capacity-hero__accessory-checkbox{width:20px;height:20px;border:2px solid rgba(136,136,136,.6);border-radius:4px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:all .2s}.capacity-hero__accessory-checkbox:hover{border-color:#888}.capacity-hero__accessory-item--selected .capacity-hero__accessory-checkbox{background:#1a1a1a;border-color:#1a1a1a}.capacity-hero__accessory-check-mark{display:none;font-size:12px;font-weight:700;color:#fff;line-height:1}.capacity-hero__accessory-item--selected .capacity-hero__accessory-check-mark{display:inline}.capacity-hero__accessory-img{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f0f0f0}.capacity-hero__accessory-thumb{width:100%;height:100%;object-fit:cover;display:block}.capacity-hero__accessory-badge{position:absolute;top:0;left:0;right:0;background:#e6a800;color:#000;font-size:8px;font-weight:700;text-align:center;padding:2px 0;z-index:1}.capacity-hero__accessory-info{flex:1;min-width:0}.capacity-hero__accessory-name{font-size:.8125rem;display:block;line-height:1.3;color:#aaa}.capacity-hero__accessory-item--selected .capacity-hero__accessory-name{color:#1a1a1a}.capacity-hero__accessory-price{font-size:1rem;font-weight:700;display:block;color:#1a1a1a;margin-top:2px}.capacity-hero__accessory-compare-price{font-size:.75rem;color:#aaa;text-decoration:line-through}.capacity-hero__accessory-qty{display:none!important;align-items:center;border:1px solid #ddd;border-radius:6px;overflow:hidden;flex-shrink:0}.capacity-hero__accessory-qty-btn{width:28px;height:28px;background:none;border:none;color:#1a1a1a;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .2s}.capacity-hero__accessory-qty-btn:hover:not(:disabled){background:#f0f0f0}.capacity-hero__accessory-qty-btn:disabled{opacity:.3;cursor:not-allowed}.capacity-hero__accessory-qty-input{width:36px;height:28px;text-align:center;background:none;border:none;border-left:1px solid #ddd;border-right:1px solid #ddd;color:#1a1a1a;font-size:.8125rem;font-family:inherit;border-radius:0;-moz-appearance:textfield}.capacity-hero__accessory-qty-input::-webkit-outer-spin-button,.capacity-hero__accessory-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.capacity-hero__accessory-price-placeholder{font-size:.875rem;color:#888;flex-shrink:0;display:block}.capacity-hero__accessory-item--selected .capacity-hero__accessory-price-placeholder{display:none}.capacity-hero__accessory-details{border-top:1px solid #ebebeb}.capacity-hero__accessory-details-toggle{width:100%;padding:8px 10px;background:none;border:none;color:#999;font-size:.75rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:inherit;transition:color .2s}.capacity-hero__accessory-details-toggle:hover{color:#1a1a1a}.capacity-hero__accessory-details-chevron{font-size:.625rem;transition:transform .2s}.capacity-hero__accessory-details-body{padding:0 10px 10px;font-size:.75rem;color:#888;white-space:pre-line;line-height:1.5}.capacity-hero__actions{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1.5px solid #e0e0e0}.capacity-hero__btn-add{display:block;width:100%;padding:14px 32px;font-size:1rem;font-weight:600;font-family:inherit;color:#fff;background:#111827;border:none;border-radius:12px;cursor:pointer;transition:background .2s ease,transform .15s}.capacity-hero__btn-add:hover{background:#374151}.capacity-hero__btn-add:active{transform:scale(.99)}.capacity-hero__btn-add:disabled{opacity:.5;cursor:not-allowed;transform:none}.capacity-hero__help-link{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:none;border:none;color:#999;font-size:.75rem;cursor:pointer;font-family:inherit;transition:color .2s}.capacity-hero__help-link:hover{color:#1a1a1a}.capacity-hero__total-hint{text-align:center;font-size:.6875rem;color:#999;margin-top:8px}.space-y-8>*+*{margin-top:32px}.space-y-4>*+*{margin-top:16px}.capacity-hero__section-title{font-size:.95rem;font-weight:600;margin:20px 0 12px;color:#1a1a1a}.capacity-hero__info-col .capacity-hero__promos+.capacity-hero__promos{margin-top:8px}.capacity-hero__info-col .capacity-hero__variants{margin-top:16px}.space-y-3>*+*{margin-top:12px}.space-y-2>*+*{margin-top:8px}.space-y-1>*+*{margin-top:4px}.space-y-0\\5>*+*{margin-top:2px}.space-y-1\\5>*+*{margin-top:6px}.flex{display:flex}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-3{gap:12px}.min-w-0{min-width:0}.w-full{width:100%}.text-right{text-align:right}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.list-none{list-style:none}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-\[28px\]{font-size:28px}.text-\[13px\]{font-size:13px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.leading-snug{line-height:1.375}.leading-relaxed{line-height:1.625}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabular-nums{font-variant-numeric:tabular-nums}.text-gray-900{color:#1a1a1a}.text-dji-gray{color:#888}.text-dji-gray-light{color:#aaa}.bg-surface{background-color:#f5f5f5}.bg-surface-light{background-color:#fafafa}.border-surface-border{border-color:#e0e0e0}.hover\:text-gray-900:hover,.group:hover .group-hover\:text-gray-900{color:#1a1a1a}@media screen and (min-width:990px){.lg\:mt-0{margin-top:0}}body:has(#MainContent[data-template=product]){padding-top:0!important}body:has(#MainContent[data-template=product]) .gs-header{position:static!important}body:has(#MainContent[data-template=product]) .capacity-announcement{position:static!important}@media screen and (max-width:749px){.capacity-hero{padding:24px 16px 36px}.capacity-hero__title{font-size:1.375rem}.capacity-hero__gallery-prev,.capacity-hero__gallery-next{width:32px;height:32px}.capacity-hero__gallery-prev{left:8px}.capacity-hero__gallery-next{right:8px}.capacity-hero__variant-card .p-3{padding:10px}.capacity-hero__variant-card-title{font-size:.8125rem}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/capacity-product.css.map */