/* Yılmop 1.4.14 — edge-to-edge visual storefront. */
.ym-hero.ym-hero-wide{padding:0 0 30px;overflow:hidden;background:#f8fafc;border-bottom:1px solid #e7eaf0}
.ym-hero-wide .ym-hero-brandbar{display:flex;justify-content:center;align-items:center;gap:24px;padding:27px 24px 23px}
.ym-hero-wide .ym-hero-brandbar:before,.ym-hero-wide .ym-hero-brandbar:after{content:"";height:1px;width:clamp(40px,12vw,180px);background:linear-gradient(90deg,transparent,#d9dee8)}
.ym-hero-wide .ym-hero-brandbar:after{transform:rotate(180deg)}
.ym-hero-wide h1.ym-hero-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;margin:0;padding:11px 18px;border:1px solid #e6dce2;border-radius:99px;background:#fff;color:#bd2333;font-size:10px;font-weight:700;letter-spacing:.19em;line-height:1.4;box-shadow:0 3px 12px #24304b04}
.ym-hero-wide .ym-hero-brand .ym-green-dot{width:6px;height:6px;margin:0;background:#009846;box-shadow:0 0 0 4px #0098460a}
.ym-hero-wide .ym-panorama{position:relative;isolation:isolate;width:calc(100% - 48px);max-width:none;height:clamp(420px,37vw,640px);margin:0 24px;border:1px solid #dfe5ed;border-radius:28px;background:radial-gradient(ellipse at 16% 25%,#eaf0f799,transparent 42%),radial-gradient(ellipse at 88% 70%,#eff4f399,transparent 36%),#fff;box-shadow:0 14px 36px -24px #253f6860,inset 0 1px #fff;overflow:hidden;touch-action:pan-y pinch-zoom}
.ym-hero-wide .ym-panorama:before{content:"";position:absolute;z-index:-1;inset:-50% 12%;border:1px solid #e2e7ef88;border-radius:50%;background:none;transform:rotate(-22deg);pointer-events:none}
.ym-hero-wide .ym-panorama:after{content:"";position:absolute;z-index:-1;width:280px;height:280px;inset:auto -80px -120px auto;border:1px solid #dbe2ed99;border-radius:50%;background:repeating-linear-gradient(135deg,transparent 0 15px,#39318508 15px 16px);pointer-events:none}
.ym-hero-wide .ym-gallery-stage{position:absolute;inset:14px clamp(60px,8vw,160px) 72px;mix-blend-mode:multiply}
.ym-hero-wide .ym-gallery-slide{transform:translateX(10px);transition:opacity .75s ease,visibility .75s,transform .9s cubic-bezier(.2,.65,.3,1)}
.ym-hero-wide .ym-gallery-slide.is-active{transform:translateX(0);pointer-events:auto}
.ym-hero-wide .ym-gallery-product-link{display:grid;place-items:center;width:100%;height:100%;min-height:0;outline-offset:-4px}
.ym-hero-wide .ym-gallery-photo{width:100%;height:100%;max-width:1100px;max-height:100%;object-fit:contain;animation:none!important;filter:none;transform:none}
.ym-hero-wide .ym-gallery-controls[hidden]{display:none}
.ym-hero-wide .ym-gallery-arrow{position:absolute;top:calc(50% - 26px);display:grid;place-items:center;z-index:4;width:52px;height:52px;padding:0;border:1px solid #e0e6ef;border-radius:50%;background:#fffffff0;color:#293a61;box-shadow:0 5px 15px #263d6410;transition:background .2s,color .2s,transform .2s;touch-action:manipulation}
.ym-hero-wide .ym-gallery-prev{left:clamp(16px,2.5vw,48px)}
.ym-hero-wide .ym-gallery-next{right:clamp(16px,2.5vw,48px)}
.ym-hero-wide .ym-gallery-prev svg{transform:rotate(180deg)}
.ym-hero-wide .ym-gallery-arrow:hover{background:#393185;color:#fff;border-color:#393185;transform:translateY(-2px)}
.ym-hero-wide .ym-gallery-dock{position:absolute;z-index:4;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;min-height:48px;padding:2px 10px 2px 18px;border:1px solid #e1e6ed;border-radius:99px;background:#fffffff0;box-shadow:0 5px 18px #243d6208}
.ym-hero-wide .ym-gallery-count{white-space:nowrap;font-size:10px;letter-spacing:.03em;color:#8a93a6}
.ym-hero-wide .ym-gallery-count b{font-size:13px;font-weight:650;color:#393185}
.ym-hero-wide .ym-gallery-selectors{position:static;display:flex;gap:0;padding:0;border-left:1px solid #e8ecf2;padding-left:6px}
.ym-hero-wide .ym-gallery-selectors button{width:36px;height:44px;border-radius:10px}
.ym-hero-wide .ym-gallery-selectors button>span{width:6px;height:6px;border-radius:8px;background:#c9d0db}
.ym-hero-wide .ym-gallery-selectors button[aria-pressed="true"]>span{width:24px;background:#393185}
.ym-hero-wide .ym-gallery-selectors button:hover>span{background:#009846}
.ym-hero-wide .ym-gallery-play{display:grid;place-items:center;position:relative;width:44px;height:44px;padding:0;border-radius:50%;background:none;color:#65718a;touch-action:manipulation}
.ym-hero-wide .ym-gallery-play:hover{background:#eef1f8;color:#393185}
.ym-hero-wide .ym-gallery-play svg{grid-area:1/1}
.ym-hero-wide .ym-play-icon{display:none}
.ym-hero-wide .is-paused .ym-play-icon{display:block}
.ym-hero-wide .is-paused .ym-pause-icon{display:none}
.ym-hero-wide .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1800px){.ym-hero-wide .ym-gallery-stage{inset-block:20px 78px}}
@media(max-width:800px){.ym-hero.ym-hero-wide{padding-bottom:22px}.ym-hero-wide .ym-hero-brandbar{padding-block:22px 18px;gap:16px}.ym-hero-wide .ym-panorama{height:450px;width:calc(100% - 32px);margin-inline:16px;border-radius:22px}.ym-hero-wide .ym-gallery-stage{inset:32px 32px 104px}.ym-hero-wide .ym-gallery-arrow{top:auto;bottom:18px;width:44px;height:44px}.ym-hero-wide .ym-gallery-prev{left:16px}.ym-hero-wide .ym-gallery-next{right:16px}.ym-hero-wide .ym-gallery-dock{bottom:16px;gap:7px;padding-inline:10px}.ym-hero-wide .ym-gallery-count{display:none}.ym-hero-wide .ym-gallery-selectors{padding:0;border:0}}
@media(max-width:480px){.ym-hero-wide .ym-hero-brandbar{gap:10px;padding:19px 12px 16px}.ym-hero-wide h1.ym-hero-brand{font-size:8px;letter-spacing:.16em;padding:10px 14px}.ym-hero-wide .ym-hero-brandbar:before,.ym-hero-wide .ym-hero-brandbar:after{width:30px;flex:1}.ym-hero-wide .ym-panorama{height:320px;width:calc(100% - 16px);margin-inline:8px;border-radius:18px}.ym-hero-wide .ym-gallery-stage{inset:10px 4px 85px}.ym-hero-wide .ym-gallery-dock{bottom:14px;padding:0 5px;min-height:44px;gap:0;box-shadow:none}.ym-hero-wide .ym-gallery-selectors button{width:30px}.ym-hero-wide .ym-gallery-play{width:36px}.ym-hero-wide .ym-gallery-prev{left:12px}.ym-hero-wide .ym-gallery-next{right:12px}.ym-hero-wide .ym-gallery-arrow{bottom:15px;width:44px;height:44px}.ym-hero-wide .ym-gallery-arrow svg{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.ym-hero-wide .ym-gallery-slide,.ym-hero-wide .ym-gallery-arrow,.ym-hero-wide .ym-gallery-selectors button>span{transition:none}.ym-hero-wide .ym-gallery-slide{transform:none}}

/* Keep up to 12 selectors inside the mobile control dock. */
.ym-hero-wide .ym-gallery-dock{max-width:calc(100% - 160px);width:max-content}
.ym-hero-wide .ym-gallery-selectors{min-width:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.ym-hero-wide .ym-gallery-selectors::-webkit-scrollbar{display:none}
.ym-hero-wide .ym-gallery-selectors button,.ym-hero-wide .ym-gallery-play,.ym-hero-wide .ym-gallery-count{flex-shrink:0}
@media(max-width:480px){.ym-hero-wide .ym-gallery-dock{max-width:calc(100% - 132px)}}
