:root{--navy:#08283b;--navy2:#0b3447;--gold:#b98a50;--cream:#f8f5ef;--text:#132a38;--muted:#68737a;--line:#e9e4dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--text);background:#fff}body.lock{overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 48px));margin:auto}.header{height:82px;background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 1px 8px #08283b0b}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{font-size:45px;line-height:1;color:var(--gold)}.brand strong{font:500 34px/1 'Playfair Display',serif;letter-spacing:3px;display:block}.brand small{font-size:9px;letter-spacing:2.1px;display:block;margin-top:4px}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{font-size:13px;font-weight:600;transition:color .2s}.nav-links a:hover,.nav-links .active{color:var(--gold)}.nav-actions{display:flex;align-items:center;gap:12px}.icon-btn,.menu-btn{border:0;background:none;font-size:26px;color:var(--navy);padding:7px;position:relative}.cart-trigger span{position:absolute;right:0;top:0;background:var(--gold);color:white;font-size:10px;border-radius:20px;min-width:16px;height:16px;display:grid;place-items:center}.nav-contact{background:var(--navy);color:white;border-radius:30px;padding:13px 27px;font-size:12px;font-weight:700}.menu-btn{display:none}.search-bar{display:none;background:white;border-top:1px solid var(--line);padding:15px 0;box-shadow:0 10px 20px #0001}.search-bar.open{display:block}.search-bar input{width:100%;border:1px solid var(--line);padding:14px;border-radius:8px;outline-color:var(--gold)}.eyebrow{display:block;font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:700;margin-bottom:17px}.eyebrow.light{color:#dfba86}h1,h2,h3,h4,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400}h1{font-size:clamp(48px,6vw,83px);line-height:1.06;letter-spacing:-2px;margin-bottom:25px}h1 em{font-weight:400;font-style:normal}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 26px;border-radius:30px;font-size:13px;font-weight:700;border:0;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:#d8af78;color:#172b37}.btn-outline{background:#fff;border:1px solid var(--gold);color:#8d6237}.btn-navy{background:var(--navy);color:white}.benefits{background:var(--cream);padding:34px 0}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr)}.benefits-grid>div{text-align:center;padding:8px 20px;border-right:1px solid #ddd7ce}.benefits-grid>div:last-child{border:0}.benefit-icon{color:var(--gold);font-size:31px}.benefits h3{font:500 18px 'Playfair Display',serif;margin:10px 0}.benefits p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.section{padding:85px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:29px}.section-top h2,.lifestyle h2,.contact-section h2{font-size:clamp(31px,4vw,46px);line-height:1.17;margin:0}.text-link,.small-note{font-size:13px;color:#95673c}.category-grid,.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.category-card{height:275px;position:relative;overflow:hidden;border-radius:6px;background:#eee}.category-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#061b28d9)}.category-card img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.category-card:hover img{transform:scale(1.08)}.category-card span{position:absolute;z-index:1;bottom:22px;left:20px;right:20px;color:white;font:20px 'Playfair Display',serif;display:flex;justify-content:space-between;align-items:center}.category-card b{font:20px 'DM Sans',sans-serif}.products-section{background:#fbf9f5}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.filter{border:1px solid #e0d7ca;background:transparent;color:#695e54;padding:9px 17px;border-radius:30px;font-size:12px}.filter.active,.filter:hover{background:var(--navy);color:white;border-color:var(--navy)}.product-card{background:white;border:1px solid #eee8e0;border-radius:7px;overflow:hidden;box-shadow:0 5px 15px #00000008}.product-image{height:235px;position:relative;overflow:hidden;background:#e9e2d8;cursor:pointer}.product-image img{height:100%;width:100%;object-fit:cover;transition:transform .35s}.product-image:hover img{transform:scale(1.05)}.favorite{position:absolute;right:12px;top:12px;border:0;background:white;border-radius:50%;width:34px;height:34px;font-size:19px;color:#aa8052}.favorite.active{color:#b84141}.product-info{padding:17px}.product-name{font-size:13px;font-weight:600;margin-bottom:8px;cursor:pointer}.product-price{font-size:17px;font-weight:700;color:#956238}.product-bottom{display:flex;align-items:center;justify-content:space-between}.add-cart{border:0;background:#a77a4c;color:white;border-radius:50%;width:36px;height:36px;font-size:20px}.catalog-note{font-size:11px;color:#8b8a87;margin:22px 0 0}.story{display:grid;grid-template-columns:1fr 1fr;min-height:445px}.story-copy{background:var(--navy);color:white;display:flex;align-items:center;justify-content:flex-end;padding:65px 70px 65px 24px}.story-inner{width:min(480px,100%)}.story h2{font-size:clamp(36px,4.3vw,55px);line-height:1.12}.story p{line-height:1.9;color:#d5e0e5;font-size:14px;margin-bottom:27px}.story-image{overflow:hidden}.story-image img{height:100%;width:100%;object-fit:cover}.lifestyle-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:65px;align-items:center}.lifestyle-copy p,.contact-section p{line-height:1.9;color:var(--muted);font-size:14px;margin:24px 0}.mosaic{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:150px 150px;gap:9px}.mosaic img{height:100%;width:100%;object-fit:cover;border-radius:5px}.mosaic img:first-child{grid-row:span 2}.mosaic img:nth-child(2){grid-column:span 2}.contact-section{padding:80px 0;background:var(--cream)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-info{display:grid;gap:14px;color:#8c653d;font-size:14px}.contact-form{display:grid;gap:15px}.contact-form label{font-size:12px;font-weight:700;display:grid;gap:7px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #ded9d0;background:white;padding:14px;border-radius:6px;outline-color:var(--gold)}.contact-form .btn{justify-self:start}.contact-form small{color:#85817b;font-size:11px}.footer{background:var(--navy);color:white;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:45px}.footer-brand strong{color:white}.footer-grid p{color:#b8c9d2;line-height:1.9;font-size:12px;margin:19px 0}.footer-grid h4{font-size:13px;margin:10px 0 21px}.footer-grid>div>a:not(.brand){display:block;color:#bdcbd2;font-size:12px;margin:11px 0}.footer-grid>div>a:hover{color:#e1b985}.footer-bottom{border-top:1px solid #ffffff2a;margin-top:55px;padding-top:25px;display:flex;justify-content:space-between;gap:15px;color:#91a7b1;font-size:11px}.overlay{position:fixed;inset:0;background:#0618249e;z-index:45;opacity:0;visibility:hidden;transition:.2s}.overlay.open{opacity:1;visibility:visible}.cart-drawer{position:fixed;z-index:50;right:0;top:0;height:100dvh;width:min(440px,100%);background:white;transform:translateX(100%);transition:transform .25s;display:flex;flex-direction:column}.cart-drawer.open{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:22px;border-bottom:1px solid var(--line)}.drawer-head h3{margin:0;font:27px 'Playfair Display',serif}.close-btn{border:0;background:none;font-size:32px;color:var(--navy)}.cart-items{flex:1;overflow:auto;padding:22px}.cart-item{display:grid;grid-template-columns:75px 1fr auto;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.cart-item img{height:85px;width:75px;object-fit:cover}.cart-item strong{display:block;font-size:13px}.cart-item p{font-size:13px;color:#8c653d;margin:8px 0}.qty{display:flex;align-items:center;gap:12px}.qty button,.remove{border:1px solid #ddd;background:white;border-radius:5px;padding:3px 9px}.remove{border:0;font-size:19px;color:#9c594b}.cart-bottom{padding:22px;border-top:1px solid var(--line)}.cart-total{display:flex;justify-content:space-between;font-size:16px}.cart-bottom p{color:var(--muted);font-size:11px;margin:12px 0}.cart-bottom .btn{width:100%}.product-modal{position:fixed;z-index:55;left:50%;top:50%;width:min(760px,calc(100% - 28px));max-height:90dvh;overflow:auto;background:white;border-radius:12px;transform:translate(-50%,-45%);opacity:0;visibility:hidden;transition:.2s}.product-modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.modal-close{position:absolute;right:15px;top:9px;z-index:1;background:white;border-radius:50%;width:38px;height:38px}.modal-grid{display:grid;grid-template-columns:1fr 1fr}.modal-grid img{height:410px;width:100%;object-fit:cover}.modal-details{padding:55px 30px}.modal-details h2{font-size:35px}.modal-details p{font-size:14px;color:var(--muted);line-height:1.8}.modal-details strong{display:block;font-size:23px;color:#956238;margin:22px 0}.toast{position:fixed;z-index:70;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--navy);color:white;padding:13px 24px;border-radius:30px;font-size:13px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:960px){.nav-links{gap:14px}.nav-links a{font-size:12px}.nav-contact{display:none}.category-grid,.product-grid{gap:12px}.category-card{height:235px}.product-image{height:190px}.lifestyle-grid{gap:30px}.story-copy{padding-right:35px}}@media(max-width:760px){.container{width:min(100% - 32px,540px)}.header{height:70px}.brand strong{font-size:27px}.brand-mark{font-size:36px}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;gap:0;padding:14px 24px;box-shadow:0 12px 20px #0001}.nav-links.open{display:flex}.nav-links a{padding:12px;font-size:14px}.menu-btn{display:block}.benefits-grid{grid-template-columns:repeat(2,1fr);row-gap:24px}.benefits-grid>div:nth-child(2){border:0}.benefits-grid>div{padding:10px}.section{padding:55px 0}.section-top{align-items:start}.section-top h2{font-size:33px}.text-link,.small-note{font-size:11px;white-space:nowrap;margin-top:28px}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.category-card{height:230px}.category-card span{font-size:16px;left:12px;right:12px}.product-image{height:210px}.story{grid-template-columns:1fr}.story-copy{padding:65px 24px;justify-content:center}.story-image{height:340px}.lifestyle-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.mosaic{grid-template-rows:125px 125px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:25px}.footer-bottom{flex-wrap:wrap}.modal-grid{grid-template-columns:1fr}.modal-grid img{height:250px}.modal-details{padding:25px}.modal-details h2{font-size:29px}}@media(max-width:420px){.nav-actions{gap:3px}.category-card{height:185px}.product-image{height:165px}.product-info{padding:11px}.product-name{font-size:12px}.product-price{font-size:14px}.benefits h3{font-size:15px}.section-top h2{font-size:28px}.footer-grid{gap:15px}}



/* v2: Stable image mosaic, no implicit grid placement */

.mosaic-fixed{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,170px);gap:10px;min-width:0;align-content:center}

