.product-story-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(24px,3.5vw,52px);align-items:start}.product-story-layout--single{grid-template-columns:minmax(0,1fr)}.product-story-layout .product-story-content{max-width:none;background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(24px,3.4vw,46px)}.product-story-content>:first-child{margin-top:0}.product-story-content>:last-child{margin-bottom:0}.product-story-content p{max-width:72ch}.product-story-content h4{display:flex;align-items:center;gap:10px;margin:28px 0 12px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-dark)}.product-story-content h4:before{content:"";width:22px;height:1px;background:currentColor;flex:none}.product-story-content h4:first-child{margin-top:0}.product-story-content ul,.product-story-content ol{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px;max-width:72ch}.product-story-content li{position:relative;margin:0;padding:10px 14px 10px 36px;background:var(--soft);border-radius:10px;color:var(--ink);font-size:13px;line-height:1.6}.product-story-content li:before{content:"";position:absolute;left:15px;top:17px;width:7px;height:7px;border-radius:2px;background:var(--orange);transform:rotate(45deg)}.product-story-content li p{margin:0;color:inherit}.product-story-content strong{color:var(--ink);font-weight:800}.product-story-aside{position:sticky;top:110px;display:grid;gap:16px}.product-story-figure{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:4/5;background:var(--soft)}.product-story-figure img{width:100%;height:100%;object-fit:cover}.product-story-help{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}.product-story-help strong{display:block;font-family:var(--font-heading);font-size:17px;letter-spacing:-.02em;margin-bottom:6px}.product-story-help p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.6}.product-story-help .button{width:100%}@media(max-width:960px){.product-story-layout{grid-template-columns:1fr}.product-story-aside{position:static;grid-template-columns:1fr 1fr;align-items:start}}@media(max-width:620px){.product-story-aside{grid-template-columns:1fr}.product-story-figure{aspect-ratio:1/1}.product-story-content li{font-size:12.5px}}.product-story-layout .product-story-content.is-scrollable{max-height:var(--story-max,560px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--orange) transparent;background:linear-gradient(#fff 30%,#fff0) center top/100% 40px no-repeat local,linear-gradient(#fff0,#fff 70%) center bottom/100% 40px no-repeat local,radial-gradient(farthest-side at 50% 0,rgba(37,36,33,.14),transparent) center top/100% 14px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,rgba(37,36,33,.14),transparent) center bottom/100% 14px no-repeat scroll,#fff}.product-story-content.is-scrollable::-webkit-scrollbar{width:6px}.product-story-content.is-scrollable::-webkit-scrollbar-thumb{background:var(--orange);border-radius:6px}.product-story-content.is-scrollable:focus-visible{outline:2px solid var(--orange);outline-offset:3px}@media(max-width:620px){.product-story-layout .product-story-content.is-scrollable{max-height:min(var(--story-max,560px),70vh)}}.product-story-content :is(h1,h2,h3,h5,h6){font-family:var(--font-heading);color:var(--ink);font-weight:800;line-height:1.2;letter-spacing:-.025em;margin:34px 0 12px}.product-story-content h1{font-size:30px;letter-spacing:-.035em}.product-story-content h2{font-size:26px;letter-spacing:-.03em}.product-story-content h3{font-size:22px}.product-story-content h5{font-size:16px;letter-spacing:-.01em}.product-story-content h6{font-size:14px;letter-spacing:0}.product-story-content :is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}@media(max-width:620px){.product-story-content h1{font-size:25px}.product-story-content h2{font-size:22px}.product-story-content h3{font-size:19px}}@media(min-width:961px){.product-story-layout:not(.product-story-layout--single){align-items:stretch}.product-story-layout:not(.product-story-layout--single) .product-story-content.is-scrollable{max-height:none;contain:size}.product-story-layout:not(.product-story-layout--single) .product-story-aside{position:static;align-self:start}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/aciklama-kutusu.css.map */