/*
  MAHMOUD JOIAS — MK3 LUXO
  Refinamento visual incremental sobre a MK2.
  Nenhum conteúdo, link ou funcionalidade foi removido ou trocado.
*/
:root{
  --mk3-paper:#f8f3ea;
  --mk3-paper-2:#f2eadc;
  --mk3-ink:#12372e;
  --mk3-deep:#071d18;
  --mk3-gold:#b58b47;
  --mk3-gold-soft:#ddc79b;
  --mk3-line:rgba(18,55,46,.12);
  --mk3-shadow:0 26px 70px rgba(21,31,24,.09);
  --mk3-shadow-soft:0 14px 34px rgba(21,31,24,.07);
}

html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 10% 0%,rgba(218,194,146,.10),transparent 22rem),
    var(--mk3-paper);
}

/* HEADER — mesmo conteúdo, acabamento mais joalheria. */
.site-header,.site-header.on-light,.site-header.is-scrolled{
  background:rgba(248,243,234,.89);
  border-bottom-color:rgba(18,55,46,.085);
  box-shadow:0 1px 0 rgba(255,255,255,.56);
  backdrop-filter:blur(22px) saturate(1.14);
  -webkit-backdrop-filter:blur(22px) saturate(1.14);
}
.site-header.is-scrolled{
  background:rgba(248,243,234,.96);
  box-shadow:0 12px 34px rgba(22,39,31,.055);
}
.brand{transition:opacity .28s ease,transform .28s ease}
.brand:hover{opacity:.84;transform:translateY(-1px)}
.brand-main{font-weight:500;letter-spacing:.155em}
.brand-sub{color:#9a7740;letter-spacing:.34em}
.desktop-nav a{position:relative;padding-block:12px;color:#29463d}
.desktop-nav a::after{
  height:1px;
  transform-origin:left;
  transition:transform .32s cubic-bezier(.22,.61,.36,1),opacity .32s ease;
}
.desktop-nav a:hover{color:#0e342a}
.header-social a{transition:transform .25s ease,opacity .25s ease,color .25s ease}
.header-social a:hover{transform:translateY(-1px)}
.header-social-icon{filter:drop-shadow(0 2px 7px rgba(18,55,46,.07))}
.menu-toggle{transition:background .25s ease,border-color .25s ease}
.menu-toggle:hover{background:rgba(181,139,71,.08)}

/* HERO — a mesma composição, mais cinematográfica e com acabamento de luxo. */
.hero{
  isolation:isolate;
  background:
    radial-gradient(circle at 18% 25%,rgba(213,188,137,.12),transparent 22rem),
    linear-gradient(180deg,#faf6ef 0%,#f7f1e7 100%);
  border-bottom-color:rgba(18,55,46,.085);
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.34),transparent 22%,transparent 74%,rgba(255,255,255,.08));
}
.hero::after{
  content:"";
  position:absolute;
  left:calc((100% - min(1280px,calc(100% - 112px)))/2);
  bottom:33px;
  width:66px;
  height:1px;
  z-index:4;
  background:linear-gradient(90deg,var(--mk3-gold),rgba(181,139,71,0));
  pointer-events:none;
}
.editorial-art{
  width:51.25%;
  overflow:hidden;
  background:#dbceb8;
  box-shadow:inset 1px 0 rgba(255,255,255,.18);
}
.editorial-art::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(30,20,7,.03),transparent 20%,transparent 74%,rgba(30,20,7,.09)),
    radial-gradient(circle at 60% 35%,rgba(255,255,255,.18),transparent 24rem);
  z-index:2;
}
.editorial-ambience{filter:blur(44px) saturate(.92);opacity:.50}
.editorial-photo{
  filter:saturate(.96) contrast(1.025) brightness(1.015);
  transform-origin:58% 52%;
  will-change:transform;
}
.editorial-veil{
  z-index:2;
  background:
    linear-gradient(90deg,var(--mk3-paper) 0%,var(--mk3-paper) 39%,rgba(248,243,234,.985) 43%,rgba(248,243,234,.88) 47%,rgba(248,243,234,.31) 52.5%,rgba(248,243,234,0) 57%),
    linear-gradient(0deg,rgba(248,243,234,.24),transparent 25%);
}
.hero-inner{position:relative;z-index:3}
.hero-copy{padding-top:42px;max-width:50.5%}
.hero .eyebrow{
  color:#87642d;
  letter-spacing:.255em;
  text-shadow:0 1px 0 rgba(255,255,255,.5);
}
.hero h1{
  max-width:700px;
  text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.36);
}
.hero h1 em{
  position:relative;
  color:#9a7131;
  text-shadow:0 1px 0 rgba(255,255,255,.32);
}
.hero h1 em::after{
  content:"";
  position:absolute;
  left:.02em;
  right:.02em;
  bottom:.015em;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(181,139,71,.58),transparent);
  transform:scaleX(.82);
  transform-origin:center;
}
.hero-description{color:#506159;max-width:485px}
.button-editorial{
  position:relative;
  overflow:hidden;
  border-color:#10372d;
  background:linear-gradient(135deg,#143d32,#0e3028);
  box-shadow:0 14px 32px rgba(10,43,35,.13),inset 0 1px rgba(255,255,255,.08);
}
.button-editorial::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.10) 45%,transparent 70%);
  transform:translateX(-120%);
  transition:transform .7s cubic-bezier(.22,.61,.36,1);
}
.button-editorial:hover{
  background:linear-gradient(135deg,#1b493d,#123a30);
  border-color:#1b493d;
  transform:translateY(-2px);
  box-shadow:0 18px 40px rgba(10,43,35,.17),inset 0 1px rgba(255,255,255,.10);
}
.button-editorial:hover::before{transform:translateX(120%)}
.button-editorial .icon{transition:transform .3s ease}
.button-editorial:hover .icon{transform:translateX(3px)}
.hero-signature{color:#6e756d}
.hero-signature i{box-shadow:0 0 0 3px rgba(181,139,71,.09)}

/* FAIXA EDITORIAL */
.intro-strip{
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(181,139,71,.035),transparent 30%,rgba(181,139,71,.035) 70%,transparent),
    #efe6d7;
  border-bottom-color:#d7cbb6;
}
.intro-strip::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% -180%,rgba(255,255,255,.75),transparent 48%);
}
.intro-strip .wrap{position:relative;z-index:1}
.intro-strip span{letter-spacing:-.015em}
.intro-strip>.wrap>.icon{filter:drop-shadow(0 3px 8px rgba(181,139,71,.17))}
.intro-strip a{transition:color .25s ease,transform .25s ease}
.intro-strip a:hover{color:#8e6a31;transform:translateX(2px)}

/* SEÇÕES E TITULAÇÃO */
.section{position:relative}
.selection{background:linear-gradient(180deg,#faf6ef 0%,var(--mk3-paper) 100%)}
.section-head .eyebrow{color:#89662f}
.section-head h2{text-wrap:balance}
.section-head h2 em{color:#936c2d}
.section-head>.text-link .icon{transition:transform .28s ease}
.section-head>.text-link:hover .icon{transform:translate(2px,-2px)}

/* PRODUTOS — foto mais valorizada e cards com profundidade discreta. */
.product-card{position:relative}
.product-photo{
  position:relative;
  overflow:hidden;
  border-color:rgba(18,55,46,.07);
  box-shadow:0 1px 0 rgba(255,255,255,.72),0 16px 40px rgba(31,38,31,.045);
  transition:transform .42s cubic-bezier(.22,.61,.36,1),box-shadow .42s ease,border-color .42s ease;
}
.product-photo::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.26);
  background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 32%,rgba(20,30,21,.035));
}
.real-product-image{
  transition:transform .7s cubic-bezier(.22,.61,.36,1),filter .55s ease;
  filter:saturate(.97) contrast(1.015);
}
.product-card:hover .product-photo{
  transform:translateY(-5px);
  box-shadow:0 26px 58px rgba(27,37,29,.105);
  border-color:rgba(181,139,71,.20);
}
.product-card:hover .real-product-image{transform:scale(1.025);filter:saturate(1.01) contrast(1.025)}
.product-card h3,.catalog-products .product-card h3{transition:color .3s ease}
.product-card:hover h3,.catalog-products .product-card:hover h3{color:#8b672d}
.photo-invite{
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 8px 24px rgba(14,35,28,.08);
}
.save-piece{transition:transform .26s ease,box-shadow .26s ease,background .26s ease}
.save-piece:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(28,24,17,.12);background:#fffaf0}
.product-consult{transition:color .25s ease,border-color .25s ease,transform .25s ease}
.product-consult:hover{transform:translateX(2px)}
.category-row{margin-top:74px}
.category-row a{position:relative;padding-block:18px;transition:color .25s ease,transform .25s ease}
.category-row a::before{
  content:"";
  width:4px;height:4px;border-radius:50%;
  background:var(--mk3-gold);
  opacity:0;
  transform:scale(.3);
  transition:opacity .25s ease,transform .25s ease;
}
.category-row a:hover{color:#8f6b31;transform:translateX(2px)}
.category-row a:hover::before{opacity:1;transform:scale(1)}

/* PROJETOS / ALIANÇAS / OURO — mesma informação, mais atmosfera. */
.project-section{
  background:
    radial-gradient(circle at 82% 18%,rgba(197,153,79,.10),transparent 25rem),
    radial-gradient(circle at 8% 78%,rgba(255,255,255,.035),transparent 24rem),
    #0b2a22;
}
.project-section::before,.visit-section::before,.final-call::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.02),transparent 28%,transparent 72%,rgba(255,255,255,.015));
}
.project-grid{position:relative;z-index:1}
.project-copy h2,.visit-copy h2,.final-call h2{text-wrap:balance}
.project-figure{
  overflow:hidden;
  border-color:rgba(218,190,132,.34);
  box-shadow:0 34px 80px rgba(2,15,11,.29);
  transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s ease;
}
.project-figure:hover{transform:translateY(-5px);box-shadow:0 42px 96px rgba(2,15,11,.33)}
.project-figure img{transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.project-figure:hover img{transform:scale(1.018)}

.wedding-section{
  background:
    radial-gradient(circle at 18% 22%,rgba(208,178,118,.09),transparent 24rem),
    #fcf8f1;
}
.wedding-photo-frame{
  padding:13px;
  border-color:#d8ccb8;
  box-shadow:var(--mk3-shadow-soft);
  transition:transform .4s ease,box-shadow .4s ease;
}
.wedding-photo-frame:hover{transform:translateY(-4px);box-shadow:var(--mk3-shadow)}
.wedding-photo-frame img{transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.wedding-photo-frame:hover img{transform:scale(1.014)}
.wedding-details{background:rgba(255,255,255,.18)}

.gold-section{
  background:
    radial-gradient(circle at 88% 22%,rgba(181,139,71,.12),transparent 23rem),
    linear-gradient(180deg,#eee4d4 0%,#f2eadd 100%);
}
.gold-steps>div{transition:transform .28s ease,background .28s ease,border-color .28s ease}
.gold-steps>div:hover{transform:translateY(-2px);background:rgba(255,255,255,.18);border-color:#bda77e}

/* INSTAGRAM — galeria mais limpa, sem mudar links/fotos. */
.instagram-section{background:linear-gradient(180deg,#f8f3ea 0%,#f4ede2 100%)}
.instagram-grid{gap:18px}
.instagram-photo{
  position:relative;
  overflow:hidden;
  border-color:rgba(18,55,46,.075);
  box-shadow:0 12px 30px rgba(25,34,28,.045);
  transition:transform .38s cubic-bezier(.22,.61,.36,1),box-shadow .38s ease;
}
.instagram-photo::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 62%,rgba(6,25,20,.12));
  opacity:.38;
  transition:opacity .35s ease;
}
.instagram-photo img{transition:transform .65s cubic-bezier(.22,.61,.36,1),filter .5s ease}
.instagram-photo:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(25,34,28,.10)}
.instagram-photo:hover img{transform:scale(1.035);filter:saturate(1.03)}
.instagram-photo:hover::after{opacity:.62}
.instagram-photo>span{z-index:2}

/* LOJA / MAPA */
.visit-section{
  background:
    radial-gradient(circle at 78% 18%,rgba(197,153,79,.10),transparent 23rem),
    #0b2821;
}
.visit-grid{position:relative;z-index:1}
.visit-hours p{border-bottom-color:rgba(255,255,255,.10)}
.visit-phone{transition:color .25s ease,transform .25s ease}
.visit-phone:hover{color:#e7c988;transform:translateX(2px)}
.map-card{
  overflow:hidden;
  border-color:rgba(218,190,132,.34);
  box-shadow:0 32px 78px rgba(1,16,11,.23);
  transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;
}
.map-card:hover{transform:translateY(-4px);box-shadow:0 40px 94px rgba(1,16,11,.28);border-color:rgba(218,190,132,.43)}
.map-placeholder::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 48%,rgba(197,153,79,.055),transparent 34%);
}
.map-pin{filter:drop-shadow(0 8px 18px rgba(197,153,79,.18))}

/* CTA FINAL E FOOTER */
.final-call{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 110%,rgba(199,156,82,.15),transparent 35rem),
    #09241d;
}
.final-call .wrap{position:relative;z-index:1}
.final-call .button-gold{
  box-shadow:0 16px 38px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.25);
  transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;
}
.final-call .button-gold:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(0,0,0,.23);filter:brightness(1.025)}
.site-footer{
  background:
    radial-gradient(circle at 15% 0%,rgba(197,153,79,.055),transparent 18rem),
    #051812;
}
.site-footer a{transition:color .25s ease,opacity .25s ease,transform .25s ease}
.site-footer a:hover{transform:translateX(1px)}
.back-top .icon{transition:transform .28s ease}
.back-top:hover .icon{transform:translate(2px,-2px)}