.mosaic-fixed img{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;display:block;border-radius:6px;grid-column:auto!important;grid-row:auto!important}

.mosaic-fixed img:nth-child(1){grid-column:1/2!important;grid-row:1/3!important}

.mosaic-fixed img:nth-child(2){grid-column:2/5!important;grid-row:1/2!important}

.mosaic-fixed img:nth-child(3){grid-column:2/3!important;grid-row:2/3!important}

.mosaic-fixed img:nth-child(4){grid-column:3/4!important;grid-row:2/3!important}

.mosaic-fixed img:nth-child(5){grid-column:4/5!important;grid-row:2/3!important}

.page-banner{background:#f8f5ef;padding:80px 0 72px;text-align:center}.page-banner h1{color:#08283b;font-size:clamp(42px,6vw,68px);margin:0 0 15px}.page-banner p{font-size:15px;color:#68737a;margin:0}.prose-block{max-width:760px;text-align:center}.prose-block h2{font-size:40px}.prose-block p{line-height:1.9;color:#68737a}.prose-block .btn{margin-top:12px}

@media(max-width:900px){.mosaic-fixed{grid-template-rows:repeat(2,145px)}}

@media(max-width:600px){.mosaic-fixed{grid-template-rows:repeat(2,115px);gap:6px}.page-banner{padding:55px 0}}



.detail-page{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;margin:70px 0 40px}.detail-page>img{width:100%;height:480px;object-fit:cover;border-radius:9px}.detail-page h2{font-size:clamp(30px,4vw,48px)}.detail-page p{line-height:1.9;color:#68737a}.detail-page strong{font-size:24px;color:#956238;display:inline-block;margin:12px 0 25px}@media(max-width:700px){.detail-page{grid-template-columns:1fr;gap:25px;margin:35px 0}.detail-page>img{height:340px}}









/* =========================================================
   PREMIUM HERO - tekil kurallar, diger sayfalardan izole
   Gorsel: assets/img/hero-pro.png
   ========================================================= */
.hero.hero-premium {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  height: auto;
  min-height: 700px;
  padding: 70px 0;
  overflow: hidden;
  background: #f8f5f0;
}
.hero-premium .hero-photo {
  position: absolute;
  inset: 0;
  z-index: -2;
  background: #f8f5f0 url('../img/hero-pro.png') no-repeat right center / auto 100%;
}
.hero-premium .hero-shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg,
    #f8f5f0 0%, rgba(248,245,240,1) 18%,
    rgba(248,245,240,.98) 28%, rgba(248,245,240,.91) 38%,
    rgba(248,245,240,.72) 47%, rgba(248,245,240,.36) 57%,
    rgba(248,245,240,.08) 68%, rgba(248,245,240,0) 78%);
}
.hero-premium .hero-layout {
  position: relative;
  z-index: 2;
  width: min(1180px, calc(100% - 48px));
  max-width: 1180px;
  margin: 0 auto;
  padding: 0;
}
.hero-premium .hero-content {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  max-width: 610px;
  height: auto;
  margin: 0;
  padding: 0;
  color: #0c2b3b;
}
.hero-premium .eyebrow {
  display: block;
  margin-bottom: 26px;
  color: #b58858;
  font: 700 12px/1.5 'DM Sans', sans-serif;
  letter-spacing: 3.5px;
}
.hero-premium h1 {
  margin: 0;
  color: #0c2b3b;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(45px, 4vw, 72px);
  font-weight: 400;
  line-height: 1.13;
  letter-spacing: -1.5px;
}
.hero-premium h1 em {
  display: block;
  color: #b58858;
  font-style: italic;
  font-weight: 400;
}
.hero-premium .hero-ornament {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 30px 0 24px;
  color: #b58858;
}
.hero-premium .hero-ornament span { width: 48px; height: 1px; background: #c7a783; }
.hero-premium .hero-ornament b { font-size: 20px; font-weight: 400; }
.hero-premium .hero-content > p {
  max-width: 510px;
  margin: 0;
  color: #687780;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.9;
}
.hero-premium .hero-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 28px;
  margin-top: 32px;
}
.hero-premium .btn-gold {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  min-height: 55px;
  padding: 0 30px;
  border-radius: 40px;
  background: #b58858;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background .3s ease, transform .3s ease, box-shadow .3s ease;
}
.hero-premium .btn-gold:hover {
  background: #946b42;
  transform: translateY(-3px);
  box-shadow: 0 12px 25px rgba(120,80,40,.18);
}
.hero-premium .hero-secondary {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #0c2b3b;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.hero-premium .play-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border: 1px solid #c9b499;
  border-radius: 50%;
  color: #0c2b3b;
  transition: background .3s ease, color .3s ease;
}
.hero-premium .hero-secondary:hover .play-icon {
  background: #0c2b3b;
  border-color: #0c2b3b;
  color: #fff;
}
.hero-premium .hero-features {
  display: flex;
  align-items: center;
  margin-top: 52px;
}
.hero-premium .hero-feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 145px;
  padding: 0 24px;
  border-right: 1px solid #dac9b6;
  color: #263b47;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}
