/* SABUNIQUE — Craft üslubunda vitrin */
*,*::before,*::after{box-sizing:border-box}
html{font-size:62.5%;height:100%}
body{margin:0;min-height:100%;display:flex;flex-direction:column;font-family:var(--font-body-family);font-size:1.5rem;letter-spacing:.06rem;line-height:1.8;color:rgba(var(--color-foreground),.75);background:rgb(var(--color-background));-webkit-font-smoothing:antialiased}
@media(min-width:750px){body{font-size:1.6rem}}
main{flex:1}
img{max-width:100%;display:block}
a{color:rgb(var(--color-foreground))}
h1,h2,h3,h4,h5,.h1,.h2{font-family:var(--font-heading-family);font-weight:300;letter-spacing:.06rem;color:rgb(var(--color-foreground));line-height:1.3;word-break:break-word}
h1,.h1{font-size:3.3rem}h2,.h2{font-size:2.6rem}h3{font-size:1.9rem}
@media(min-width:750px){h1,.h1{font-size:4.4rem}h2,.h2{font-size:2.6rem}h3{font-size:1.9rem}}
.page-width{max-width:120rem;margin:0 auto;padding:0 1.5rem}
@media(min-width:750px){.page-width{padding:0 5rem}}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:100;background:#fff;padding:1rem}
.icon{width:2rem;height:2rem}
.visually-hidden{position:absolute!important;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}

/* Elan zolağı */
.announcement-bar{background:rgb(var(--color-accent));color:rgb(var(--color-accent-text));border-bottom:.1rem solid rgba(var(--color-foreground),.08);text-align:center}
.announcement-bar__message{margin:0;padding:1rem 0;font-size:1.2rem;letter-spacing:.1rem;line-height:1.5}
.announcement-bar a{color:inherit;text-decoration:none}.announcement-bar a:hover{text-decoration:underline}

/* Başlıq */
.site-header{position:sticky;top:0;z-index:20;background:rgb(var(--color-background));transition:transform .25s ease}
.site-header.is-hidden{transform:translateY(-100%)}
.site-header.is-scrolled{box-shadow:0 .1rem 0 rgba(var(--color-foreground),.08)}
.header{display:grid;grid-template-areas:"left-icon heading icons";grid-template-columns:1fr auto 1fr;align-items:center;padding-top:1rem;padding-bottom:1rem}
@media(min-width:990px){.header{grid-template-areas:"left-icon heading icons" "navigation navigation navigation";padding-top:2rem;padding-bottom:2rem;row-gap:1rem}}
.header__icon{background:none;border:0;color:rgb(var(--color-foreground));cursor:pointer;height:4.4rem;width:4.4rem;display:inline-flex;align-items:center;justify-content:center;padding:0;position:relative;text-decoration:none}
.header__icon:hover .icon{transform:scale(1.07)}
.header__menu-toggle{grid-area:left-icon;justify-self:start;margin-left:-1.2rem}
.header__search-toggle{grid-area:left-icon;justify-self:start;margin-left:3rem}
@media(min-width:990px){.header__menu-toggle{display:none}.header__search-toggle{margin-left:-1.2rem}}
.header__search-desktop{display:none}
.header__heading{grid-area:heading;margin:0;text-align:center;justify-self:center}
.header__heading-link{text-decoration:none;display:inline-block;padding:.75rem}
.header__logo{height:auto;max-width:100%;margin:0 auto}
.header__wordmark{font-family:var(--font-heading-family);font-weight:300;font-size:2.6rem;letter-spacing:.35rem;color:rgb(var(--color-foreground))}
@media(min-width:750px){.header__wordmark{font-size:3.4rem}}
.header__icons{grid-area:icons;justify-self:end;display:flex;margin-right:-1.2rem}
.icon-cart{width:4.4rem;height:4.4rem}
.cart-count{position:absolute;bottom:.8rem;right:.4rem;background:rgb(var(--color-accent));color:rgb(var(--color-accent-text));border-radius:100%;width:1.7rem;height:1.7rem;font-size:.9rem;display:flex;align-items:center;justify-content:center;line-height:1}
.header__inline-menu{grid-area:navigation;display:none;justify-self:center}
@media(min-width:990px){.header__inline-menu{display:block}}
.list-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}
.header__menu-item{display:flex;align-items:center;padding:1.2rem;text-decoration:none;color:rgba(var(--color-foreground),.75);font-size:1.5rem;cursor:pointer;line-height:1.3}
.header__menu-item:hover{color:rgb(var(--color-foreground))}
.header__menu-item:hover span,.header__menu-item.is-active span{text-decoration:underline;text-underline-offset:.3rem}
.header__menu-item.is-active span{text-decoration-thickness:.2rem}
summary{list-style:none}summary::-webkit-details-marker{display:none}
.has-dropdown{position:relative}
.has-dropdown summary{padding-right:2.7rem;position:relative}
.icon-caret{width:1rem;height:.6rem;position:absolute;right:1.2rem;top:calc(50% - .2rem)}
details[open]>summary .icon-caret{transform:rotate(180deg)}
.header__submenu{position:absolute;top:100%;left:0;min-width:20rem;list-style:none;margin:0;padding:2rem 0;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.5);border-radius:.6rem;z-index:5;animation:fade .2s ease}
.header__submenu .header__menu-item{padding:.95rem 3.5rem .95rem 2rem;font-size:1.3rem}
@keyframes fade{from{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:none}}

