.toko-showcase{padding:40px 0;background:#123c42}
.toko-showcase__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.toko-showcase h1{font-size:clamp(40px,4.4vw,60px);max-width:550px;line-height:1.04}
.toko-showcase__text{max-width:440px;font-size:16px;line-height:1.75}
.toko-spotlight.toko-spotlight--scene{padding:0;overflow:hidden;border-radius:14px;background:#eee8dd;position:relative;isolation:isolate}
.toko-spotlight--scene .toko-spotlight__label{position:absolute;top:18px;left:18px;z-index:1;background:#fffffff2;color:#25423e;padding:8px 12px;font-weight:600}
.toko-spotlight--scene .toko-spotlight__image{width:100%;height:auto;aspect-ratio:1.32;object-fit:cover;object-position:50% 62%;margin:0;display:block}
.toko-spotlight__caption{padding:20px 24px;background:#fff}
.toko-spotlight--scene .toko-spotlight__bottom{display:flex;align-items:center;justify-content:space-between}
.toko-spotlight--scene h2{font-size:21px;letter-spacing:-.02em}
.toko-spotlight--scene p{font-size:13px;color:#526760;margin-bottom:0}
.toko-spotlight--scene strong{font-size:30px;margin:0}
.toko-spotlight--scene .toko-spotlight__link{margin-top:15px;padding-top:14px;font-size:13px}
.card{border-radius:12px;padding:16px;overflow:hidden;background:#fff;transition:border-color .18s,box-shadow .18s}
.card:hover{transform:none;border-color:#8ba89c;box-shadow:0 6px 22px #123c420b}
.card__media.card__media--product{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:1.2;margin:0 0 18px;padding:8px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#f6f7f4}
.card__media--product img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;mix-blend-mode:multiply;transform:none}
.card__media--mini img{transform:scale(1.22)}
.card__title{min-height:48px;margin:10px 0;font-size:19px;line-height:1.3}
.card__bottom{padding-top:16px;gap:10px}
.card__price{display:flex;align-items:baseline;gap:9px}
.card__cta,.card:hover .card__cta{min-height:42px;padding:10px 12px;font-size:13px;display:flex;justify-content:space-between;border:1px solid #d5e0d7;background:#f0f5ef;color:#193d36}
.card:hover .card__cta{background:#193d36;color:#fff}
.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pdp-row{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:48px;align-items:start}
.pdp-gallery{min-width:0;position:sticky;top:150px}
.pdp-gallery .pdp-gal-main{position:relative;display:block;height:auto;max-height:none;aspect-ratio:1.12;border:1px solid #e3e9df;border-radius:14px;background:#f6f7f4;overflow:hidden}
.pdp-gallery-open{border:0;background:transparent;display:block;width:100%;height:100%;padding:26px;cursor:zoom-in;touch-action:pan-y}
.pdp-gallery-open img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;mix-blend-mode:multiply}
.pdp-gallery[data-gallery-product*="f65d231e2a594d118a98"][data-image-index="0"] .pdp-gallery-open img,.pdp-gallery[data-gallery-product*="875ac40c1b4c10de04a0"][data-image-index="0"] .pdp-gallery-open img{transform:scale(1.15)}
.pdp-gal-badge,.pdp-gal-badge-r{z-index:3;font-size:11px;top:15px}
.pdp-gallery-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pdp-gallery-overlay{position:absolute;inset:0;margin:0;padding:0 12px;pointer-events:none;z-index:2}
.pdp-gallery-nav button,.pdp-zoom-close{width:42px;height:42px;border:1px solid #d9e2da;border-radius:50%;background:#fffffff5;color:#163c3b;font-size:23px;cursor:pointer;flex:none}
.pdp-gallery-overlay button{pointer-events:auto;box-shadow:0 2px 6px #113c4210}
.pdp-gallery-count{font-size:12px;color:#40574e}
.pdp-gallery-overlay .pdp-gallery-count{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:5px 12px;background:#fffffff2;border-radius:20px}
.pdp-thumbs{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;margin:12px 0 0;scroll-snap-type:x proximity;position:relative}
.pdp-thumb{flex:0 0 64px;width:64px;height:64px;aspect-ratio:1;padding:3px;border:1px solid #d9e2da;border-radius:7px;background:#fff;overflow:hidden;scroll-snap-align:center;cursor:pointer}
.pdp-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.pdp-thumb.act{border:2px solid #1c6656;box-shadow:0 0 0 1px #1c6656}
.pdp-zoom{width:min(1000px,96vw);max-height:94dvh;border:0;border-radius:12px;padding:14px;background:#fff}
.pdp-zoom::backdrop{background:#0c252cdb}
.pdp-zoom img{display:block;width:100%;height:min(72dvh,800px);object-fit:contain}
.pdp-zoom-close{display:block;margin-left:auto}
.pdp-info .pdp-title{font-size:32px;line-height:1.15}
.pdp-installments{padding:12px;border:1px solid #e1e5dc;border-radius:9px;background:#f7f8f5;margin:12px 0 16px}
.pdp-installments strong{display:block;font-size:13px;color:#20352d}
.pdp-installments p{font-size:12px;line-height:1.5;margin:6px 0 0;color:#4b5d54}
.pdp-installments summary{font-size:12px;cursor:pointer;margin-top:9px;text-decoration:underline}
.pdp-price{margin-top:14px}
.pdp-price-now{font-size:36px;font-weight:700;color:#153d40}
.pdp-cta-main{min-height:52px;font-weight:700}
.pdp-trust{margin-top:20px}
.pdp-desc img{max-width:100%;height:auto}
@media(max-width:1000px){.toko-showcase__grid{gap:30px}.toko-showcase h1{font-size:44px}.toko-spotlight--scene .toko-spotlight__image{aspect-ratio:1}.toko-spotlight__caption{padding:18px}.toko-spotlight--scene h2{font-size:18px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdp-row{gap:28px}}
@media(max-width:780px){.toko-showcase__grid{grid-template-columns:1fr;gap:28px}.toko-showcase{padding:30px 0}.toko-showcase h1{font-size:44px;max-width:600px}.toko-showcase__text{max-width:560px}.toko-spotlight--scene .toko-spotlight__image{aspect-ratio:1.65;object-position:50% 65%}.toko-spotlight__caption{padding:18px 20px}.toko-spotlight--scene h2{font-size:21px}.toko-showcase__proof{margin-top:22px}.pdp-row{grid-template-columns:1fr;gap:24px}.pdp-gallery{position:static}.pdp-gallery .pdp-gal-main{aspect-ratio:1.24;max-width:560px;margin:auto}.pdp-gallery-open{padding:20px}.pdp-thumbs{justify-content:center}.pdp-info .pdp-title{font-size:29px}.pdp-trust{grid-template-columns:1fr 1fr}.card__media.card__media--product{aspect-ratio:1.07;padding:5px;margin-bottom:12px}.card{padding:12px}.card__title{font-size:16px;min-height:42px}.card__specs span{font-size:11px}.card__price .now{font-size:24px}.card__payment{font-size:10px;line-height:1.6}}
@media(max-width:480px){.toko-showcase h1{font-size:37px}.toko-showcase__text{font-size:15px}.toko-eyebrow{font-size:10px;margin-bottom:16px}.toko-showcase__actions{gap:18px}.toko-showcase__proof{gap:16px;font-size:11px}.toko-spotlight--scene .toko-spotlight__image{aspect-ratio:1.35}.toko-spotlight--scene .toko-spotlight__label{font-size:10px;top:12px;left:12px}.toko-spotlight__caption{padding:16px}.toko-spotlight--scene h2{font-size:18px}.toko-spotlight--scene strong{font-size:27px}.toko-spotlight--scene p{font-size:11px}.collection-grid,.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:10px}.card__title{font-size:15px;min-height:40px}.card__media.card__media--product{border-radius:5px}.card__specs{gap:4px}.card__specs span{padding:4px;font-size:10px}.card__cta,.card:hover .card__cta{font-size:12px;padding:9px 8px}.card__price .now{font-size:23px}.card__price .was{font-size:10px}.card__os{font-size:10px;line-height:1.5}.pdp-gallery .pdp-gal-main{aspect-ratio:1.13}.pdp-thumb{flex-basis:54px;width:54px;height:54px}.pdp-gallery-open{padding:18px}.pdp-gal-badge,.pdp-gal-badge-r{font-size:9px;top:10px}.pdp-info .pdp-title{font-size:28px}}

.card__media.card__media--product{position:relative;display:block}
.card__media--product img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}
.card__media--mini img{transform:scale(1.16)}
.toko-mobile-buy{display:none}
@media(max-width:780px){.template-product{padding-bottom:88px}.template-product .pdp-qty-row{position:static}.toko-mobile-buy{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dce6df;box-shadow:0 -3px 18px #112e3710}.toko-mobile-buy span{display:block;font-size:10px;color:#5f7067}.toko-mobile-buy strong{display:block;font-size:23px;color:#153d40;line-height:1.3}.toko-mobile-buy button{min-height:48px;padding:12px 20px;flex:1;max-width:250px;font-size:14px}.toko-mobile-buy button:disabled{opacity:.55}.template-product:has(dialog[open]) .toko-mobile-buy{display:none}.pdp-gallery .pdp-gal-main{height:270px;aspect-ratio:auto}.pdp-gallery-open{padding:20px 36px}.pdp-info .pdp-specs{gap:6px}.pdp-info .pdp-spec{padding:8px 10px}.pdp-info .pdp-spec i{display:none}.pdp-info .pdp-spec .sl{margin-bottom:3px}}
@media(max-width:480px){.toko-showcase{padding:24px 0}.toko-showcase h1{font-size:33px;margin-bottom:15px}.toko-showcase__text{font-size:14px;line-height:1.6;margin-bottom:18px}.toko-showcase__proof{display:none}.toko-showcase__actions{gap:12px;flex-wrap:nowrap}.toko-showcase__actions .btn{padding:12px;font-size:12px;gap:10px;min-height:44px}.toko-showcase__actions .toko-text-link{font-size:12px}.toko-showcase__grid{gap:24px}.toko-spotlight--scene .toko-spotlight__image{aspect-ratio:1.5}.toko-spotlight--scene .toko-spotlight__link{margin-top:10px;padding-top:10px}.toko-spotlight__caption{padding:14px}.pdp-gallery .pdp-gal-main{height:245px}.pdp-gallery-open{padding:20px 32px}.pdp-thumbs{gap:8px;margin-top:8px}.pdp-thumb{flex-basis:48px;width:48px;height:48px}.pdp-info .pdp-title{font-size:26px}.pdp-info .pdp-spec .sv{font-size:12px}.card__media--product img{inset:6px;width:calc(100% - 12px);height:calc(100% - 12px)}}
@media(max-width:350px){.toko-mobile-buy{gap:10px;padding-left:12px;padding-right:12px}.toko-mobile-buy button{padding:10px;font-size:13px}.toko-showcase h1{font-size:30px}.toko-showcase__actions{flex-wrap:wrap}.products,.collection-grid{grid-template-columns:1fr}.card__media.card__media--product{aspect-ratio:1.5}.card__title{min-height:0}}
@media(max-width:780px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}.price-row input{flex:1 1 0;min-width:0;width:0}.mobile-nav{max-height:calc(100dvh - 124px);overflow-y:auto}.pdp-thumbs{justify-content:flex-start}.nav-toggle{min-width:44px;min-height:44px}.facets-toggle{min-height:44px}.facet label{min-height:40px}.col-toolbar{gap:10px;flex-wrap:wrap}.col-sort{max-width:100%}}
.toko-spotlight.toko-spotlight--packshot{background:#f6f7f4}
.toko-spotlight--packshot .toko-spotlight__image{object-fit:contain;object-position:center;padding:36px 24px 16px;background:transparent;mix-blend-mode:multiply}