.hero-premium .hero-feature:first-child { padding-left: 0; }
.hero-premium .hero-feature:last-child { border-right: 0; }
.hero-premium .feature-symbol { display: block; margin-bottom: 10px; color: #b58858; font-size: 28px; }
@media (max-width: 1024px) {
  .hero.hero-premium { min-height: 650px; padding: 65px 0; }
  .hero-premium .hero-content { max-width: 550px; }
  .hero-premium h1 { font-size: clamp(42px, 5vw, 60px); }
  .hero-premium .hero-shade {
    background: linear-gradient(90deg, #f8f5f0 0%, rgba(248,245,240,.98) 38%, rgba(248,245,240,.75) 60%, rgba(248,245,240,.18) 100%);
  }
}
@media (max-width: 767px) {
  .hero.hero-premium { min-height: 0; padding: 65px 0 45px; align-items: flex-start; }
  .hero-premium .hero-layout { width: calc(100% - 40px); }
  .hero-premium .hero-photo { background-position: 62% center; }
  .hero-premium .hero-shade { background: rgba(248,245,240,.93); }
  .hero-premium .hero-content { max-width: 100%; }
  .hero-premium .eyebrow { font-size: 10px; letter-spacing: 2.5px; margin-bottom: 20px; }
  .hero-premium h1 { font-size: clamp(37px, 9vw, 49px); letter-spacing: -1px; }
  .hero-premium .hero-content > p { font-size: 14px; line-height: 1.8; }
  .hero-premium .hero-buttons { gap: 20px; margin-top: 28px; }
  .hero-premium .hero-features { margin-top: 45px; justify-content: space-between; }
  .hero-premium .hero-feature { flex: 1; min-width: 0; padding: 0 10px; font-size: 11px; }
  .hero-premium .feature-symbol { font-size: 24px; }
}



/* =========================================
   HERO - YUMUŞAK FOTOĞRAF GEÇİŞİ
========================================= */

.hero.hero-premium {
    position: relative;
    isolation: isolate;
    background: #f8f5f0;
    overflow: hidden;
}

/* Fotoğrafın konumu ve yumuşak kenarı */

.hero-premium .hero-photo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;

    width: 65%;
    height: 100%;
    z-index: -2;

    background-image: url("../img/hero-pro.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0%,
        rgba(0,0,0,0.08) 12%,
        rgba(0,0,0,0.35) 25%,
        rgba(0,0,0,0.75) 43%,
        #000 65%
    );

    mask-image: linear-gradient(
        to right,
        transparent 0%,
        rgba(0,0,0,0.08) 12%,
        rgba(0,0,0,0.35) 25%,
        rgba(0,0,0,0.75) 43%,
        #000 65%
    );
}

/* Eski gradient katmanını kapat */

.hero-premium .hero-shade {
    background: none;
    pointer-events: none;
}

/* Tablet */

@media (max-width: 1024px) {

    .hero-premium .hero-photo {
        width: 75%;
        background-position: center;

        -webkit-mask-image: linear-gradient(
            to right,
            transparent 0%,
            #000 80%
        );

        mask-image: linear-gradient(
            to right,
            transparent 0%,
            #000 80%
        );
    }

}

/* Mobil */

@media (max-width: 767px) {

    .hero-premium .hero-photo {
        width: 100%;
        opacity: 0.25;
        background-position: 60% center;

        -webkit-mask-image: linear-gradient(
            to bottom,
            rgba(0,0,0,0.5) 0%,
            transparent 100%
        );

        mask-image: linear-gradient(
            to bottom,
            rgba(0,0,0,0.5) 0%,
            transparent 100%
        );
    }

}



/* ==========================================
   NUR SANAT ATÖLYESİ
   PREMIUM ÇİNİ MOTİFLİ HERO
========================================== */

.hero.hero-premium {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    min-height: 710px;
    padding: 70px 0;
    overflow: hidden;
    background: #f8f5f0;
}

/* Sağdaki çini vazo fotoğrafı */

.hero-premium .hero-photo {
    position: absolute;
    inset: 0 0 0 auto;
    width: 76%;
    height: 100%;
    z-index: -3;

    background-image: url("../img/hero-pro.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0%,
        rgba(0,0,0,.25) 22%,
        rgba(0,0,0,.75) 45%,
        black 68%
    );
    mask-image: linear-gradient(
        to right,
        transparent 0%,
        rgba(0,0,0,.25) 22%,
        rgba(0,0,0,.75) 45%,
        black 68%
    );
}

/* Krem renk geçişi */

.hero-premium .hero-shade {
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        #f8f5f0 0%,
        rgba(248,245,240,.98) 22%,
        rgba(248,245,240,.45) 43%,
        transparent 72%
    );
}