/* Mobil menyu */
.drawer{position:fixed;inset:0;z-index:50}
.drawer__overlay{position:absolute;inset:0;background:rgba(var(--color-foreground),.5)}
.drawer__panel{position:absolute;top:0;left:0;bottom:0;width:min(40rem,85vw);background:rgb(var(--color-background));padding:5rem 0 2rem;overflow:auto;animation:slide .25s ease}
@keyframes slide{from{transform:translateX(-100%)}to{transform:none}}
.drawer__close{position:absolute;top:1rem;right:1.5rem;background:none;border:0;font-size:3rem;color:rgb(var(--color-foreground));cursor:pointer}
.drawer__menu,.drawer__menu ul{list-style:none;margin:0;padding:0}
.drawer__menu a,.drawer__menu summary{display:block;padding:1.1rem 3rem;font-size:1.8rem;text-decoration:none;color:rgb(var(--color-foreground));cursor:pointer}
.drawer__menu ul a{font-size:1.5rem;padding-left:4.5rem;color:rgba(var(--color-foreground),.75)}
.drawer__menu a:hover,.drawer__menu summary:hover{background:rgba(var(--color-foreground),.04)}

/* Axtarış */
.search-modal{position:fixed;top:0;left:0;right:0;z-index:40;background:rgb(var(--color-background));border-bottom:.1rem solid rgba(var(--color-foreground),.08);box-shadow:0 1rem 3rem rgba(0,0,0,.08)}
.search-modal__content{display:flex;align-items:center;gap:1rem;min-height:9rem}
.search-modal .search-form{flex:1;max-width:74rem;margin:0 auto}
.search-modal__close{background:none;border:0;font-size:3rem;cursor:pointer;color:rgb(var(--color-foreground))}

/* Sahələr (floating label) */
.field{position:relative;width:100%;display:flex}
.field input,.field textarea,.field select{width:100%;font:inherit;font-size:1.6rem;letter-spacing:.04rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.55);border-radius:.6rem;padding:2.2rem 1.5rem .8rem;min-height:4.5rem;outline:none;-webkit-appearance:none}
.field textarea{min-height:14rem;resize:vertical}
.field input::placeholder,.field textarea::placeholder{opacity:0}
.field label{position:absolute;left:1.5rem;top:1.3rem;font-size:1.6rem;color:rgba(var(--color-foreground),.75);pointer-events:none;transition:all .1s ease;letter-spacing:.1rem;line-height:1.5}
.field input:focus,.field textarea:focus{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}
.field input:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label{top:.5rem;font-size:1rem}
.field__button{position:absolute;right:0;top:0;height:100%;width:4.4rem;background:none;border:0;color:rgb(var(--color-foreground));cursor:pointer;display:flex;align-items:center;justify-content:center}
.field__button .icon{width:1.5rem}

