.product{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:start}@media(min-width:1024px){.product{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-3xl)}.product--gallery-small{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.product--gallery-large{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.product__media-container,.product__info{min-width:0}.product__breadcrumb{grid-column:1 / -1}.product__media-container{grid-column:1;grid-row:2;height:100%;margin-top:.75rem}.product__info{grid-column:2;grid-row:2}}.product__media{position:relative}@media(min-width:1024px){.product__media{--product-sticky-top: calc(var(--product-sticky-header-height, var(--sticky-header-offset, var(--header-height))) + var(--space-lg));position:sticky;top:var(--product-sticky-top)}[data-sticky-gallery=true] .product__media-main :is(img,video,iframe,model-viewer){max-height:min(620px,calc(100svh - var(--product-sticky-top) - 124px))}}.product__media-main{overflow:hidden;cursor:zoom-in}.product__media-panel[hidden]{display:none}.product__media-panel,.product__media-panel :is(img,video,iframe,model-viewer){width:100%}.product__media-panel :is(video,iframe,model-viewer){display:block;border:0;background:var(--color-bg-alt)}.product__media-trigger{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in}.product__media-main img{width:100%;height:auto;max-height:620px;display:block;transition:transform var(--duration-slow) var(--ease-out)}@media(max-width:1023px){.product__media-main img{max-height:520px}}.product__media-main:hover img{transform:scale(1.02)}.product__thumbnails{display:flex;gap:var(--space-sm);margin-top:var(--space-md);overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.product__thumbnails::-webkit-scrollbar{display:none}.product__thumb{width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;cursor:pointer;flex-shrink:0;background-color:var(--color-bg-alt);transition:border-color var(--duration-fast) var(--ease-out)}.product__thumb-type{position:absolute;inset:auto 2px 2px;padding:2px 4px;border-radius:2px;background:#000000b8;color:#fff;font-size:12px;line-height:1.2;text-transform:capitalize}.product__thumb{position:relative}@media(min-width:768px){.product__thumb{width:80px;height:80px}}.product__thumb--active{border-color:var(--color-text)}.product__thumb img{width:100%;height:100%;object-fit:cover}.product__info{padding-top:var(--space-sm)}.product__breadcrumb{min-width:0}.product .breadcrumb--product{display:flex;align-items:center;flex-wrap:wrap;min-width:0;margin:0;color:var(--color-text-muted);font-size:11px;font-weight:500;letter-spacing:.06em;line-height:1.35;text-transform:uppercase}.product .breadcrumb--product :is(.breadcrumb__link,.breadcrumb__text,.breadcrumb__current){min-width:0}.product .breadcrumb--product .breadcrumb__link{color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.product .breadcrumb--product .breadcrumb__link:hover,.product .breadcrumb--product .breadcrumb__link:focus-visible{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.product .breadcrumb--product .breadcrumb__sep{display:inline-grid;place-items:center;width:18px;color:var(--color-border);font-size:18px;font-weight:400;letter-spacing:0;line-height:1}.product .breadcrumb--product .breadcrumb__current{max-width:min(58vw,640px);color:var(--color-text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.product .breadcrumb--product{font-size:10px}.product .breadcrumb--product .breadcrumb__link,.product .breadcrumb--product .breadcrumb__text{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product .breadcrumb--product .breadcrumb__current{max-width:150px}}.product__vendor{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.product__title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:600;line-height:1.1;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-md)}@media(min-width:768px){.product__title{font-size:clamp(1.75rem,3vw,2.5rem)}}.product__price-block{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}@media(min-width:768px){.product__price-block{gap:var(--space-md)}}.product__price-current{font-size:var(--fs-lg);font-weight:600;letter-spacing:var(--tracking-tight)}@media(min-width:768px){.product__price-current{font-size:var(--fs-xl)}}.product__price-compare{font-size:var(--fs-sm);color:var(--color-text-muted);text-decoration:line-through}@media(min-width:768px){.product__price-compare{font-size:var(--fs-md)}}.product__price-saving{font-size:var(--fs-xs);font-weight:600;color:var(--color-accent);background-color:#c8102e14;padding:4px 10px;border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide)}.product__stock{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--color-success);font-weight:500;margin-bottom:var(--space-xl);padding:6px 14px;background-color:#2e7d320f;border-radius:var(--radius-full)}.product__stock--out{color:var(--color-accent);background-color:#c8102e0f}.product__stock-dot{width:7px;height:7px;border-radius:var(--radius-full);background-color:currentColor}.product__divider{height:1px;background-color:var(--color-border);margin:var(--space-lg) 0}.product-form{margin-bottom:var(--space-xl)}.product-form__options{display:grid;gap:var(--space-md);margin-bottom:var(--space-lg)}.product-form__option{min-width:0;margin:0;padding:0;border:0}.product-form__label{display:block;margin-bottom:8px;color:var(--color-text);font-size:var(--fs-sm);font-weight:600}.product-form__label [data-selected-option]{color:var(--color-text-muted);font-weight:400}.product-form__values{display:flex;flex-wrap:wrap;gap:8px}.product-form__value{min-width:44px;min-height:44px;padding:8px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text)}.product-form__value.is-selected{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.product-form__value:disabled{cursor:not-allowed;opacity:.4;text-decoration:line-through}.product-form__selling-plan{margin-bottom:var(--space-lg)}.product-form__selling-plan select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text)}.product-form__error{margin-top:8px;color:var(--color-error, #b42318);font-size:var(--fs-sm)}.product__sku{margin:8px 0 var(--space-md);color:var(--color-text-muted);font-size:var(--fs-xs)}.product__status-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.product__status-row .product__sku{min-width:0;margin:0;overflow-wrap:anywhere}.product__status-row .product__stock{flex-shrink:0;margin:0 0 0 auto}.product-form__row{display:flex;gap:var(--space-md);align-items:stretch}.product-form__quantity{display:flex;align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;width:fit-content;min-width:148px;min-height:48px}.product-form__quantity-block{display:grid;justify-items:start;gap:8px;margin-bottom:var(--space-md)}.product-form__quantity-btn{width:46px;min-height:46px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-surface);font-size:var(--fs-lg);color:var(--color-text);transition:background-color var(--duration-fast) var(--ease-out)}.product-form__quantity-btn:hover{background-color:var(--color-bg-alt)}.product-form__quantity-input{width:56px;text-align:center;font-weight:600;font-size:var(--fs-sm);border-bottom:0;border-top:0;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);background-color:var(--color-bg-surface);-moz-appearance:textfield}.product-form__quantity-input::-webkit-inner-spin-button,.product-form__quantity-input::-webkit-outer-spin-button{-webkit-appearance:none}.product-form__quantity-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:-2px}.product-form__atc{flex:1;min-height:44px}.product__meta-actions{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.product__meta-btn{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out);min-height:44px;padding:4px 8px 4px 0}.product__meta-btn:hover{color:var(--color-text)}.product__meta-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5}.product__meta-btn.is-active{color:var(--color-accent)}.product__meta-btn.is-active svg{fill:var(--color-accent);stroke:var(--color-accent)}.product__description{color:var(--color-text-muted);line-height:1.75;font-size:var(--fs-sm);margin-bottom:var(--space-xl)}.product__trust{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-lg) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl);flex-wrap:wrap}@media(max-width:480px){.product__trust{flex-direction:column;align-items:flex-start;gap:var(--space-md)}}.product__trust-item{display:flex;align-items:center;gap:8px;font-size:var(--fs-xs);color:var(--color-text-muted)}.product__trust-item svg{width:18px;height:18px;stroke:var(--color-gold);fill:none;stroke-width:1.5;flex-shrink:0}.product-accordion{border-top:1px solid var(--color-border)}.product-accordion__item{border-bottom:1px solid var(--color-border)}.product-accordion__summary{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;cursor:pointer;font-size:var(--fs-sm);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;-webkit-user-select:none;user-select:none;transition:color var(--duration-fast) var(--ease-out)}.product-accordion__summary:hover{color:var(--color-text-muted)}.product-accordion__heading{color:inherit;font:inherit;letter-spacing:inherit;margin:0}.product-accordion__summary svg{width:14px;height:14px;stroke:var(--color-text-muted);fill:none;stroke-width:2;transition:transform var(--duration-base) var(--ease-out);flex-shrink:0}.product-accordion__item[open] .product-accordion__summary svg{transform:rotate(180deg)}.product-accordion__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-base) var(--ease-out)}.product-accordion__item[open] .product-accordion__content{grid-template-rows:1fr}.product-accordion__inner{overflow:hidden}.product-accordion__inner>*{padding-bottom:var(--space-lg)}.product-specs__table{width:100%;border-collapse:collapse}.product-specs__table tr{border-bottom:1px solid var(--color-border)}.product-specs__table td{padding:14px 0;font-size:var(--fs-sm);vertical-align:top}.product-specs__table td:first-child{font-weight:500;width:45%;color:var(--color-text-muted);padding-right:var(--space-md)}.product-shipping__item{display:flex;align-items:flex-start;gap:var(--space-md);padding:14px 0}.product-shipping__item svg{width:18px;height:18px;stroke:var(--color-gold);fill:none;stroke-width:1.5;flex-shrink:0;margin-top:2px}.product-shipping__item h4{font-size:var(--fs-sm);font-weight:600;margin-bottom:2px}.product-shipping__item p{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:1.5}.product__sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;background-color:var(--color-bg);border-top:1px solid var(--color-border);padding:10px var(--space-md) calc(10px + env(safe-area-inset-bottom));z-index:95;transform:translateY(100%);transition:transform var(--duration-base) var(--ease-out);box-shadow:0 -4px 20px #0000000f}@media(max-width:1023px){.product__sticky-cta{display:block}}.product__sticky-cta.is-visible{transform:translateY(0)}.product__sticky-cta[hidden]{display:none}.product__sticky-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);max-width:var(--page-width);margin:0 auto}.product__sticky-cta-info{display:none;min-width:0;flex:1}@media(min-width:768px){.product__sticky-cta-info{display:block}}.product__sticky-cta-title{font-size:var(--fs-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.product__sticky-cta-price{font-size:var(--fs-xs);color:var(--color-text-muted)}.product__sticky-cta-actions{display:flex;align-items:stretch;gap:6px;flex:1;width:100%}@media(min-width:768px){.product__sticky-cta-actions{flex:0 1 auto;width:auto}}.product__sticky-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg-surface);flex-shrink:0;transition:all var(--duration-fast) var(--ease-out)}.product__sticky-icon-btn:active{transform:scale(.96)}.product__sticky-icon-btn.is-active{color:var(--color-accent);border-color:var(--color-accent)}.product__sticky-icon-btn.is-active svg{fill:var(--color-accent);stroke:var(--color-accent)}.product__sticky-icon-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}.product__cta-btn{flex:1;height:44px;padding:0 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-md);white-space:nowrap}@media(min-width:768px){.product__cta-btn{height:48px;font-size:14px;padding:0 24px}}.product__cta-btn--cart{flex:1.4}.product__cta-btn--buy{flex:1}.product-form__buy-now{min-height:46px;margin-top:var(--space-sm)}.product__gallery-dots{display:flex;justify-content:center;gap:6px;margin-top:8px;padding:0 var(--space-lg)}@media(min-width:1024px){.product__gallery-dots{display:none}}.product__gallery-dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-border);transition:all var(--duration-fast) var(--ease-out);border:none;padding:0;cursor:pointer;box-shadow:0 0 0 6px transparent}.product__gallery-dot--active{width:20px;background-color:var(--color-text)}@media(max-width:1023px){.product__thumbnails{display:none}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000f0;z-index:300;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out);padding:var(--space-xl)}.lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:transparent}.lightbox.is-open{opacity:1;pointer-events:auto}.lightbox__close{position:absolute;top:var(--space-xl);right:var(--space-xl);width:44px;height:44px;border-radius:var(--radius-full);background-color:#ffffff1a;display:flex;align-items:center;justify-content:center;transition:background-color var(--duration-fast) var(--ease-out)}.lightbox__close:hover{background-color:#fff3}.lightbox__close svg{width:20px;height:20px;stroke:var(--color-white);fill:none;stroke-width:1.5}.lightbox__image{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--radius-sm)}.product__shop-info{grid-column:1 / -1;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xl);margin-top:var(--space-lg)}@media(min-width:1024px){.product__shop-info{flex-direction:row;align-items:center}.shop-info-strip{flex:0 0 380px;border-right:1px solid var(--color-border);padding-right:var(--space-2xl)}}.shop-info-strip{display:flex;align-items:flex-start;gap:var(--space-md)}.shop-info-strip__logo img{border-radius:var(--radius-full);border:1px solid var(--color-border);display:block}.shop-info-strip__details{flex:1}.shop-info-strip__name{font-size:var(--fs-base);font-weight:600;margin-bottom:4px}.shop-info-strip__meta{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-xs);color:var(--color-text-muted);margin-bottom:var(--space-md)}@media(min-width:480px){.shop-info-strip__meta{flex-direction:row;align-items:center;gap:var(--space-md)}}.shop-info-strip__status{display:flex;align-items:center}.shop-info-strip__status-dot{width:7px;height:7px;border-radius:50%;background-color:var(--color-success);display:inline-block;margin-right:6px}.shop-info-strip__actions{display:flex;gap:var(--space-xs)}.shop-info-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md) var(--space-lg);flex:1}@media(min-width:768px){.shop-info-stats{grid-template-columns:repeat(4,1fr)}}.shop-info-stats__item{display:flex;flex-direction:column;gap:2px}.shop-info-stats__label{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.shop-info-stats__value{font-size:var(--fs-sm);font-weight:600;color:var(--color-accent)}[data-product-section].section-padding{padding-top:var(--space-md)}@media(min-width:768px){[data-product-section].section-padding{padding-top:var(--space-lg)}}.product{row-gap:var(--space-xs)}@media(max-width:767px){.product{row-gap:var(--space-lg)}.product__breadcrumb{display:none}.product__info{padding-top:0}.product__info>.product-form{margin-bottom:0}}.product-marketplaces{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.product-marketplaces__label{font-size:12px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;display:block}.product-marketplaces__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.marketplace-btn{display:flex;align-items:center;justify-content:center;min-height:56px;min-width:0;padding:10px 14px;border-radius:8px;text-decoration:none;transition:background-color .2s ease,border-color .2s ease;border:1px solid transparent}.marketplace-btn--tokopedia{background:#03ac0e14;color:#42b549;border-color:#03ac0e26}.marketplace-btn--tokopedia:hover{background:#03ac0e26;border-color:#42b549}.marketplace-btn--shopee{background:#ee4d2d14;color:#ee4d2d;border-color:#ee4d2d26}.marketplace-btn--shopee:hover{background:#ee4d2d26;border-color:#ee4d2d}.marketplace-btn--blibli{background:#0096d914;color:#0096d9;border-color:#0096d926}.marketplace-btn--blibli:hover{background:#0096d926;border-color:#0096d9}.marketplace-btn__logo{display:block;width:112px;max-width:100%;height:32px;object-fit:contain}@media(max-width:767px){.product-marketplaces__grid{grid-template-columns:1fr 1fr;gap:8px}}@media(max-width:480px){.product-marketplaces__grid{grid-template-columns:1fr;gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-product.css.map */