/* Sol taraftaki İznik çini motifi */

.hero-premium .hero-floral {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 310px;
    z-index: -1;
    pointer-events: none;

    background-image: url("../img/nur-cini-sol-motif.png");
    background-size: auto 90%;
    background-position: left center;
    background-repeat: no-repeat;

    opacity: .99;
}

/* İçerik yerleşimi */

.hero-premium .hero-layout {
    position: relative;
    z-index: 2;
    width: calc(100% - 80px);
    max-width: 1180px;
    margin: 0 auto;
    padding: 0;
}

.hero-premium .hero-content {
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0;
    padding: 0;
    color: #0c2b3b;
}

/* Üst küçük başlık */

.hero-premium .eyebrow {
    display: block;
    margin-bottom: 25px;
    color: #b58858;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3.5px;
}

/* Ana başlık */

.hero-premium h1 {
    margin: 0;
    color: #0c2b3b;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(44px, 3.9vw, 70px);
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: -1.5px;
}

.hero-premium h1 em {
    display: block;
    color: #b58858;
    font-weight: 400;
    font-style: italic;
}

/* Dekoratif çizgi */

.hero-premium .hero-ornament {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 28px 0 25px;
    color: #b58858;
}

.hero-premium .hero-ornament span {
    width: 45px;
    height: 1px;
    background: #c7a783;
}