/* Düymələr */
.button{display:inline-flex;align-items:center;justify-content:center;min-height:4.5rem;min-width:12rem;padding:0 3rem;font:inherit;font-size:1.5rem;letter-spacing:.1rem;line-height:1.2;text-decoration:none;cursor:pointer;border-radius:.6rem;border:.1rem solid rgb(var(--color-foreground));background:rgb(var(--color-accent));color:rgb(var(--color-accent-text));transition:box-shadow .1s ease}
.button:hover{box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}
.button--secondary{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}
.button--full{width:100%}
.button[disabled]{opacity:.5;cursor:not-allowed}

/* Rəng sxemləri bölmələr üçün */
.scheme-light{background:rgb(var(--color-background))}
.scheme-white{background:#fff}
.scheme-accent{background:rgb(var(--color-accent));--color-foreground:var(--color-accent-text)}
.scheme-dark{background:rgb(var(--color-dark));--color-foreground:var(--color-dark-text);color:rgba(var(--color-dark-text),.75)}
.scheme-dark .button{background:rgb(var(--color-dark-text));color:rgb(var(--color-dark));border-color:rgb(var(--color-dark-text))}
.scheme-dark .button--secondary{background:rgb(var(--color-dark));color:rgb(var(--color-dark-text))}

/* Rich text */
.rich-text{padding:3rem 0 3.9rem;text-align:center}
@media(min-width:750px){.rich-text{padding:4rem 0 5.2rem}}
.rich-text__inner{max-width:78rem;margin:0 auto}
.rich-text__inner h2{margin:0 0 1.5rem}
.rich-text .rte h3{margin:0 0 .4rem;font-size:calc(1.1 * 1.7rem)}
@media(min-width:750px){.rich-text .rte h3{font-size:calc(1.1 * 2rem)}}
.rich-text__buttons{margin-top:3rem}

/* Qalereya */
.gallery-section{padding:0 0 3rem}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
@media(min-width:750px){.gallery-grid{grid-template-columns:repeat(6,1fr);gap:.8rem}}
.gallery-grid a,.gallery-grid div{aspect-ratio:1;overflow:hidden;display:block}
.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .3s}
.gallery-grid a:hover img{transform:scale(1.04);opacity:.9}

/* Banner */
.banner{position:relative;overflow:hidden}
.banner img{width:100%;height:auto;max-height:80vh;object-fit:cover}
.banner__content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}
.banner__box{background:rgb(var(--color-background));padding:3rem 3.5rem;border-radius:.6rem;max-width:71rem}
.banner__box h2{margin:0 0 1rem}
.banner__box .rte p{margin:0 0 2rem}

/* Bölmə başlığı */
.section{padding:3.6rem 0}
.section__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;gap:1rem;flex-wrap:wrap}
.section__header h2{margin:0}
.section__footer{text-align:center;margin-top:3rem}

/* Məhsul kartları */
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;list-style:none;padding:0;margin:0}
@media(min-width:750px){.product-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}
@media(min-width:990px){.product-grid{grid-template-columns:repeat(4,1fr)}}
.card{border:.1rem solid rgba(var(--color-foreground),.1);border-radius:.6rem;overflow:hidden;height:100%;display:flex;flex-direction:column;text-decoration:none;background:rgb(var(--color-background));position:relative}
.card__media{aspect-ratio:1;background:rgba(var(--color-foreground),.04);overflow:hidden}
.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.card:hover .card__media img{transform:scale(1.03)}
.card__info{padding:1.3rem 1.3rem 1.7rem}
.card__title{font-family:var(--font-body-family);font-size:1.5rem;font-weight:400;margin:0 0 .4rem;color:rgb(var(--color-foreground));line-height:1.4}
.card:hover .card__title{text-decoration:underline;text-underline-offset:.3rem}
.price{font-size:1.5rem;letter-spacing:.1rem;color:rgb(var(--color-foreground))}
.price s{color:rgba(var(--color-foreground),.6);margin-right:.8rem;font-size:1.3rem}
.badge{position:absolute;top:1rem;left:1rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:.1rem solid rgb(var(--color-foreground));border-radius:.6rem;padding:.4rem 1.2rem;font-size:1.2rem;letter-spacing:.1rem;z-index:1}
.badge--sold{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}
.placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading-family);color:rgba(var(--color-foreground),.4);font-size:2rem}

