/* Aşiyan Storefront V13 — motion, mouse-follow zoom, editorial blog commerce and footer refresh */ :root{ --v13-ink:#1b1715; --v13-paper:#fbf8f4; --v13-plum:#7f304e; --v13-rose:#b96d83; --v13-gold:#b18a52; --v13-line:#e9e1d8; --v13-ease:cubic-bezier(.22,.72,.18,1); } /* Page motion: quick enough to feel premium, never slow enough to annoy. */ /* Never transform : transformed ancestors break sticky/fixed UI in Safari and Chromium. */ body.storefront-v13{animation:v13-page-in .42s ease both;transform:none!important} body.storefront-v13.v13-page-leaving{animation:none;opacity:0;transform:none!important;transition:opacity .18s ease} @keyframes v13-page-in{from{opacity:0}to{opacity:1}} .storefront-v13 .v13-reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .65s var(--v13-ease),transform .65s var(--v13-ease)} .storefront-v13 .v13-reveal-ready.is-visible{opacity:1;transform:none} /* Shared interactive language */ .storefront-v13 a,.storefront-v13 button{transition:color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .25s ease,transform .25s var(--v13-ease),opacity .22s ease} .storefront-v13 :where(.v7-btn-dark,.v7-hero-offer a,.auth-form button,.stock-alert-submit,.product-add-button,.checkout-button,.footer-editorial>a,.v7-newsletter button){position:relative;isolation:isolate;overflow:hidden} .storefront-v13 :where(.v7-btn-dark,.v7-hero-offer a,.auth-form button,.stock-alert-submit,.product-add-button,.checkout-button,.footer-editorial>a,.v7-newsletter button)::before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(110deg,transparent 10%,rgba(255,255,255,.26) 48%,transparent 72%);transform:translateX(-125%);transition:transform .65s var(--v13-ease)} .storefront-v13 :where(.v7-btn-dark,.v7-hero-offer a,.auth-form button,.stock-alert-submit,.product-add-button,.checkout-button,.footer-editorial>a,.v7-newsletter button):hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(30,21,18,.16)} .storefront-v13 :where(.v7-btn-dark,.v7-hero-offer a,.auth-form button,.stock-alert-submit,.product-add-button,.checkout-button,.footer-editorial>a,.v7-newsletter button):hover::before{transform:translateX(125%)} .storefront-v13 .auth-form button .icon,.storefront-v13 .v7-btn-link .icon,.storefront-v13 .v7-section-head a .icon,.storefront-v13 .footer-editorial>a .icon{transition:transform .28s var(--v13-ease)} .storefront-v13 .auth-form button:hover .icon,.storefront-v13 .v7-btn-link:hover .icon,.storefront-v13 .v7-section-head a:hover .icon,.storefront-v13 .footer-editorial>a:hover .icon{transform:translateX(5px)} .storefront-v13 .header-icon:hover{background:#f5f0eb!important;border-radius:999px;transform:translateY(-2px)} .storefront-v13 .nav-entry>a:after{height:2px!important;bottom:-13px!important;background:linear-gradient(90deg,var(--v13-plum),var(--v13-gold))!important} .storefront-v13 .mega-menu-links>a:hover{padding-left:8px;color:var(--v13-plum)} .storefront-v13 .mega-menu-links>a:hover .icon{transform:translateX(5px)} /* STİLİNİ KEŞFET cards */ .storefront-v13 .v7-category-grid{gap:15px} .storefront-v13 .v7-category-card{isolation:isolate;border:1px solid rgba(92,67,53,.08);box-shadow:0 8px 24px rgba(53,39,30,.035);transition:transform .5s var(--v13-ease),box-shadow .5s var(--v13-ease),border-color .35s ease} .storefront-v13 .v7-category-card:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(125deg,rgba(255,255,255,.42),transparent 45%);opacity:0;transition:opacity .4s ease} .storefront-v13 .v7-category-card:after{content:"";position:absolute;left:18px;right:calc(52% + 15px);bottom:17px;height:1px;background:var(--v13-ink);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--v13-ease)} .storefront-v13 .v7-category-copy{transition:transform .45s var(--v13-ease)} .storefront-v13 .v7-category-copy span .icon{transition:transform .35s var(--v13-ease)} .storefront-v13 .v7-category-image img{transition:transform .8s var(--v13-ease),filter .5s ease!important} .storefront-v13 .v7-category-card:hover{transform:translateY(-8px);border-color:rgba(127,48,78,.2);box-shadow:0 22px 48px rgba(48,31,25,.12)} .storefront-v13 .v7-category-card:hover:before{opacity:1} .storefront-v13 .v7-category-card:hover:after{transform:scaleX(1)} .storefront-v13 .v7-category-card:hover .v7-category-copy{transform:translateX(4px)} .storefront-v13 .v7-category-card:hover .v7-category-copy .icon{transform:translateX(6px)} .storefront-v13 .v7-category-card:hover .v7-category-image img{transform:scale(1.09) rotate(.4deg)!important;filter:saturate(1.05) contrast(1.02)} .storefront-v13 .v7-color-card{transition:transform .4s var(--v13-ease),box-shadow .4s ease,border-color .3s ease} .storefront-v13 .v7-color-card:hover{transform:translateY(-5px) scale(1.015);border-color:rgba(255,255,255,.45);box-shadow:0 16px 30px rgba(0,0,0,.22)} .storefront-v13 .v7-product-card{transition:transform .38s var(--v13-ease)} .storefront-v13 .v7-product-card:hover{transform:translateY(-5px)} /* Product gallery: remove old fabric teaser and zoom wherever the mouse moves. */ .storefront-v13 .product-v8-fabric-card{display:none!important} @media (hover:hover) and (pointer:fine) and (min-width:901px){ .storefront-v13 .product-media-v12 .product-gallery-slide.active img[data-zoom-image]{cursor:zoom-in;will-change:transform;transform-origin:var(--v13-zoom-x,50%) var(--v13-zoom-y,50%)!important;transition:transform .32s var(--v13-ease),filter .25s ease!important} .storefront-v13 .product-media-v12 .product-gallery-slide.active.is-pointer-zoom img[data-zoom-image]{transform:scale(1.72)!important;transition:transform .11s ease-out,filter .25s ease!important;filter:contrast(1.015) saturate(1.015)} .storefront-v13 .product-media-v12 .product-gallery-slide.active.is-pointer-zoom{cursor:zoom-in} } /* Blog article proportions and contrast fixes */ .storefront-v13 .article-page{background:linear-gradient(180deg,#fff 0,#fff 72%,#f8f4ef 100%)} .storefront-v13 .article-head{padding-top:62px;padding-bottom:38px} .storefront-v13 .article-head h1{font-size:clamp(48px,6.2vw,82px);line-height:.94;text-wrap:balance} .storefront-v13 .article-cover{width:min(1240px,calc(100% - 48px));max-width:none;height:auto;aspect-ratio:16/8.4;max-height:640px;min-height:360px;margin:0 auto 64px;padding:0;border-radius:24px;overflow:hidden;background:#ede6df;box-shadow:0 24px 70px rgba(47,34,27,.11)} .storefront-v13 .article-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 34%;transition:transform 1s var(--v13-ease)} .storefront-v13 .article-cover:hover img{transform:scale(1.018)} .storefront-v13 .article-layout{grid-template-columns:120px minmax(0,760px) 205px;gap:42px;padding-bottom:74px} .storefront-v13 .article-content{font-size:16px;line-height:1.92;color:#403936} .storefront-v13 .article-content>p:first-of-type:first-letter{float:left;margin:.08em .12em 0 0;font:600 4.7em/.72 "Cormorant Garamond",serif;color:var(--v13-plum)} .storefront-v13 .article-content :where(h2,h3){text-wrap:balance} .storefront-v13 .article-meta{padding:18px;border:1px solid var(--v13-line);border-radius:16px;background:#fff;box-shadow:0 12px 35px rgba(44,31,25,.055)} .storefront-v13 .article-meta>a{min-height:52px;margin:16px -7px -7px!important;padding:0 15px!important;border-radius:11px;background:#191614!important;color:#fff!important;text-decoration:none!important} .storefront-v13 .article-meta>a span,.storefront-v13 .article-meta>a .icon{color:#fff!important;stroke:#fff!important} .storefront-v13 .article-meta>a:hover{background:var(--v13-plum)!important;transform:translateY(-2px);box-shadow:0 12px 28px rgba(83,28,51,.2)} .storefront-v13 .article-share a:hover{color:var(--v13-plum);transform:translateX(3px)} .storefront-v13 .article-product{border-radius:19px!important;overflow:hidden;background:linear-gradient(125deg,#eee1df,#f9f4f0)!important;box-shadow:0 15px 40px rgba(57,39,31,.08)} .storefront-v13 .article-product>a{overflow:hidden} .storefront-v13 .article-product>a img{transition:transform .7s var(--v13-ease)} .storefront-v13 .article-product:hover>a img{transform:scale(1.045)} /* Automatic product slider inside blog articles */ .storefront-v13 .article-commerce{width:min(1420px,calc(100% - 72px));margin:0 auto 88px;padding:42px 0 34px;border-top:1px solid #dcd2c8;border-bottom:1px solid #dcd2c8;overflow:hidden} .storefront-v13 .article-commerce>header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:26px} .storefront-v13 .article-commerce>header>div:first-child{max-width:700px} .storefront-v13 .article-commerce>header span{font-size:8px;font-weight:800;letter-spacing:.2em;color:var(--v13-plum)} .storefront-v13 .article-commerce>header h2{margin:7px 0 5px;font:600 clamp(38px,4.2vw,60px)/.95 "Cormorant Garamond",serif;letter-spacing:-.035em} .storefront-v13 .article-commerce>header p{margin:0;color:#786e67;font-size:11px} .storefront-v13 .article-commerce-nav{display:flex;gap:8px} .storefront-v13 .article-commerce-nav button{width:45px;height:45px;border:1px solid #d8cec5;border-radius:50%;background:#fff;display:grid;place-items:center;cursor:pointer} .storefront-v13 .article-commerce-nav button:hover{background:var(--v13-ink);border-color:var(--v13-ink);color:#fff;transform:translateY(-3px)} .storefront-v13 .article-commerce-nav .icon{width:16px} .storefront-v13 .article-commerce-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,24%);gap:14px;overflow-x:auto;padding:0 1px 13px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none} .storefront-v13 .article-commerce-track::-webkit-scrollbar{display:none} .storefront-v13 .article-commerce-card{min-width:0;scroll-snap-align:start} .storefront-v13 .article-commerce-media{position:relative;display:block;aspect-ratio:.76;border-radius:14px;overflow:hidden;background:#eee7e0} .storefront-v13 .article-commerce-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(22,17,14,.38));opacity:.72;transition:opacity .35s ease} .storefront-v13 .article-commerce-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .75s var(--v13-ease)} .storefront-v13 .article-commerce-media>span{position:absolute;left:11px;top:11px;z-index:2;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);font-size:6px;font-weight:850;letter-spacing:.1em;color:#342c28} .storefront-v13 .article-commerce-media>i{position:absolute;right:12px;bottom:12px;z-index:2;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--v13-ink);display:grid;place-items:center;transform:translateY(8px);opacity:0;transition:.35s var(--v13-ease)} .storefront-v13 .article-commerce-media>i .icon{width:15px} .storefront-v13 .article-commerce-card:hover .article-commerce-media img{transform:scale(1.055)} .storefront-v13 .article-commerce-card:hover .article-commerce-media:after{opacity:1} .storefront-v13 .article-commerce-card:hover .article-commerce-media>i{transform:none;opacity:1} .storefront-v13 .article-commerce-card>div{padding:12px 2px 0} .storefront-v13 .article-commerce-card>div>a{display:block;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .storefront-v13 .article-commerce-card>div>a:hover{color:var(--v13-plum)} .storefront-v13 .article-commerce-card p{display:flex;gap:8px;align-items:baseline;margin:5px 0 0} .storefront-v13 .article-commerce-card strong{font-size:11px}.storefront-v13 .article-commerce-card del{font-size:9px;color:#978c84} .storefront-v13 .article-commerce-progress{height:2px;margin-top:18px;background:#e6ddd5;overflow:hidden} .storefront-v13 .article-commerce-progress i{display:block;width:20%;height:100%;background:linear-gradient(90deg,var(--v13-plum),var(--v13-gold));transform-origin:left;transition:width .32s ease} /* Footer: editorial, layered and visibly intentional. */ .storefront-v13 .store-benefits{position:relative;z-index:2;margin-bottom:0!important;border-radius:18px 18px 0 0!important;box-shadow:0 -10px 35px rgba(38,27,22,.045)} .storefront-v13 .store-footer{position:relative;overflow:hidden;padding:0 max(40px,calc((100vw - 1440px)/2))!important;background:radial-gradient(circle at 12% 8%,#503140 0,transparent 35%),linear-gradient(135deg,#151113 0%,#24191f 58%,#171313 100%)!important} .storefront-v13 .store-footer:after{content:"A";position:absolute;right:-38px;bottom:-130px;font:600 410px/1 "Cormorant Garamond",serif;color:rgba(255,255,255,.025);pointer-events:none} .storefront-v13 .footer-editorial{position:relative;z-index:1;min-height:250px;padding:48px 0 42px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:50px;border-bottom:1px solid rgba(255,255,255,.14)} .storefront-v13 .footer-editorial>div{max-width:880px} .storefront-v13 .footer-editorial>div>span{font-size:8px;font-weight:800;letter-spacing:.24em;color:#d6a3b4} .storefront-v13 .footer-editorial h2{margin:14px 0 0;font:500 clamp(43px,5vw,72px)/.93 "Cormorant Garamond",serif;letter-spacing:-.038em;color:#fff;text-wrap:balance} .storefront-v13 .footer-editorial>a{height:54px;padding:0 20px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;display:flex;align-items:center;gap:24px;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap} .storefront-v13 .footer-editorial>a:hover{background:#fff;color:#1d1719;border-color:#fff} .storefront-v13 .footer-main{position:relative;z-index:1;padding:48px 0 42px!important;grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(150px,.72fr))!important;gap:48px!important} .storefront-v13 .footer-brand h2{display:block!important;margin:25px 0 13px;font:500 34px/.98 "Cormorant Garamond",serif;color:#fff} .storefront-v13 .footer-brand p{max-width:330px!important;color:#bfb2b7!important} .storefront-v13 .footer-social{display:grid!important;gap:0!important;margin-top:20px;border-top:1px solid rgba(255,255,255,.12)} .storefront-v13 .footer-social a{width:100%!important;height:36px!important;padding:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:#cfc5c8!important} .storefront-v13 .footer-social a:hover{padding-left:6px!important;color:#fff!important} .storefront-v13 .footer-social a b{font-weight:400} .storefront-v13 .footer-column a{position:relative;width:max-content} .storefront-v13 .footer-column a:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:#d7a2b4;transition:right .3s var(--v13-ease)} .storefront-v13 .footer-column a:hover:after{right:0} .storefront-v13 .footer-bottom{position:relative;z-index:1;height:auto!important;min-height:73px;padding:18px 0!important} .storefront-v13 .footer-payment{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} .storefront-v13 .footer-payment b{padding:6px 8px;border:1px solid rgba(255,255,255,.16);border-radius:6px;color:#d9d0d3;font-size:7px;letter-spacing:.05em} @media(max-width:1100px){ .storefront-v13 .article-layout{grid-template-columns:minmax(0,760px);max-width:820px}.storefront-v13 .article-share,.storefront-v13 .article-meta{position:relative;top:auto;display:flex;align-items:center;flex-wrap:wrap}.storefront-v13 .article-meta>a{margin:0 0 0 auto!important} .storefront-v13 .article-commerce-track{grid-auto-columns:minmax(220px,32%)} .storefront-v13 .footer-main{grid-template-columns:1.25fr repeat(3,minmax(130px,1fr))!important;gap:28px!important}.storefront-v13 .footer-brand{grid-row:auto} } @media(max-width:760px){ body.storefront-v13{animation-duration:.35s} .storefront-v13 .v13-reveal-ready{transform:translateY(14px)} .storefront-v13 .v7-category-card:hover,.storefront-v13 .v7-product-card:hover{transform:none} .storefront-v13 .article-head{padding:44px 18px 30px}.storefront-v13 .article-head h1{font-size:clamp(43px,14vw,60px)} .storefront-v13 .article-cover{width:calc(100% - 20px);min-height:0;max-height:none;aspect-ratio:4/3;margin-bottom:42px;border-radius:16px}.storefront-v13 .article-cover img{object-position:center top} .storefront-v13 .article-layout{padding:0 16px 58px;gap:21px}.storefront-v13 .article-content{font-size:14px;line-height:1.82}.storefront-v13 .article-content>p:first-of-type:first-letter{font-size:4em} .storefront-v13 .article-share,.storefront-v13 .article-meta{padding:13px;border-radius:13px}.storefront-v13 .article-meta>a{width:100%;margin:8px 0 0!important} .storefront-v13 .article-commerce{width:100%;margin-bottom:58px;padding:35px 14px 30px}.storefront-v13 .article-commerce>header{align-items:flex-start}.storefront-v13 .article-commerce>header p{display:none}.storefront-v13 .article-commerce-nav{display:none}.storefront-v13 .article-commerce-track{grid-auto-columns:72%;gap:10px;margin-right:-14px}.storefront-v13 .article-commerce-media{border-radius:12px} .storefront-v13 .store-benefits{border-radius:0!important} .storefront-v13 .store-footer{padding:0 18px!important}.storefront-v13 .footer-editorial{min-height:0;padding:42px 0 35px;grid-template-columns:1fr;gap:25px}.storefront-v13 .footer-editorial h2{font-size:44px}.storefront-v13 .footer-editorial>a{width:100%;justify-content:space-between} .storefront-v13 .footer-main{grid-template-columns:1fr!important;gap:0!important;padding:35px 0!important}.storefront-v13 .footer-brand{grid-row:auto;padding-bottom:28px} .storefront-v13 .footer-column{padding:0;border-top:1px solid rgba(255,255,255,.13)!important}.storefront-v13 .footer-column summary{height:54px;margin:0!important;display:flex;align-items:center;justify-content:space-between;cursor:pointer!important}.storefront-v13 .footer-column summary .icon{display:block!important}.storefront-v13 .footer-column>div{padding:0 0 18px} .storefront-v13 .footer-bottom{align-items:flex-start!important;flex-direction:column!important;gap:13px!important;padding-bottom:92px!important}.storefront-v13 .footer-payment{justify-content:flex-start} } /* Fixed/sticky recovery for mobile storefront controls. */ @media(max-width:900px){ .storefront-v13 .app-tabbar{ position:fixed!important; left:0!important; right:0!important; bottom:0!important; z-index:1500!important; transform:none; } .storefront-v13.page-product .product-purchase{ position:fixed!important; left:0!important; right:0!important; bottom:72px!important; z-index:1450!important; margin:0!important; padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important; background:rgba(255,255,255,.98)!important; border-top:1px solid var(--v13-line)!important; box-shadow:0 -10px 30px rgba(33,24,20,.1)!important; backdrop-filter:blur(16px)!important; } .storefront-v13.page-product .store-footer{ padding-bottom:72px!important; } } @media(prefers-reduced-motion:reduce){ body.storefront-v13{animation:none!important}.storefront-v13 *{scroll-behavior:auto!important}.storefront-v13 .v13-reveal-ready{opacity:1!important;transform:none!important;transition:none!important} }