.hero-premium .hero-ornament b {
    font-size: 20px;
    font-weight: 400;
}

/* Açıklama */

.hero-premium .hero-content > p {
    max-width: 500px;
    margin: 0;
    color: #687780;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    line-height: 1.9;
}

/* Butonlar */

.hero-premium .hero-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 28px;
    margin-top: 32px;
}

.hero-premium .btn-gold {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    min-height: 55px;
    padding: 0 30px;
    border-radius: 40px;
    background: #b58858;
    color: white;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
}

.hero-premium .btn-gold:hover {
    background: #946b42;
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(120,80,40,.18);
}

.hero-premium .hero-secondary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #0c2b3b;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.hero-premium .play-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border: 1px solid #c9b499;
    border-radius: 50%;
    color: #0c2b3b;
    transition: .3s ease;
}

.hero-premium .hero-secondary:hover .play-icon {
    background: #0c2b3b;
    color: white;
}

/* Alt özellikler */

.hero-premium .hero-features {
    display: flex;
    align-items: center;
    margin-top: 48px;
}

.hero-premium .hero-feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 145px;
    padding: 0 24px;
    border-right: 1px solid #dac9b6;
    color: #263b47;
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
}

.hero-premium .hero-feature:first-child {
    padding-left: 0;
}

.hero-premium .hero-feature:last-child {
    border-right: none;
}