/* Kolleksiya kartları */
.collection-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;list-style:none;padding:0;margin:0}
@media(min-width:750px){.collection-list{grid-template-columns:repeat(3,1fr);gap:2rem}}
.collection-card .card__title{font-family:var(--font-heading-family);font-size:1.8rem}

/* Kolleksiya səhifəsi */
.collection-hero{padding:4rem 0 2rem}
.collection-hero h1{margin:0 0 1rem}
.collection-hero .rte{max-width:72rem}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;font-size:1.4rem}
.toolbar select{font:inherit;font-size:1.4rem;color:rgb(var(--color-foreground));background:transparent;border:0;cursor:pointer}
.chips{display:flex;flex-wrap:wrap;gap:.8rem}
.chip{padding:.5rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.55);border-radius:4rem;font-size:1.3rem;text-decoration:none}
.chip.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}
.empty{text-align:center;padding:6rem 0}

/* Məhsul səhifəsi */
.product{display:grid;gap:3rem;padding:3rem 0 6rem}
@media(min-width:750px){.product{grid-template-columns:1.3fr 1fr;gap:5rem}}
.product__media-main{border-radius:.6rem;overflow:hidden;aspect-ratio:1;background:rgba(var(--color-foreground),.04)}
.product__media-main img{width:100%;height:100%;object-fit:cover}
.product__thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin-top:.8rem}
.product__thumbs button{padding:0;border:.1rem solid transparent;border-radius:.6rem;overflow:hidden;cursor:pointer;aspect-ratio:1;background:none}
.product__thumbs button.is-active{border-color:rgb(var(--color-foreground))}
.product__thumbs img{width:100%;height:100%;object-fit:cover}
.product__info{position:sticky;top:12rem;align-self:start}
.product__vendor{font-size:1.2rem;letter-spacing:.13rem;text-transform:uppercase;color:rgba(var(--color-foreground),.75)}
.product__title{margin:.5rem 0 1.5rem}
.product__price{font-size:1.8rem;margin-bottom:2.5rem}
.quantity{display:inline-flex;border:.1rem solid rgba(var(--color-foreground),.55);border-radius:.6rem;height:4.5rem;margin-bottom:1.5rem}
.quantity button{width:4.5rem;background:none;border:0;font-size:1.8rem;cursor:pointer;color:rgb(var(--color-foreground))}
.quantity input{width:5rem;text-align:center;border:0;background:transparent;font:inherit;color:rgb(var(--color-foreground));-moz-appearance:textfield}
.quantity input::-webkit-inner-spin-button{-webkit-appearance:none}
.product__desc{margin-top:3rem}
.label{display:block;font-size:1.3rem;letter-spacing:.1rem;margin-bottom:.6rem}

.rte img{border-radius:.6rem;height:auto}
.rte a{text-underline-offset:.3rem}
.page{padding:4rem 0 6rem;max-width:72rem}
.page h1{margin:0 0 3rem;text-align:center}

