@font-face { font-family: "Cormorant Garamond"; src: url("/fonts/cormorant-garamond-latin-v21.woff2") format("woff2"); font-style: normal; font-weight: 600 700; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Cormorant Garamond"; src: url("/fonts/cormorant-garamond-latin-ext-v21.woff2") format("woff2"); font-style: normal; font-weight: 600 700; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Manrope"; src: url("/fonts/manrope-latin-v23.woff2") format("woff2"); font-style: normal; font-weight: 400 700; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; src: url("/fonts/manrope-latin-ext-v23.woff2") format("woff2"); font-style: normal; font-weight: 400 700; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }

.template-shop-template-1 {
    --fashion-wine: var(--shop-accent, #7d1721);
    --fashion-wine-dark: #501017;
    --fashion-ink: #2f2525;
    --fashion-muted: #796f6c;
    --fashion-line: #e8e0dc;
    --fashion-cream: #fbf7f4;
    --fashion-blush: #f4e4df;
    min-height: 100vh;
    background: #fff;
    color: var(--fashion-ink);
    font-family: "Manrope", Arial, sans-serif;
}

.template-shop-template-1 > .shop-note,
.template-shop-template-1 > .shop-header,
.template-shop-template-1 > .shop-footer,
.template-shop-template-1 .shop-hero,
.template-shop-template-1 .shop-intro,
.template-shop-template-1 .craft-band {
    display: none !important;
}

.fashion-header-shell { background: #fff; position: relative; z-index: 20; }
.fashion-topbar { min-height: 35px; padding: 7px clamp(20px, 5vw, 76px); display: flex; align-items: center; justify-content: space-between; gap: 20px; background: #f8f5f3; color: #665c58; font-size: 11px; font-weight: 600; letter-spacing: .03em; }
.fashion-topbar span { display: flex; align-items: center; gap: 7px; }
.fashion-topbar i { width: 1px; height: 13px; background: #d4cbc7; margin: 0 5px; }
.fashion-header { min-height: 92px; padding: 18px clamp(20px, 5vw, 76px); display: grid; grid-template-columns: minmax(190px, 1fr) minmax(280px, 560px) minmax(310px, 1fr); align-items: center; gap: 34px; border-bottom: 1px solid var(--fashion-line); }
.fashion-brand { display: inline-flex; align-items: center; gap: 11px; color: var(--fashion-wine); text-decoration: none; min-width: 0; }
.fashion-brand > span { width: 42px; height: 42px; border: 2px solid currentColor; border-radius: 50% 50% 46% 54%; display: grid; place-items: center; font: 700 24px/1 "Cormorant Garamond", serif; box-shadow: 8px 0 0 -4px #edc9c5; }
.fashion-brand img { width: auto; max-width: 74px; height: 52px; object-fit: contain; }
.fashion-brand b { overflow: hidden; text-overflow: ellipsis; color: currentColor; font: 700 clamp(22px, 2vw, 31px)/1 "Cormorant Garamond", serif; letter-spacing: -.02em; }
.header-search { height: 47px; display: flex; align-items: center; border: 1px solid #ded6d1; border-radius: 999px; background: #fbf9f8; padding: 0 18px; transition: border-color .2s, box-shadow .2s; }
.header-search:focus-within { border-color: var(--fashion-wine); box-shadow: 0 0 0 3px color-mix(in srgb, var(--fashion-wine) 10%, transparent); }
.header-search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--fashion-ink); font: inherit; }
.header-search svg { color: var(--fashion-wine); }
.fashion-actions { display: flex; justify-content: flex-end; gap: clamp(12px, 1.6vw, 25px); }
.fashion-actions button { position: relative; display: grid; justify-items: center; gap: 3px; border: 0; background: transparent; color: var(--fashion-ink); font: 600 10px/1 "Manrope", sans-serif; cursor: pointer; }
.fashion-actions button:hover { color: var(--fashion-wine); }
.fashion-actions i { position: absolute; top: -7px; right: 2px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px; display: grid; place-items: center; background: var(--fashion-wine); color: #fff; font-style: normal; font-size: 9px; }
.fashion-nav { min-height: 50px; padding: 0 clamp(20px, 5vw, 76px); display: flex; align-items: center; gap: clamp(14px, 2vw, 30px); border-bottom: 1px solid var(--fashion-line); white-space: nowrap; overflow-x: auto; scrollbar-width: none; }
.fashion-nav::-webkit-scrollbar { display: none; }
.fashion-nav a, .fashion-nav button { border: 0; background: none; color: #483b39; text-decoration: none; font: 700 11px/1 "Manrope", sans-serif; text-transform: uppercase; letter-spacing: .035em; cursor: pointer; }
.fashion-nav a:hover, .fashion-nav button:hover { color: var(--fashion-wine); }
.fashion-nav > span { margin-left: auto; color: var(--fashion-wine); font-size: 11px; font-weight: 700; }

.fashion-hero { min-height: clamp(480px, 52vw, 690px); position: relative; isolation: isolate; display: flex; align-items: center; padding: clamp(48px, 7vw, 104px) clamp(24px, 8vw, 120px); background: var(--fashion-cream); background-image: var(--fashion-hero); background-position: center; background-size: cover; overflow: hidden; }
.fashion-hero::before { content: ""; position: absolute; z-index: -1; left: -21vw; top: -32%; width: min(66vw, 900px); aspect-ratio: 1; border: clamp(48px, 8vw, 120px) solid var(--fashion-wine); border-radius: 50%; opacity: .98; }
.fashion-hero::after { content: ""; position: absolute; z-index: -1; inset: 0 52% 0 0; background: linear-gradient(90deg, rgba(255,248,244,.98) 0%, rgba(255,248,244,.74) 62%, transparent 100%); }
.fashion-hero-copy { max-width: 560px; position: relative; z-index: 2; }
.fashion-hero-copy > p { margin: 0 0 20px; color: var(--fashion-wine); font-size: 11px; font-weight: 800; letter-spacing: .2em; }
.fashion-hero-copy h1 { max-width: 520px; margin: 0; color: var(--fashion-wine-dark); font: 700 clamp(48px, 6vw, 88px)/.9 "Cormorant Garamond", serif; letter-spacing: -.045em; }
.fashion-hero-copy > span { display: block; max-width: 430px; margin: 25px 0 31px; color: #655957; font-size: clamp(14px, 1.2vw, 17px); line-height: 1.75; }
.fashion-hero-copy a { width: max-content; min-height: 48px; padding: 0 25px; border-radius: 999px; display: flex; align-items: center; gap: 12px; background: var(--fashion-wine); color: #fff; text-decoration: none; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; box-shadow: 0 12px 26px rgba(89,17,25,.2); }
.fashion-hero-copy a:hover { background: var(--fashion-wine-dark); transform: translateY(-1px); }
.fashion-hero-dots { position: absolute; left: 50%; bottom: 22px; display: flex; gap: 8px; }
.fashion-hero-dots i { width: 7px; height: 7px; border: 1px solid var(--fashion-wine); border-radius: 50%; }
.fashion-hero-dots i:first-child { width: 22px; border-radius: 9px; background: var(--fashion-wine); }

.fashion-categories { padding: 80px clamp(20px, 6vw, 90px) 68px; text-align: center; background: #fff; }
.fashion-categories > p { margin: 0 0 8px; color: var(--fashion-wine); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .2em; }
.fashion-categories h2 { margin: 0 0 42px; font: 700 clamp(35px, 4vw, 55px)/1 "Cormorant Garamond", serif; color: var(--fashion-ink); }
.fashion-categories > div { max-width: 1240px; margin: auto; display: grid; grid-template-columns: repeat(6, minmax(120px, 1fr)); gap: clamp(14px, 2vw, 32px); }
.fashion-categories button { border: 0; background: transparent; display: grid; justify-items: center; gap: 7px; color: var(--fashion-ink); cursor: pointer; }
.fashion-categories button > span { width: 100%; max-width: 168px; aspect-ratio: 1; border: 6px solid var(--fashion-wine); border-radius: 50%; display: grid; place-items: center; background-color: var(--fashion-blush); background-size: cover; background-position: center; color: var(--fashion-wine); font: 700 54px/1 "Cormorant Garamond", serif; box-shadow: inset 0 0 0 6px #fff, 0 8px 24px rgba(63,32,31,.08); transition: transform .25s, box-shadow .25s; }
.fashion-categories button:hover > span { transform: translateY(-5px); box-shadow: inset 0 0 0 6px #fff, 0 17px 30px rgba(63,32,31,.15); }
.fashion-categories b { margin-top: 5px; font-size: 13px; }
.fashion-categories small { color: var(--fashion-muted); font-size: 10px; }

.template-shop-template-1 .collection { max-width: none; padding: 72px clamp(20px, 6vw, 90px) 92px; background: var(--fashion-cream); }
.template-shop-template-1 .collection > header { max-width: 1240px; margin: 0 auto 34px; align-items: end; }
.template-shop-template-1 .collection .shop-kicker { color: var(--fashion-wine); }
.template-shop-template-1 .collection h2 { font: 700 clamp(36px, 4vw, 54px)/1 "Cormorant Garamond", serif; color: var(--fashion-ink); }
.template-shop-template-1 .catalog-tools { border: 0; background: transparent; padding: 0; }
.template-shop-template-1 .catalog-tools > label { display: none; }
.template-shop-template-1 .shop-select { background: #fff; border-color: var(--fashion-line); border-radius: 999px; }
.template-shop-template-1 .shop-grid { max-width: 1240px; margin: auto; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 34px 20px; }
.template-shop-template-1 .shop-product { background: transparent; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
.template-shop-template-1 .shop-product:hover { transform: translateY(-3px); box-shadow: none; }
.template-shop-template-1 .shop-art { min-height: 360px; border-radius: 5px; background: #f0e6e1; }
.template-shop-template-1 .shop-art::after { content: "Tez baxış"; position: absolute; left: 12px; right: 12px; bottom: 12px; padding: 12px; border-radius: 3px; background: rgba(255,255,255,.92); color: var(--fashion-wine); text-align: center; font-size: 11px; font-weight: 800; text-transform: uppercase; transform: translateY(14px); opacity: 0; transition: .2s; }
.template-shop-template-1 .shop-product:hover .shop-art::after { transform: none; opacity: 1; }
.template-shop-template-1 .product-cover { width: 100%; height: 100%; object-fit: cover; }
.template-shop-template-1 .shop-art em { background: var(--fashion-wine); border-radius: 3px; }
.template-shop-template-1 .shop-art > small { display: none; }
.template-shop-template-1 .favorite-button, .template-shop-template-1 .compare-button { top: 12px; background: #fff; color: var(--fashion-ink); border: 0; box-shadow: 0 4px 16px rgba(45,30,28,.1); }
.template-shop-template-1 .favorite-button { right: 12px; }
.template-shop-template-1 .compare-button { right: 52px; }
.template-shop-template-1 .shop-product > div:last-child { padding: 16px 2px 0; }
.template-shop-template-1 .shop-product > div:last-child > p { color: var(--fashion-muted); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.template-shop-template-1 .shop-product h3 { font: 700 21px/1.15 "Cormorant Garamond", serif; }
.template-shop-template-1 .shop-product h3 a { color: var(--fashion-ink); }
.template-shop-template-1 .shop-product footer b { color: var(--fashion-wine); }
.template-shop-template-1 .quick-add { background: var(--fashion-wine); border-radius: 50%; }
.template-shop-template-1 .store-content-section { max-width: 1240px; margin: 65px auto; border-radius: 4px; background: var(--fashion-blush); }

.fashion-footer { padding: 72px clamp(24px, 7vw, 105px) 28px; display: grid; grid-template-columns: 1.45fr repeat(3, 1fr); gap: 48px; background: #271d1e; color: #dfd3cf; }
.fashion-footer > div { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.fashion-footer > div:first-child p { max-width: 350px; line-height: 1.7; }
.fashion-footer b { color: #fff; margin-bottom: 7px; }
.fashion-footer a, .fashion-footer button, .fashion-footer span { border: 0; padding: 0; background: transparent; color: #bcaeaa; text-decoration: none; font: inherit; font-size: 12px; text-align: left; cursor: pointer; }
.fashion-footer a:hover, .fashion-footer button:hover { color: #fff; }
.fashion-footer > p { grid-column: 1 / -1; margin: 30px 0 0; padding-top: 22px; border-top: 1px solid #443537; color: #8f8080; font-size: 11px; }
.fashion-brand.inverse { color: #fff; }

.fashion-whatsapp { position: fixed; z-index: 45; right: 24px; bottom: 26px; width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center; background: #22a968; color: #fff; font: 800 19px/1 "Manrope", sans-serif; text-decoration: none; box-shadow: 0 10px 25px rgba(23,117,71,.28); }
.fashion-mobile-bar { display: none; }
.fashion-age-gate { position: fixed; z-index: 200; inset: 0; display: grid; place-items: center; padding: 22px; background: rgba(28,18,18,.66); backdrop-filter: blur(3px); }
.fashion-age-gate article { width: min(100%, 470px); padding: 44px; border-radius: 13px; background: #fff; text-align: center; box-shadow: 0 24px 80px rgba(24,9,11,.35); }
.fashion-age-gate article > span { width: 58px; height: 58px; margin: auto; border-radius: 50%; display: grid; place-items: center; background: var(--fashion-wine); color: #fff; font-size: 18px; font-weight: 800; }
.fashion-age-gate h2 { margin: 22px 0 10px; font: 700 37px/1 "Cormorant Garamond", serif; }
.fashion-age-gate p { color: var(--fashion-muted); font-size: 13px; line-height: 1.65; }
.fashion-age-gate button { width: 100%; min-height: 48px; margin: 14px 0 11px; border: 0; border-radius: 5px; background: var(--fashion-wine); color: #fff; font: 700 12px/1 "Manrope", sans-serif; cursor: pointer; }
.fashion-age-gate a { color: var(--fashion-muted); font-size: 12px; }

@media (max-width: 1100px) {
    .fashion-header { grid-template-columns: 190px minmax(260px, 1fr) auto; gap: 20px; }
    .fashion-actions button span { display: none; }
    .fashion-actions { gap: 15px; }
    .fashion-categories > div { grid-template-columns: repeat(3, 1fr); row-gap: 30px; }
    .template-shop-template-1 .shop-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 760px) {
    .template-shop-template-1 { padding-bottom: 66px; }
    .fashion-topbar { min-height: 30px; justify-content: center; font-size: 9px; }
    .fashion-topbar > span:first-child, .fashion-topbar i, .fashion-topbar svg:last-of-type { display: none; }
    .fashion-header { min-height: auto; grid-template-columns: 1fr auto; gap: 14px; padding: 13px 16px; }
    .fashion-brand > span { width: 34px; height: 34px; font-size: 20px; }
    .fashion-brand img { height: 40px; max-width: 54px; }
    .fashion-brand b { font-size: 23px; }
    .fashion-actions button:not(:last-child) { display: none; }
    .fashion-actions button span { display: none; }
    .fashion-actions button { display: block; }
    .header-search { grid-column: 1 / -1; grid-row: 2; height: 43px; }
    .fashion-nav { min-height: 43px; padding: 0 16px; gap: 20px; }
    .fashion-nav > span { display: none; }
    .fashion-hero { min-height: 520px; align-items: flex-end; padding: 40px 22px; background-position: 64% center; }
    .fashion-hero::after { inset: 26% 0 0; background: linear-gradient(0deg, rgba(255,248,244,.98) 0%, rgba(255,248,244,.82) 58%, transparent 100%); }
    .fashion-hero::before { width: 600px; left: -450px; top: -80px; border-width: 74px; }
    .fashion-hero-copy h1 { font-size: 48px; }
    .fashion-hero-copy > span { margin: 15px 0 22px; font-size: 13px; line-height: 1.55; }
    .fashion-hero-copy > p { margin-bottom: 12px; font-size: 9px; }
    .fashion-hero-copy a { min-height: 44px; padding: 0 20px; }
    .fashion-hero-dots { display: none; }
    .fashion-categories { padding: 52px 15px 44px; }
    .fashion-categories h2 { margin-bottom: 27px; }
    .fashion-categories > div { display: flex; overflow-x: auto; justify-content: flex-start; gap: 15px; padding: 0 3px 12px; scroll-snap-type: x mandatory; }
    .fashion-categories button { flex: 0 0 112px; scroll-snap-align: start; }
    .fashion-categories button > span { border-width: 4px; box-shadow: inset 0 0 0 4px #fff; }
    .template-shop-template-1 .collection { padding: 48px 14px 65px; }
    .template-shop-template-1 .collection > header { display: block; }
    .template-shop-template-1 .catalog-tools { margin-top: 20px; overflow-x: auto; flex-wrap: nowrap; }
    .template-shop-template-1 .shop-select { min-width: 145px; }
    .template-shop-template-1 .shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 10px; }
    .template-shop-template-1 .shop-art { min-height: 235px; }
    .template-shop-template-1 .shop-art::after { display: none; }
    .template-shop-template-1 .compare-button { display: none; }
    .template-shop-template-1 .shop-product h3 { font-size: 17px; }
    .template-shop-template-1 .shop-product > div:last-child { padding-top: 11px; }
    .fashion-footer { padding: 48px 24px 28px; grid-template-columns: 1fr 1fr; gap: 35px 22px; }
    .fashion-footer > div:first-child { grid-column: 1 / -1; }
    .fashion-whatsapp { right: 16px; bottom: 80px; width: 48px; height: 48px; }
    .fashion-mobile-bar { position: fixed; z-index: 50; left: 0; right: 0; bottom: 0; height: 66px; padding: 7px 8px max(7px, env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(5, 1fr); background: rgba(255,255,255,.96); border-top: 1px solid var(--fashion-line); box-shadow: 0 -8px 24px rgba(44,30,29,.08); backdrop-filter: blur(12px); }
    .fashion-mobile-bar a, .fashion-mobile-bar button { position: relative; border: 0; background: transparent; display: grid; justify-items: center; align-content: center; gap: 3px; color: var(--fashion-ink); text-decoration: none; font: 600 9px/1 "Manrope", sans-serif; }
    .fashion-mobile-bar i { position: absolute; top: 1px; left: calc(50% + 7px); min-width: 16px; height: 16px; padding: 0 3px; display: grid; place-items: center; border-radius: 50%; background: var(--fashion-wine); color: #fff; font-style: normal; }
    .fashion-age-gate article { padding: 35px 24px; }
}

@media (max-width: 380px) {
    .template-shop-template-1 .shop-grid { grid-template-columns: 1fr; }
    .template-shop-template-1 .shop-art { min-height: 390px; }
}

@media (prefers-reduced-motion: reduce) {
    .template-shop-template-1 *, .template-shop-template-1 *::before, .template-shop-template-1 *::after { scroll-behavior: auto !important; transition: none !important; }
}