.hero-premium .feature-symbol {
    display: block;
    margin-bottom: 10px;
    color: #b58858;
    font-size: 28px;
}

/* TABLET */

@media (max-width: 1024px) {
    .hero.hero-premium {
        min-height: 630px;
        padding: 60px 0;
    }

    .hero-premium .hero-layout {
        width: calc(100% - 60px);
    }

    .hero-premium .hero-photo {
        width: 85%;
    }

    .hero-premium .hero-floral {
        width: 200px;
        opacity: .4;
    }

    .hero-premium h1 {
        font-size: clamp(40px, 5vw, 58px);
    }
}

/* MOBİL */

@media (max-width: 767px) {
    .hero.hero-premium {
        min-height: auto;
        padding: 65px 0 45px;
    }

    .hero-premium .hero-layout {
        width: calc(100% - 40px);
    }

    .hero-premium .hero-photo {
        width: 100%;
        opacity: .25;
        background-position: 65% center;
    }

    .hero-premium .hero-shade {
        background: rgba(248,245,240,.78);
    }

    .hero-premium .hero-floral {
        width: 150px;
        opacity: .25;
    }

    .hero-premium .hero-content {
        max-width: 100%;
    }

    .hero-premium h1 {
        font-size: clamp(36px, 9vw, 48px);
        letter-spacing: -1px;
    }

    .hero-premium .eyebrow {
        font-size: 10px;
        letter-spacing: 2.5px;
    }

    .hero-premium .hero-content > p {
        font-size: 14px;
        line-height: 1.8;
    }

    .hero-premium .hero-buttons {
        gap: 18px;
    }

    .hero-premium .hero-features {
        margin-top: 40px;
        justify-content: space-between;
    }

    .hero-premium .hero-feature {
        flex: 1;
        min-width: 0;
        padding: 0 10px;
        font-size: 11px;
    }
}


