@charset "UTF-8";
/* Berdaş PC / Mobile storefront: scoped, late-loading overrides; no inline styles (CSP safe). */
:root{--shop-green:#128459;--shop-deep:#0e3028;--shop-line:#dce8df;--shop-soft:#f4f9f5}
html{scroll-padding-top:140px}
body{overflow-x:clip;background:#f7f9f7}
.container{max-width:1460px}
.site-header{background:#fff}
.header-inner{max-width:1460px}
/* Editorial commerce hero: video is a media player, never a background image. */
.hero-shell{background:linear-gradient(115deg,#f7faf7 0%,#eef6f1 100%);color:var(--shop-deep);overflow:hidden}
.hero-shell .hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,4.8vw,70px);align-items:center;min-height:0;padding-block:clamp(36px,4.2vw,62px)}
.hero-shell .hero-copy{padding:10px 0;min-width:0}
.hero-shell .hero .eyebrow{font-size:11px;color:#22875c;letter-spacing:.14em;font-weight:800;margin-bottom:18px}
.hero-shell .hero h1{color:#12392c;font-weight:820;font-size:clamp(39px,4.55vw,65px);line-height:1.09;margin-block:0 22px;letter-spacing:-.055em;overflow-wrap:normal}
.hero-shell .hero h1 em{color:#18a56e}
.hero-shell .hero-copy>p{color:#48685a;font-size:clamp(14px,1.19vw,17px);max-width:480px;margin-bottom:24px}
.hero-shell .hero-buttons .button{background:#16885b;color:#fff;min-height:49px;box-shadow:0 5px 14px #0e7a4f19}
.hero-shell .hero-buttons .button:hover{background:#0d6f48}
.hero-shell .hero-buttons .text-link{color:#1c5840;font-size:13px;font-weight:700}
.hero-shell .hero-note{color:#2a5944;display:flex;align-items:center;gap:13px;margin-top:26px}
.hero-shell .hero-note .note-icon{color:#20a36f}
.hero-shell .hero-note small{color:#5b8672}
.hero-shell .hero-bottom{border-top:1px solid #d8e7dc;color:#38614d;background:#fff9;padding-block:13px}
.hero-shell .hero-bottom>span{color:#38614d;font-size:11px;letter-spacing:.06em}
.hero-shell .hero-bottom>a{color:#0d7951}
.hero-art.hero-video-card{display:flex;flex-direction:column;isolation:isolate;gap:0;position:relative;min-width:0;width:100%;max-width:none;max-height:none!important;height:auto;aspect-ratio:auto!important;padding:0;background:#fff;border:1px solid #d8e5dc;border-radius:22px;overflow:hidden;box-shadow:0 22px 65px #13402d1e}
.hero-art.hero-video-card::before{display:none!important}
.video-stage{position:relative;overflow:hidden;background:#111d1a;aspect-ratio:1096/720;width:100%;isolation:isolate}
.hero-video{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center center!important;background:#141f1b;max-height:none!important}
.video-stage::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#051b1c69 0,transparent 17%,transparent 68%,#071d17ad 100%)}
.video-stage:fullscreen{display:grid;place-items:center;aspect-ratio:auto;background:#050906;width:100%;height:100%}
.video-stage:fullscreen .hero-video{width:100%;height:100%;max-height:100vh!important;object-fit:contain!important}
.video-stage:fullscreen .video-controls{bottom:22px;left:clamp(15px,5vw,55px);right:clamp(15px,5vw,55px)}
.video-topline{top:16px;left:18px;right:18px;font-size:11px;letter-spacing:.065em;line-height:1.4;z-index:3}
.video-controls{z-index:3;display:flex;align-items:center;gap:9px;left:16px;right:16px;bottom:14px}
.video-controls button{cursor:pointer;width:42px;min-width:42px;height:42px;min-height:42px;font-size:23px;border-radius:12px;transition:background .15s ease,border-color .15s ease}
.video-controls button:focus-visible,.video-thumb:focus-visible{outline:3px solid #65ecac;outline-offset:2px}
.video-controls .video-index{font-weight:800;margin-inline-start:auto;margin-left:auto;margin-right:5px;white-space:nowrap}
.video-controls .video-extra{font-size:20px;width:40px;min-width:40px;background:#08291db0}
.video-fallback{position:absolute;z-index:5;left:50%;top:50%;width:min(85%,370px);transform:translate(-50%,-50%);background:#09261ae8;color:white;border-radius:15px;padding:20px;line-height:1.5;text-align:center;font-size:14px}
.video-fallback[hidden]{display:none!important}
.video-fallback button{display:block;margin:13px auto 0;padding:10px 15px;border-radius:9px;background:#17a069;color:white;font-size:13px;font-weight:700;cursor:pointer}
.video-library{min-width:0;padding:14px 17px 16px;border-top:1px solid #e1e8e1;background:#fff}
.video-library-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.video-library-heading>div{display:flex;flex-direction:column;gap:1px;min-width:0}
.video-library-overline{font-size:10px;color:#5b866e;letter-spacing:.03em;font-weight:700}
.video-library-heading strong{font-size:15px;font-weight:800;color:#174534;letter-spacing:-.025em}
.video-library-count{font-size:10px;color:#678572;flex-shrink:0;max-width:125px;text-align:end}
.video-library-thumbs{display:flex;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c6dbce transparent;padding:2px 0 7px;scroll-snap-type:x proximity}
.video-thumb{position:relative;display:block;flex:0 0 87px;width:87px;height:61px;overflow:hidden;border:2px solid transparent;outline:0;border-radius:10px;background:#e6eeea;padding:0;cursor:pointer;scroll-snap-align:start;opacity:.78;transition:border-color .2s,opacity .2s,transform .2s}
.video-thumb:hover{opacity:1;transform:translateY(-1px)}
.video-thumb.active{opacity:1;border-color:#18a56d;box-shadow:0 0 0 2px #18a56d1a}
.video-thumb img{display:block;width:100%;height:100%;object-fit:cover;background:#dae7dd}
.video-thumb span{position:absolute;bottom:3px;right:4px;background:#09251be8;color:white;border-radius:4px;padding:1px 4px;font-size:10px;font-weight:850;letter-spacing:.03em}
/* Cart / quotation panel: image-driven, accessible right drawer. */
.quote-dialog{position:fixed!important;inset:0 0 0 auto!important;margin:0!important;padding:0!important;width:min(515px,100vw)!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;background:#fff!important;color:#18382c!important;border:0!important;border-left:1px solid #dbe9de!important;border-radius:22px 0 0 22px!important;box-shadow:-18px 0 70px #0b2c2040!important;overflow:hidden!important;flex-direction:column;z-index:150!important}
.quote-dialog[open]{display:flex!important}
.quote-dialog:not([open]){display:none!important}
.quote-dialog::backdrop{background:#0922199c!important;backdrop-filter:blur(4px)}
.dialog-head{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;border:0!important;background:#f5faf6;padding:26px 24px 20px!important;border-bottom:1px solid #e0ece2}
.quote-heading-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ddf3e5;color:#107047;font-size:25px}
.quote-heading-copy{min-width:0}
.dialog-head .eyebrow{font-size:10px!important;color:#4a8a68!important;font-weight:800;letter-spacing:.07em;margin:0 0 4px!important}
.dialog-head h2{font-size:25px!important;font-weight:800!important;margin:0;line-height:1.2;letter-spacing:-.045em;color:#173a2b;overflow-wrap:anywhere}
.dialog-head .icon-button{height:42px;width:42px;border-radius:12px;background:#e7f0e9;display:grid;place-items:center;font-size:25px;line-height:1;color:#235642;cursor:pointer}
.dialog-head .icon-button:hover{background:#d8eade}
.dialog-intro{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:16px 24px 15px;background:#fff;border-bottom:1px solid #e5ede7}
.dialog-hint{margin:0!important;padding:0!important;line-height:1.55;color:#6b8072;font-size:12px;max-width:370px}
.quote-badge{display:grid;place-items:center;min-width:28px;height:28px;padding-inline:8px;background:#e9f7ed;border-radius:9px;color:#14774d;font-size:12px;font-weight:850}
.quote-items{padding:10px 24px 24px!important;max-height:none!important;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#cadece transparent;overscroll-behavior:contain}
.quote-row{display:grid;grid-template-columns:83px minmax(0,1fr) 30px;gap:13px;align-items:start;border-top:0;border-bottom:1px solid #e8eee9;padding:19px 0;min-width:0}
.quote-row-image{width:83px;height:83px;border:1px solid #e2ece4;border-radius:12px;background:#f5f8f5;overflow:hidden;display:grid;place-items:center}
.quote-row-image img{display:block;width:100%;height:100%;object-fit:contain;padding:5px;mix-blend-mode:multiply}
.quote-row-info{min-width:0}
.quote-item-code{display:block;font-size:10px;letter-spacing:.06em;color:#6c937a;font-weight:800;margin:0 0 4px}
.quote-row h3{font-size:14px!important;font-weight:750;line-height:1.4;letter-spacing:-.013em;margin:0!important;color:#173b2a;overflow-wrap:anywhere}
.quote-row h3 a:hover{color:#119462}
.quote-row-controls{display:inline-grid;grid-template-columns:36px 52px 36px;gap:0;align-items:center;margin-top:12px!important;border:1px solid #cfdfd2;border-radius:10px;overflow:hidden;background:#fff}
.quote-row-controls .quantity-button{height:36px;width:36px;border:0;border-radius:0!important;background:#f2f7f3;color:#19553a;font-size:20px;cursor:pointer}
.quote-row-controls .quantity-button:hover{background:#deefe4}
.quote-row-controls input{width:52px;min-width:0;max-width:52px;height:36px;border:0!important;border-inline:1px solid #d9e6dc!important;padding:2px 0!important;border-radius:0!important;background:white;color:#1d4432;text-align:center;font-size:13px;font-weight:700;appearance:textfield}
.quote-row-controls input::-webkit-inner-spin-button,.quote-row-controls input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.quote-row .remove-button{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f7f0ef;color:#94554e;font-size:24px;text-decoration:none;line-height:1;padding:0;cursor:pointer}
.quote-row .remove-button:hover{background:#ffe5e3;color:#bb2929}
.quote-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;text-align:center;gap:13px;padding:45px 15px}
.quote-empty-symbol{font-size:44px;background:#e9f7ed;color:#168250;border-radius:24px;width:95px;height:95px;display:grid;place-items:center}
.quote-empty-state h3{font-size:17px;font-weight:750;line-height:1.4;margin:0;max-width:330px}
.quote-explore{background:#147f53;color:#fff;border-radius:11px;padding:11px 17px;font-weight:750;font-size:13px}
.dialog-footer{flex:0 0 auto;padding:20px 24px calc(22px + env(safe-area-inset-bottom,0px))!important;border-top:1px solid #dce8df;background:#f7faf8!important;box-shadow:0 -12px 32px #0b251407;display:block!important}
.quote-summary{display:flex!important;align-items:center;justify-content:space-between;font-size:13px!important;font-weight:750;color:#173c2b;margin-bottom:13px!important}
.quote-summary .text-button{font-size:11px;color:#a15c52;font-weight:650;text-decoration:none;cursor:pointer;padding:6px 9px;border-radius:8px}
.quote-summary .text-button:hover{background:#fae9e8}
.dialog-footer .whatsapp-button{width:100%;min-height:54px;display:flex;justify-content:center;align-items:center;gap:12px;background:#0fa56d!important;color:white!important;border-radius:12px!important;font-size:15px!important;font-weight:850;cursor:pointer}
.dialog-footer .whatsapp-button:hover{background:#078454!important}
.dialog-footer .whatsapp-button:disabled{opacity:.5;cursor:not-allowed}
.whatsapp-mark{font-size:22px;line-height:1;font-weight:800}
.quote-trust{text-align:center;font-size:11px;color:#738677;margin:10px 0 0;line-height:1.45}
/* UI compact corrections */
.header-inner{gap:clamp(12px,2vw,26px)}
.header-actions{min-width:0}
.quote-button{white-space:nowrap}
.catalog,.collections{scroll-margin-top:100px}
@media (min-width:1600px){.hero-shell .hero{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.video-stage{max-height:465px}}
@media (min-width:901px) and (max-width:1199px){.hero-shell .hero{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:27px;padding-block:30px}.hero-shell .hero h1{font-size:clamp(36px,4.5vw,53px)}.video-thumb{flex-basis:74px;width:74px;height:55px}.video-library{padding:12px}}
@media(max-width:900px){.hero-shell .hero{grid-template-columns:1fr;gap:23px;padding-block:28px}.hero-shell .hero h1{font-size:clamp(37px,6vw,55px)}.hero-shell .hero-copy{padding:0}.hero-shell .hero-copy>p{margin-bottom:17px}.hero-shell .hero-note{margin-top:18px}.hero-art.hero-video-card{max-width:750px;margin:auto}.hero-shell .hero-bottom{padding-block:11px}.video-library-thumbs{gap:8px}}
@media(max-width:700px){.hero-shell .hero{gap:22px;padding-block:22px 30px}.hero-shell .hero h1{font-size:clamp(35px,10vw,47px);margin-bottom:13px}.hero-shell .hero-buttons{gap:9px}.hero-shell .hero-buttons .button{min-height:45px;padding-inline:15px}.hero-shell .hero-copy>p{font-size:14px;line-height:1.55}.hero-shell .hero-note{font-size:12px}.hero-art.hero-video-card{border-radius:16px}.video-stage{aspect-ratio:720/1080}.video-stage .hero-video{object-fit:contain!important}.video-topline{font-size:10px;top:12px;left:13px}.video-controls{bottom:10px;left:10px;right:10px;gap:6px}.video-controls button{min-width:38px;width:38px;height:38px;min-height:38px;border-radius:10px;font-size:20px}.video-controls .video-extra{min-width:36px;width:36px;font-size:18px}.video-controls .video-index{font-size:11px;margin-right:0}.video-library{padding:12px 12px 13px}.video-library-heading strong{font-size:13px}.video-library-count{font-size:9px}.video-thumb{flex:0 0 72px;width:72px;height:54px}.video-thumb[data-video-index="11"]{display:none}.quote-dialog{width:100vw!important;border-radius:0!important;border:0!important}.dialog-head{padding:17px 16px!important;gap:9px;grid-template-columns:37px minmax(0,1fr) 37px}.quote-heading-icon{width:37px;height:37px;font-size:21px}.dialog-head h2{font-size:21px!important}.dialog-head .icon-button{height:37px;width:37px}.dialog-intro{padding:12px 16px}.quote-items{padding:7px 16px 18px!important}.quote-row{grid-template-columns:72px minmax(0,1fr) 28px;gap:10px;padding:14px 0}.quote-row-image{height:72px;width:72px}.quote-row h3{font-size:12.5px!important}.quote-row-controls{margin-top:9px!important;grid-template-columns:32px 43px 32px}.quote-row-controls .quantity-button{height:33px;width:32px}.quote-row-controls input{width:43px;height:33px}.dialog-footer{padding:15px 16px calc(17px + env(safe-area-inset-bottom,0px))!important}.dialog-footer .whatsapp-button{min-height:49px}.quote-trust{font-size:10px}}
@media(max-width:390px){.video-controls button{width:34px;min-width:34px;height:35px;min-height:35px}.video-controls .video-extra{width:33px;min-width:33px}.video-library-count{max-width:91px}.quote-row{grid-template-columns:62px minmax(0,1fr) 27px;gap:8px}.quote-row-image{width:62px;height:62px}.quote-row h3{font-size:12px!important}.quote-row-controls{grid-template-columns:30px 39px 30px}.quote-row-controls .quantity-button{width:30px}.quote-row-controls input{width:39px}}
@media(prefers-reduced-motion:reduce){.video-thumb{transition:none}}
[dir="rtl"] .quote-dialog{inset:0 auto 0 0!important;border-left:0!important;border-right:1px solid #dbe9de!important;border-radius:0 22px 22px 0!important}
[dir="rtl"] .quote-dialog .dialog-head,[dir="rtl"] .quote-dialog .quote-row{direction:rtl}