.section-main-product{background:var(--kos-white);color:var(--kos-black)}.pdp{max-width:1200px;margin:0 auto;padding:0 var(--space-xl) 120px}.pdp__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:72px;align-items:start}@media(max-width:1024px){.pdp{padding:0 var(--space-lg) 80px}.pdp__grid{grid-template-columns:1fr;gap:48px}}.pdp-breadcrumb{max-width:1200px;margin:0 auto;padding:24px var(--space-xl)}.pdp-breadcrumb__list{display:flex;align-items:center;flex-wrap:nowrap;gap:0;list-style:none;font-size:13px}.pdp-breadcrumb__item{display:inline;white-space:nowrap}.pdp-breadcrumb__item:last-child{overflow:hidden;text-overflow:ellipsis}.pdp-breadcrumb a{color:#999;text-decoration:none;transition:color var(--transition-fast)}.pdp-breadcrumb a:hover{color:var(--kos-green-forest)}.pdp-breadcrumb__sep{color:#ddd;margin-inline:8px}.pdp-breadcrumb__current{color:var(--kos-black);font-weight:var(--font-weight-medium)}@media(max-width:1024px){.pdp-breadcrumb{padding:20px var(--space-lg)}}.pdp-gallery{position:sticky;top:calc(var(--announcement-height) + var(--header-height) + var(--space-lg))}@media(max-width:1024px){.pdp-gallery{position:relative;top:0}}.pdp-gallery__main{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:#f8f7f4;margin-bottom:12px;aspect-ratio:1}.pdp-gallery__main img{width:100%;height:100%;object-fit:contain;display:block}.pdp-gallery__zoom{position:absolute;inset-block-end:16px;inset-inline-end:16px;z-index:3;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--kos-white, #fff);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-md, 10px);cursor:pointer;color:var(--kos-black, #0a0a0a);box-shadow:0 2px 8px #0000000f;transition:background .2s ease,box-shadow .2s ease}.pdp-gallery__zoom:hover{background:var(--kos-black, #0a0a0a);color:var(--kos-white, #fff);box-shadow:0 4px 16px #0000001f}.pdp-gallery__zoom:focus-visible{outline:3px solid var(--focus-color, #005fcc);outline-offset:2px}.pdp-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000e6;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s;cursor:zoom-out}.pdp-lightbox.is-open{opacity:1;visibility:visible}.pdp-lightbox__img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-md, 10px);-webkit-user-select:none;user-select:none}.pdp-lightbox__close{position:absolute;inset-block-start:20px;inset-inline-end:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--kos-white, #fff);cursor:pointer;transition:background .2s ease}.pdp-lightbox__close:hover{background:#fff3}.pdp-lightbox__close:focus-visible{outline:3px solid var(--focus-color, #005fcc);outline-offset:2px}.pdp-badge{position:absolute;top:20px;left:20px;font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;padding:8px 16px;border-radius:var(--radius-full);background:var(--kos-black);color:var(--kos-white);z-index:2}.pdp-badge--sale{background:#c41e3a}.pdp-gallery__thumbs{display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pdp-gallery__thumbs::-webkit-scrollbar{display:none}.pdp-gallery__thumb{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast);background:#f8f7f4;padding:0;flex:0 0 auto;width:calc((100% - 50px) / 6)}.pdp-gallery__thumb:hover{border-color:#ddd}.pdp-gallery__thumb.is-active{border-color:var(--kos-black)}.pdp-gallery__thumb img{width:100%;aspect-ratio:1;object-fit:cover;display:block}@keyframes pdp-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pdp-gallery__main.is-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f8f7f4 25%,#eeedea,#f8f7f4 75%);background-size:200% 100%;animation:pdp-shimmer 1.2s ease-in-out infinite;z-index:1}.pdp-gallery__main img{transition:opacity .3s ease}.pdp-gallery__main.is-loading img{opacity:.4}.pdp-gallery__thumbs{mask-image:linear-gradient(to right,transparent,black 8px,black calc(100% - 8px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 8px,black calc(100% - 8px),transparent)}@media(max-width:1024px){.pdp-gallery__thumbs{gap:8px}.pdp-gallery__thumb{width:calc((100% - 32px)/5)}}@media(max-width:600px){.pdp-gallery__thumb{width:calc((100% - 24px)/4)}}.pdp-info{padding-top:8px}.pdp-category{font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.14em;color:var(--kos-green-forest);margin-bottom:14px}.pdp-title{font-size:clamp(28px,4vw,38px);font-weight:var(--font-weight-bold);line-height:1.1;letter-spacing:-.03em;color:var(--kos-black);margin-bottom:14px}.pdp-subtitle{font-size:17px;line-height:1.65;color:#666;margin-bottom:24px}.pdp-rating{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #e8e8e8}.pdp-rating__link{display:inline-flex;align-items:center;text-decoration:none;color:inherit;transition:opacity var(--transition-fast)}.pdp-rating__link:hover{opacity:.7}.pdp-rating__link:focus-visible{outline:3px solid var(--focus-color);outline-offset:2px;border-radius:var(--radius-sm)}product-form{display:block}.pdp-option{margin-bottom:28px;border:none;padding:0}.pdp-option__label{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--kos-black);margin-bottom:12px;display:flex;align-items:center;gap:8px}.pdp-option__selected{font-weight:var(--font-weight-normal);color:#888}.pdp-option__list{display:flex;gap:10px;flex-wrap:wrap}.pdp-option__btn{padding:14px 24px;font-size:14px;font-weight:var(--font-weight-medium);background:#f8f7f4;color:var(--kos-black);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:44px;min-width:44px}.pdp-option__btn:hover{border-color:#ddd}.pdp-option__btn.is-active{border-color:var(--kos-black);background:var(--kos-white)}.pdp-option__btn.is-disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.pdp-price-wrap{margin-bottom:32px}.pdp-price__row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.pdp-price{font-size:32px;font-weight:var(--font-weight-bold);color:var(--kos-black);letter-spacing:-.02em}.pdp-price--compare{font-size:18px;color:#bbb;text-decoration:line-through}.pdp-price--save{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--kos-green-forest);background:#2d5a271a;padding:5px 12px;border-radius:var(--radius-full)}skio-plan-picker{display:block;margin-bottom:28px}skio-plan-picker::part(container){font-family:var(--font-family)}.pdp-quantity{display:flex;align-items:center;gap:16px;margin-bottom:28px}.pdp-quantity__label{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--kos-black)}.pdp-quantity__controls{display:flex;align-items:center;border:2px solid #e8e8e8;border-radius:var(--radius-full)}.pdp-quantity__btn{width:44px;height:44px;background:none;border:none;font-size:18px;color:#666;cursor:pointer;transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center}.pdp-quantity__btn:hover:not([aria-disabled=true]){color:var(--kos-black)}.pdp-quantity__btn[aria-disabled=true]{opacity:.3;cursor:not-allowed}.pdp-quantity__input{width:48px;text-align:center;font-size:15px;font-weight:var(--font-weight-semibold);border:none;background:none;font-family:inherit;cursor:default;-moz-appearance:textfield}.pdp-quantity__input::-webkit-outer-spin-button,.pdp-quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pdp-add-btn{position:relative;width:100%;padding:20px 32px;font-size:16px;font-weight:var(--font-weight-semibold);background:var(--kos-black);color:var(--kos-white);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);margin-bottom:20px;min-height:60px;overflow:hidden}.pdp-add-btn:hover:not(:disabled):not(.is-loading){background:var(--kos-green-forest);transform:translateY(-2px);box-shadow:0 12px 32px #00000026}.pdp-add-btn:disabled:not(.is-loading){background:#ccc;cursor:not-allowed}.pdp-add-btn.is-loading{background:var(--kos-green-forest);cursor:wait;pointer-events:none}.pdp-add-btn.is-added{background:var(--kos-green-forest);pointer-events:none}.pdp-add-btn.is-added .pdp-add-btn__loader{opacity:1}.pdp-add-btn.is-added .pdp-add-btn__text{opacity:0;transform:translateY(10px)}.pdp-add-btn.is-added .pdp-add-btn__spinner{animation:none;opacity:0;width:0}.pdp-add-btn.is-added .pdp-add-btn__loader-text:before{content:"\2713  "}.pdp-add-btn__text{display:inline-flex;align-items:center;gap:8px;transition:opacity .2s ease,transform .2s ease}.pdp-add-btn.is-loading .pdp-add-btn__text{opacity:0;transform:translateY(10px)}.pdp-add-btn__loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;opacity:0;transition:opacity .2s ease}.pdp-add-btn.is-loading .pdp-add-btn__loader{opacity:1}.pdp-add-btn__spinner{width:20px;height:20px;animation:spin .8s linear infinite}.pdp-add-btn__loader-text{font-size:16px;font-weight:var(--font-weight-semibold)}@keyframes spin{to{transform:rotate(360deg)}}.pdp-form-error{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#991b1b;font-size:14px;margin-bottom:20px}.pdp-form-error[hidden]{display:none}.pdp-secondary{display:flex;justify-content:center;gap:32px;margin-bottom:40px}.pdp-secondary__btn{font-size:13px;color:#888;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color var(--transition-fast);padding:8px;min-height:44px}.pdp-secondary__btn:hover{color:var(--kos-black)}.pdp-secondary__btn[aria-pressed=true] svg{fill:currentColor}.pdp-trust{border-top:1px solid #e8e8e8;padding-top:32px}.pdp-trust__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;list-style:none}.pdp-trust__item{display:flex;align-items:flex-start;gap:12px}.pdp-trust__icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}.pdp-trust__icon svg{width:100%;height:100%;stroke:var(--kos-green-forest)}.pdp-trust__text{font-size:13px;color:#666;line-height:1.5}.pdp-trust__text strong{color:var(--kos-black);font-weight:var(--font-weight-semibold);display:block;margin-bottom:2px}@media(max-width:600px){.pdp-trust__grid{grid-template-columns:repeat(2,1fr);gap:12px}.pdp-trust__text{font-size:12px}}.pdp-gallery__thumbs-wrap{position:relative}.pdp-gallery__thumbs-wrap:after{content:"Scroll \2192";position:absolute;inset-inline-end:0;inset-block-start:50%;transform:translateY(-50%);font-size:10px;font-weight:var(--font-weight-semibold);color:#999;background:linear-gradient(to right,transparent,#fff 30%);padding:6px 4px 6px 24px;pointer-events:none;transition:opacity .3s ease;z-index:2}.pdp-gallery__thumbs-wrap.is-scrolled-end:after{opacity:0}.pdp-sticky-atc{position:fixed;inset-block-end:0;inset-inline:0;z-index:50;background:var(--kos-white, #fff);border-block-start:1px solid #e8e8e8;box-shadow:0 -4px 20px #00000014;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.pdp-sticky-atc.is-visible{transform:translateY(0)}.pdp-sticky-atc[hidden]{display:block}@media(min-width:1025px){.pdp-sticky-atc,.pdp-sticky-atc[hidden]{display:none}}.pdp-sticky-atc__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;max-width:1200px;margin:0 auto}.pdp-sticky-atc__img{width:44px;height:44px;border-radius:var(--radius-md, 8px);object-fit:cover;flex-shrink:0;background:#f8f7f4}.pdp-sticky-atc__info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.pdp-sticky-atc__title{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--kos-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdp-sticky-atc__price{font-size:15px;font-weight:var(--font-weight-bold);color:var(--kos-black)}.pdp-sticky-atc__btn{flex-shrink:0;padding:12px 24px;font-size:14px;font-weight:var(--font-weight-semibold);background:var(--kos-black);color:var(--kos-white);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background .2s ease;min-height:44px}.pdp-sticky-atc__btn:hover:not(:disabled){background:var(--kos-green-forest)}.pdp-sticky-atc__btn:disabled{background:#ccc;cursor:not-allowed}@supports (padding: env(safe-area-inset-bottom)){.pdp-sticky-atc__inner{padding-block-end:calc(12px + env(safe-area-inset-bottom))}}@media(forced-colors:active){.pdp-option__btn.is-active,.pdp-gallery__thumb.is-active{outline:2px solid CanvasText}.pdp-badge{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/268/assets/component-main-product.css.map */