/* Nur Sanat Atölyesi - yalnızca ürün detay sayfası */
.ud-page{background:#fff;color:#1d3442;padding:0 0 90px}.ud-page *{box-sizing:border-box}.ud-page .ud-container{max-width:1220px;margin:0 auto;padding-left:24px;padding-right:24px}.ud-breadcrumb{display:flex;gap:11px;align-items:center;flex-wrap:wrap;padding:30px 0 35px;font-size:12px;color:#88919a}.ud-breadcrumb a{color:#6c7780;text-decoration:none}.ud-breadcrumb a:hover{color:#163d51}.ud-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:65px;align-items:start}.ud-main-photo{position:relative;aspect-ratio:1/1.03;background:#f7f4ef;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.ud-main-photo>img{width:100%;height:100%;object-fit:contain}.ud-no-photo{color:#b5a99a;letter-spacing:3px;font-size:13px}.ud-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);color:#1d3442;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.08)}.ud-prev{left:15px}.ud-next{right:15px}.ud-image-counter{position:absolute;bottom:15px;right:16px;background:rgba(20,36,46,.75);color:#fff;border-radius:20px;padding:5px 11px;font-size:11px}.ud-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:13px}.ud-thumb{border:2px solid transparent;background:#f7f4ef;border-radius:6px;padding:0;cursor:pointer;aspect-ratio:1;overflow:hidden}.ud-thumb.is-active{border-color:#23495a}.ud-thumb img{width:100%;height:100%;object-fit:cover}.ud-details{padding-top:16px}.ud-eyebrow{display:block;color:#a17c4f;font-size:11px;letter-spacing:2px;font-weight:700;line-height:1.7}.ud-details h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(32px,3.4vw,48px);font-weight:500;line-height:1.2;color:#193647;margin:18px 0 20px}.ud-title-rule{width:45px;height:2px;background:#ba9768;margin:0 0 26px}.ud-price{font-size:25px;color:#1b3a4b;font-weight:700;margin-bottom:22px}.ud-intro{font-size:15px;color:#697983;line-height:1.9;margin-bottom:27px}.ud-info{border-top:1px solid #e8e8e5;border-bottom:1px solid #e8e8e5;margin-bottom:27px}.ud-info>div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;font-size:13px}.ud-info>div+div{border-top:1px solid #f0efed}.ud-info span{color:#849098}.ud-info strong{color:#263e4b;font-weight:600}.ud-btn{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;background:#183b4e;color:white!important;text-decoration:none!important;border-radius:5px;font-weight:600;font-size:14px;transition:background .2s}.ud-btn:hover{background:#2a5367}.ud-contact-hint{font-size:12px;color:#8a969c;text-align:center;margin:12px 0 36px}.ud-description{border-top:1px solid #e8e8e5;padding-top:25px}.ud-description h2{font-size:18px;font-weight:600;color:#1e3b4c;margin:0 0 16px}.ud-description p{font-size:14px;line-height:1.95;color:#687983;margin:0}.ud-related{margin-top:95px;border-top:1px solid #ece9e5;padding-top:45px}.ud-related-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.ud-related-head h2{font-family:'Playfair Display',Georgia,serif;font-size:30px;font-weight:500;color:#1e3b4c;margin:8px 0 0}.ud-related-head>a{color:#1e3b4c;text-decoration:none;font-size:13px}.ud-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ud-related-card{text-decoration:none!important;color:inherit!important;border:1px solid #ece8e3;border-radius:8px;overflow:hidden;background:#fff}.ud-related-photo{aspect-ratio:1;background:#f7f4ef;display:flex;align-items:center;justify-content:center;color:#9a8b7d}.ud-related-photo img{width:100%;height:100%;object-fit:cover}.ud-related-info{padding:14px}.ud-related-info h3{font-size:15px;font-weight:600;margin:0 0 8px;color:#1e3b4c}.ud-related-info strong{font-size:13px;color:#274b5e}.ud-not-found{text-align:center;padding:90px 0}.ud-not-found h1{font-family:'Playfair Display',Georgia,serif}.ud-not-found .ud-btn{max-width:260px;margin:25px auto}@media(max-width:900px){.ud-layout{gap:30px}.ud-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.ud-page .ud-container{padding-left:16px;padding-right:16px}.ud-breadcrumb{padding:22px 0}.ud-layout{grid-template-columns:1fr;gap:24px}.ud-details{padding-top:0}.ud-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.ud-related{margin-top:55px}.ud-related-head h2{font-size:24px}.ud-related-grid{gap:12px}.ud-related-info{padding:11px}}

/* =========================================
   NUR SANAT ATÖLYESİ - FOOTER DÜZENLEMESİ
========================================= */

/* Footer genel yazı boyutları */
footer {
    font-size: 15px;
    line-height: 1.7;
}

/* Footer başlıkları */
footer h3,
footer h4 {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 18px;
}

/* Footer açıklama */
footer p {
    font-size: 15px;
    line-height: 1.85;
}

/* Footer bağlantıları */
footer a:not(.footer-brand) {
    font-size: 15px;
    line-height: 1.7;
}

/* =========================================
   LOGO BEYAZ ZEMİN
========================================= */

footer a.brand.footer-brand {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 320px !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 150px;

    background-color: #ffffff !important;
    border-radius: 18px !important;

    padding: 12px 18px !important;
    margin: 0 0 22px 0 !important;

    box-sizing: border-box;
    overflow: hidden;

    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
    text-decoration: none;
}

/* Logo resmi */
footer a.brand.footer-brand img.nur-site-logo {
    display: block !important;

    width: 280px !important;
    height: 140px !important;

    max-width: 100% !important;
    max-height: none !important;

    object-fit: contain !important;
    object-position: center !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================
   MOBİL UYUMLULUK
========================================= */

@media (max-width: 768px) {

    footer {
        font-size: 14px;
    }

    footer h3,
    footer h4 {
        font-size: 16px;
    }

    footer p,
    footer a:not(.footer-brand) {
        font-size: 14px;
    }

    footer a.brand.footer-brand {
        width: 270px !important;
        min-height: 125px;
        padding: 10px 15px !important;
        border-radius: 15px !important;
    }

    footer a.brand.footer-brand img.nur-site-logo {
        width: 240px !important;
        height: 120px !important;
    }
}


/* =====================================
   FOOTER YAZI BOYUTLARI
===================================== */

/* Footer başlıkları */
footer h3,
footer h4,
footer .footer-title {
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    margin-bottom: 20px;
}

/* Menü bağlantıları */
footer a:not(.footer-brand) {
    font-size: 16px !important;
    line-height: 1.8 !important;
}

/* Footer açıklama yazıları */
footer p {
    font-size: 16px !important;
    line-height: 1.9 !important;
}

/* Liste elemanları */
footer li {
    font-size: 16px !important;
    line-height: 1.9 !important;
}

/* Mobil */
@media (max-width: 768px) {
    footer h3,
    footer h4,
    footer .footer-title {
        font-size: 17px !important;
    }

    footer a:not(.footer-brand),
    footer p,
    footer li {
        font-size: 15px !important;
    }
}






/* ==========================================
   NUR SANAT ATÖLYESİ
   OKUNABİLİRLİK İYİLEŞTİRMESİ V2
========================================== */

/* GENEL YAZILAR */
body {
    font-size: 17px;
    line-height: 1.8;
}

/* HEADER MENÜ */
.header .nav-links a {
    font-size: 16px !important;
    font-weight: 500;
}

/* HERO AÇIKLAMASI */
.hero p,
.hero-content p,
.hero-copy p,
.hero-description {
    font-size: 18px !important;
    line-height: 1.85 !important;
}

/* HERO ÜST ETİKET */
.hero .eyebrow {
    font-size: 13px !important;
    letter-spacing: 2.5px;
}

/* HERO BUTONLARI */
.hero .btn,
.hero a.btn {
    font-size: 15px !important;
    font-weight: 600;
}

/* HERO ALTINDAKİ ÖZELLİKLER */
.features p,
.feature-card p,
.feature-item p {
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.features h3,
.feature-card h3,
.feature-item h3 {
    font-size: 18px !important;
}

/* KATEGORİ KARTLARI */
.category-card h3,
.category-card h4,
.category-card .category-title {
    font-size: 21px !important;
}

/* BÖLÜM AÇIKLAMALARI */
.section-head p,
.section-description,
.story p,
.story-copy p {
    font-size: 17px !important;
    line-height: 1.85 !important;
}

/* ÜRÜN KARTLARI */
.product-card h3,
.product-card h4,
.product-card .product-title {
    font-size: 20px !important;
}

.product-card p,
.product-card .product-description {
    font-size: 17px !important;
}

/* GENEL BUTONLAR */
.btn {
    font-size: 15px;
}

/* FOOTER BAŞLIKLARI */
footer h3,
footer h4 {
    font-size: 20px !important;
    font-weight: 700;
}

/* FOOTER AÇIKLAMALARI */
footer p {
    font-size: 17px !important;
    line-height: 1.85 !important;
}

/* FOOTER MENÜLER */
footer a:not(.footer-brand),
footer li {
    font-size: 17px !important;
    line-height: 1.85 !important;
}

/* ==========================================
   TABLET
========================================== */
@media (max-width: 1024px) {

    .header .nav-links a {
        font-size: 15px !important;
    }

    .hero p,
    .hero-content p,
    .hero-copy p {
        font-size: 17px !important;
    }
}

/* ==========================================
   MOBİL
========================================== */
@media (max-width: 768px) {

    body {
        font-size: 16px;
    }

    .hero p,
    .hero-content p,
    .hero-copy p,
    .hero-description {
        font-size: 16px !important;
    }

    .section-head p,
    .section-description,
    .story p,
    .story-copy p {
        font-size: 16px !important;
    }

    .category-card h3,
    .category-card h4 {
        font-size: 19px !important;
    }

    footer h3,
    footer h4 {
        font-size: 18px !important;
    }

    footer p,
    footer li,
    footer a:not(.footer-brand) {
        font-size: 16px !important;
    }
}



/* ==========================================
   NUR SANAT ATÖLYESİ
   ÖZELLİKLER BÖLÜMÜ
========================================== */

/* Özellikler alanı */
.benefits {
    padding: 38px 0 !important;
}

/* Dört sütunlu düzen */
.benefits .benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    text-align: center;
    gap: 20px;
}

/* Özellik kutuları */
.benefits .benefits-grid > div {
    padding: 15px 12px;
}

/* Simgeler */
.benefits .benefit-icon {
    display: block;
    font-size: 30px !important;
    line-height: 1.2;
    margin-bottom: 14px;
}

/* BAŞLIKLAR */
.benefits .benefits-grid h3 {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin: 0 0 10px !important;
}

/* AÇIKLAMALAR */
.benefits .benefits-grid p {
    font-size: 13px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* TABLET */
@media (max-width: 1024px) {
    .benefits .benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .benefits .benefits-grid h3 {
        font-size: 20px !important;
    }
}

/* MOBİL */
@media (max-width: 600px) {
    .benefits {
        padding: 28px 0 !important;
    }

    .benefits .benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .benefits .benefits-grid > div {
        padding: 12px 6px;
    }

    .benefits .benefit-icon {
        font-size: 26px !important;
    }

    .benefits .benefits-grid h3 {
        font-size: 18px !important;
    }

    .benefits .benefits-grid p {
        font-size: 14px !important;
    }
}