@font-face{font-family:'Sora';src:url('sora-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'ABC Arizona Serif';src:url('arizona-serif-regular.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'ABC Arizona Serif';src:url('arizona-serif-italic.otf') format('opentype');font-style:italic;font-weight:400;font-display:swap}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'ABC Arizona Serif',Georgia,serif;font-synthesis:none;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(33,63,63,.12)}img{display:block;max-width:100%;height:auto}::selection{background:var(--accent);color:var(--deep)}
a:focus-visible{outline:3px solid var(--deep);outline-offset:5px}.skip-link{position:fixed;top:12px;left:12px;z-index:10;transform:translateY(-160%);padding:14px 18px;background:var(--accent);border-radius:8px;font-size:16px}.skip-link:focus{transform:translateY(0)}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}
main{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}.shell{flex:1;display:flex;flex-direction:column;justify-content:center;gap:38px;padding:calc(32px + env(safe-area-inset-top,0px)) max(22px,env(safe-area-inset-right,0px)) calc(30px + env(safe-area-inset-bottom,0px)) max(22px,env(safe-area-inset-left,0px))}.brand-panel{flex-shrink:0}.brand-panel picture{display:block;width:190px;aspect-ratio:1583/404}.brand-logo{width:100%;height:100%;object-fit:contain;object-position:left center}.content{flex-shrink:0;background:var(--paper)}h1{font-size:clamp(34px,9.1vw,39px);line-height:1.1;letter-spacing:-1.1px;margin:0 0 27px;font-weight:400}h1 em{font-size:1.13em;font-style:italic;letter-spacing:-.8px}
.shops{display:grid;gap:12px;scroll-margin-top:16px;outline:none}.shop-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:120px;padding:25px 23px;border:1px solid;border-radius:17px;transition:transform .32s var(--ease),box-shadow .32s var(--ease),background-color .32s var(--ease)}.trendyol{background:var(--card-trendyol,#e8eddf);border-color:var(--border-trendyol,#dce5d2)}.hepsiburada{background:var(--card-hepsiburada,#f6efe9);border-color:var(--border-hepsiburada,#ecdfd3)}.shop-logo{object-fit:contain;object-position:left center;flex:none}.trendyol .shop-logo{width:150px;height:auto}.hepsiburada .shop-logo{width:202px;height:auto}.circle-arrow{display:grid;place-items:center;flex:none;height:42px;width:42px;border-radius:50%;background:var(--arrow-hepsiburada,#ff6000);color:white;transition:transform .32s var(--ease),background-color .32s var(--ease)}.trendyol .circle-arrow{background:var(--arrow-trendyol,#f27a1a)}.circle-arrow .icon{height:21px;width:21px;stroke-width:1.75}.shop-card:active{transform:scale(.986)}
footer{flex-shrink:0;text-align:center;color:var(--muted);padding:0 max(22px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(22px,env(safe-area-inset-left,0px))}footer p{font-family:'Sora',sans-serif;font-weight:400;font-size:13px;line-height:1.5;margin:0}footer a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;display:inline-block;padding:8px 0;margin:-8px 0}footer a:hover{text-decoration-thickness:2px}
@media(hover:hover) and (pointer:fine){.shop-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(33,63,63,.1)}.shop-card:hover .circle-arrow{transform:translate(2px,-2px);background:var(--arrow-hover,#dc5504)}}
@media(min-width:600px) and (max-width:899px){.shell{padding-left:max(32px,calc((100vw - 560px)/2));padding-right:max(32px,calc((100vw - 560px)/2))}}
@media(min-width:900px){body{background:var(--canvas)}main{display:grid;grid-template-rows:minmax(620px,1fr) auto;place-items:center;gap:32px;padding:40px 40px calc(24px + env(safe-area-inset-bottom,0px))}.shell{align-self:center;display:grid;grid-template-columns:38% 62%;width:min(1080px,100%);min-height:620px;padding:0;gap:0;border:1px solid #ffffffa6;border-radius:28px;overflow:hidden;box-shadow:0 28px 80px rgba(33,63,63,.11)}.brand-panel{display:grid;place-items:center;align-self:stretch;background:var(--panel,var(--ink));padding:48px}.brand-panel picture{width:270px}.brand-logo{object-position:center;filter:var(--desktop-logo-filter,none)}.content{display:flex;flex-direction:column;justify-content:center;padding:48px 46px}h1{font-size:44px;line-height:1.12;margin-bottom:34px}.shop-card{padding:26px 25px}.trendyol .shop-logo{width:166px}.hepsiburada .shop-logo{width:220px}footer{padding:0 max(0px,env(safe-area-inset-right,0px)) 0 max(0px,env(safe-area-inset-left,0px))}}
@media(min-width:900px) and (max-width:1100px){main{padding:28px}.brand-panel{padding:35px}.brand-panel picture{width:240px}.content{padding:36px 34px}h1{font-size:39px}.hepsiburada .shop-logo{width:208px}}
@media(max-width:359px){.shell{padding-left:18px;padding-right:18px}.shop-card{padding-left:18px;padding-right:18px}.hepsiburada .shop-logo{width:180px}}
@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.brand-panel picture,h1,.shops,footer{animation:enter .5s var(--ease) both}h1{animation-delay:35ms}.shops{animation-delay:70ms}footer{animation-delay:105ms}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}