.ecommerce{--hb-orange:#ff6000;background:#fff7f0;padding-top:72px;padding-bottom:110px}
.ecommerce-box{grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);gap:58px;background:#fff;color:#212121;border:1px solid #ffd8bd;box-shadow:0 28px 75px rgba(166,76,12,.13)}
.ecommerce-box:before{content:"";position:absolute;inset:0 auto 0 0;width:9px;background:var(--hb-orange)}
.ecommerce-box:after{background:var(--hb-orange);opacity:.09}
.store-browser{display:block;min-width:0;border:1px solid #eee;border-radius:16px;background:#fff;padding:9px;box-shadow:18px 18px 0 var(--hb-orange),0 28px 55px rgba(126,60,12,.18);transform:rotate(-1.3deg);transition:transform .25s,box-shadow .25s;position:relative;z-index:1}
.store-browser:hover{transform:rotate(0) translateY(-4px);box-shadow:13px 15px 0 var(--hb-orange),0 32px 65px rgba(126,60,12,.23)}
.store-browser-bar{height:32px;display:flex;align-items:center;gap:6px;padding:0 8px;color:#666;background:#f4f4f5;border-radius:9px 9px 0 0}
.store-browser-bar i{width:8px;height:8px;border-radius:50%;background:#ff5f57}.store-browser-bar i:nth-child(2){background:#ffbd2e}.store-browser-bar i:nth-child(3){background:#28c840}.store-browser-bar span{margin-left:7px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.store-shot-wrap{position:relative;overflow:hidden;border-radius:0 0 9px 9px;background:linear-gradient(135deg,#fff7f0,#ffe4d1);aspect-ratio:1.455/1}
.store-shot-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top}
.store-live{position:absolute;right:12px;bottom:12px;background:#ff6000;color:#fff;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:900;letter-spacing:.7px;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.store-copy{position:relative;z-index:1}.ecommerce .store-copy .eyebrow{color:var(--hb-orange)}.ecommerce .store-copy h2{color:#212121}.ecommerce .store-copy>p:not(.eyebrow){color:#656565}.store-button{background:var(--hb-orange);color:#fff;box-shadow:0 12px 28px rgba(255,96,0,.24)}.store-button:hover{background:#e85500;box-shadow:0 15px 32px rgba(255,96,0,.3)}
@media(max-width:1000px){.ecommerce-box{grid-template-columns:1fr;gap:48px}.store-browser{width:min(100%,680px);margin:auto;transform:none}}
@media(max-width:560px){.ecommerce{padding-top:45px;padding-bottom:75px}.ecommerce-box:before{width:6px}.store-browser{padding:6px;box-shadow:9px 10px 0 var(--hb-orange),0 18px 40px rgba(126,60,12,.18)}.store-browser-bar{height:26px}.store-shot-wrap{aspect-ratio:1.25/1}.store-live{right:7px;bottom:7px;padding:6px 8px;font-size:8px}}

/* Hepsiburada teması: stok/satış takip alanı */
.stock{--hb-orange:#ff6000;background:#fff7f0;color:#212121;border-block:1px solid #ffe0c7}
.stock:before{content:"";position:absolute;left:-110px;bottom:-150px;width:360px;height:360px;border-radius:50%;background:var(--hb-orange);opacity:.07}
.stock:after{border-color:rgba(255,96,0,.08)}
.stock .eyebrow.light{color:var(--hb-orange)}
.stock h2 em{color:var(--hb-orange)}
.stock-copy>p:not(.eyebrow){color:#656565}
.stock .btn-white{background:var(--hb-orange);color:#fff;box-shadow:0 12px 28px rgba(255,96,0,.24)}
.stock .btn-white:hover{background:#e85500;box-shadow:0 15px 32px rgba(255,96,0,.3)}
.stock .feature-panel{border:1px solid #ffd8bd;box-shadow:0 28px 70px rgba(166,76,12,.13)}
.stock .feature-panel span{background:#fff0e5;color:var(--hb-orange)}

/* Hepsiburada teması: iletişim ve WhatsApp teklif alanı */
.contact{--hb-orange:#ff6000;background:#fff;color:#212121;border-top:1px solid #ffe0c7;position:relative;overflow:hidden}
.contact:after{content:"";position:absolute;right:-180px;bottom:-220px;width:520px;height:520px;border-radius:50%;background:var(--hb-orange);opacity:.055;pointer-events:none}
.contact-grid{position:relative;z-index:1}
.contact .eyebrow.light{color:var(--hb-orange)}
.contact h2 em{color:var(--hb-orange)}
.contact-copy>p:not(.eyebrow){color:#656565}
.contact-links a,.contact-links>span{border-bottom-color:#f0ded1}
.contact-links small{color:#a35a27}
.offer-form{border:1px solid #ffd8bd;box-shadow:0 28px 70px rgba(166,76,12,.13)}
.offer-form input,.offer-form select,.offer-form textarea{background:#fffaf6;border-color:#ead7c9}
.offer-form input:focus,.offer-form select:focus,.offer-form textarea:focus{border-color:var(--hb-orange);box-shadow:0 0 0 3px rgba(255,96,0,.12)}
.offer-form .check a{color:var(--hb-orange)}
.offer-form .btn-primary{background:var(--hb-orange);color:#fff;box-shadow:0 12px 28px rgba(255,96,0,.24)}
.offer-form .btn-primary:hover{background:#e85500;box-shadow:0 15px 32px rgba(255,96,0,.3)}