/* CATÁLOGO — mesma estrutura, linguagem mais refinada. */
.catalog-intro{
  background:
    radial-gradient(circle at 80% 0%,rgba(181,139,71,.10),transparent 25rem),
    linear-gradient(180deg,#f1e7d8 0%,var(--mk3-paper) 100%);
}
.catalog-heading h1{text-wrap:balance}
.catalog-toolbar{
  border-block-color:rgba(18,55,46,.08);
  background:rgba(248,243,234,.925);
  box-shadow:0 12px 32px rgba(25,34,28,.035);
}
.search-field input::placeholder{color:#827d72}
.catalog-filters button{transition:color .24s ease,border-color .24s ease,background .24s ease}
.catalog-filters button:hover{background:rgba(181,139,71,.07);color:#835f27}
.catalog-filters button[aria-pressed=true]{background:rgba(181,139,71,.07)}
.catalog-assistance{
  background:linear-gradient(135deg,#eee3d2,#f4ecdf);
  box-shadow:inset 0 1px rgba(255,255,255,.5);
}

/* MODAL DE PRODUTO */
.product-dialog{
  border:1px solid rgba(18,55,46,.09);
  box-shadow:0 36px 110px rgba(5,20,15,.28);
}
.product-dialog::backdrop{background:rgba(4,17,13,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.detail-top{background:linear-gradient(135deg,#0d2b24,#071f1a)}
.detail-image-wrap{background:#f0e8dc}
.detail-image-wrap img{transition:transform .5s ease}
.detail-copy{background:linear-gradient(180deg,#fcf8f1,#f8f1e7)}
.detail-specs>div{border-bottom-color:rgba(18,55,46,.10)}

/* MOBILE */
@media(max-width:1200px){
  .hero::after{left:40px}
}

@media(max-width:760px){
  body{background:var(--mk3-paper)}
  .site-header,.site-header.on-light,.site-header.is-scrolled{background:rgba(248,243,234,.95)}
  .hero::after{display:none}
  .hero{
    background:linear-gradient(180deg,#f7f0e5 0%,#f8f3ea 100%);
  }
  .editorial-art{width:100%;box-shadow:none}
  .editorial-art::after{
    background:linear-gradient(180deg,rgba(28,18,8,.02),transparent 55%,rgba(22,31,23,.08));
  }
  .editorial-photo{filter:saturate(.98) contrast(1.02) brightness(1.015)}
  .editorial-veil{
    background:linear-gradient(0deg,var(--mk3-paper) 0%,var(--mk3-paper) 34%,rgba(248,243,234,.985) 42%,rgba(248,243,234,.82) 50%,rgba(248,243,234,.18) 63%,transparent 72%);
  }
  .hero-copy{padding-bottom:15px}
  .hero h1 em::after{display:none}
  .button-editorial{box-shadow:0 12px 28px rgba(10,43,35,.12)}
  .hero-signature i{box-shadow:none}
  .intro-strip{background:#efe6d7}
  .selection{background:var(--mk3-paper)}
  .product-card:hover .product-photo,.instagram-photo:hover,.project-figure:hover,.wedding-photo-frame:hover,.map-card:hover{transform:none}
  .product-card:hover .real-product-image,.instagram-photo:hover img,.project-figure:hover img,.wedding-photo-frame:hover img{transform:none}
  .category-row{margin-top:54px}
  .project-section,.visit-section{background:#0b2821}
  .instagram-grid{gap:10px}
  .product-dialog{border:0}
}

@media(max-width:540px){
  .hero .eyebrow{letter-spacing:.16em}
  .hero-signature{line-height:1.55}
  .intro-strip .wrap{padding-block:23px}
  .section-head h2{letter-spacing:-.03em}
  .product-photo{box-shadow:0 10px 28px rgba(31,38,31,.045)}
  .instagram-photo{box-shadow:none}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}