/* Səbət */
.cart-page{padding:4rem 0 6rem}
.cart-table{width:100%;border-collapse:collapse}
.cart-table th{font-weight:400;font-size:1.1rem;letter-spacing:.1rem;text-transform:uppercase;text-align:left;padding-bottom:1.8rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08);color:rgba(var(--color-foreground),.75)}
.cart-table td{padding:2rem 0;border-bottom:.1rem solid rgba(var(--color-foreground),.08);vertical-align:top}
.cart-item__media{width:10rem;padding-right:2rem}
.cart-item__media img{border-radius:.6rem;aspect-ratio:1;object-fit:cover}
.cart-item__name{text-decoration:none;font-size:1.6rem}
.cart-remove{background:none;border:0;cursor:pointer;color:rgba(var(--color-foreground),.75);text-decoration:underline;font:inherit;font-size:1.3rem}
.cart-footer{display:grid;gap:3rem;margin-top:3rem}
@media(min-width:750px){.cart-footer{grid-template-columns:1fr 38rem}}
.totals{font-size:1.8rem;display:flex;justify-content:space-between;color:rgb(var(--color-foreground));margin-bottom:1rem}
.form-grid{display:grid;gap:1.5rem}
@media(min-width:750px){.form-grid--2{grid-template-columns:1fr 1fr}}
.notice{padding:1.5rem 2rem;border-radius:.6rem;margin-bottom:2rem;border:.1rem solid rgba(var(--color-foreground),.2)}
.notice--ok{background:rgba(var(--color-accent),.35)}
.notice--err{background:#fbe9e7;border-color:#e0a59c}

/* Footer */
.footer{border-top:.1rem solid rgba(var(--color-foreground),.08);padding:2.7rem 0;margin-top:auto}
@media(min-width:750px){.footer{padding:3.6rem 0}}
.footer__top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3rem;padding-bottom:3rem;margin-bottom:3rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}
.footer__heading{font-size:1.8rem;margin:0 0 1.5rem}
.footer__newsletter{flex:1 1 30rem;max-width:36rem}
.list-social{list-style:none;padding:0;margin:0;display:flex;gap:2rem;align-items:flex-end;flex-wrap:wrap}
.list-social a{font-size:1.4rem;text-decoration:none;color:rgba(var(--color-foreground),.75)}
.list-social a:hover{color:rgb(var(--color-foreground));text-decoration:underline}
.footer__bottom{display:flex;flex-direction:column;align-items:center;gap:2rem}
.list-payment{list-style:none;padding:0;margin:0;display:flex;gap:.5rem}
.footer__copyright{text-align:center;font-size:1.1rem;display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center}
.footer__copyright a{text-decoration:none;color:rgba(var(--color-foreground),.75)}
.footer__copyright a:hover{text-decoration:underline}

/* Görünmə animasiyası */
.reveal{opacity:0;transform:translateY(2rem);transition:opacity .6s cubic-bezier(0,0,.3,1),transform .6s cubic-bezier(0,0,.3,1)}
.reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
.drawer__menu summary{position:relative}
.drawer__menu summary::after{content:"+";position:absolute;right:3rem;font-size:2rem;line-height:1;top:1.4rem}
.drawer__menu details[open]>summary::after{content:"−"}

/* Dil seçicisi */
.header__icons{align-items:center}
.lang-switch{position:relative}
.lang-switch__button{display:flex;align-items:center;gap:.6rem;padding:1rem 2.6rem 1rem 1.2rem;font-size:1.3rem;letter-spacing:.06rem;color:rgba(var(--color-foreground),.75);cursor:pointer;position:relative;border-radius:.6rem}
.lang-switch__button:hover span{text-decoration:underline;text-underline-offset:.3rem;color:rgb(var(--color-foreground))}
.lang-switch__button .icon-caret{right:1rem}
.lang-switch__list{position:absolute;right:0;top:100%;min-width:17rem;list-style:none;margin:0;padding:1rem 0;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.5);border-radius:.6rem;z-index:6;animation:fade .2s ease}
.lang-switch--up .lang-switch__list{top:auto;bottom:100%;left:0;right:auto}
.lang-switch__list a{display:flex;align-items:center;gap:.8rem;padding:.8rem 2rem .8rem 1.2rem;font-size:1.4rem;text-decoration:none;color:rgba(var(--color-foreground),.75)}
.lang-switch__list a:hover{color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}
.lang-switch__list a[aria-current]{color:rgb(var(--color-foreground))}
.lang-switch__check{width:1.2rem;font-size:1.2rem}
.header__lang{display:none}
@media(min-width:750px){.header__lang{display:block}}
.footer__lang{display:flex;flex-direction:column;align-items:center;gap:.2rem}
.footer__lang-label{font-size:1.2rem;letter-spacing:.1rem}
.footer__lang .lang-switch__button{border:.1rem solid rgba(var(--color-foreground),.3)}
.drawer__langs{display:flex;gap:.6rem;flex-wrap:wrap;padding:2rem 3rem;border-top:.1rem solid rgba(var(--color-foreground),.08);margin-top:2rem}
.drawer__langs a{padding:.5rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.4);border-radius:4rem;font-size:1.4rem;text-decoration:none;color:rgb(var(--color-foreground))}
.drawer__langs a.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}