/* =========================================================================
   SITRAA — SITE DESIGN SYSTEM
   Ported 1:1 from the approved design mockups (sitraa-design/*.html).
   Powers: Elementor Header/Footer templates, Elementor page templates,
   and the restyled native WooCommerce shop/product templates.
   ========================================================================= */
:root{
  --maroon:#560406; --maroon-deep:#3a0304; --maroon-soft:#6b0a0c;
  --gold:#a17b5e; --gold-light:#c9a373; --gold-bright:#d8bd8a;
  --cream:#f5efe4; --cream-2:#efe6d6; --ivory:#fdfcfc;
  --ink:#2b1416; --ink-muted:#7a6a63;
  --on-dark:#efe4d8; --on-dark-muted:#cbb79f;
  --hairline:rgba(161,123,94,.35);
  --display:"Cormorant Garamond",Georgia,serif;
  --body:"EB Garamond",Georgia,serif;
  --script:"Pinyon Script",cursive;
  --maxw:1240px; --radius:4px;
}
.sitraa-site *{box-sizing:border-box}
.sitraa-site img{max-width:100%;display:block}
.sitraa-site a{color:inherit;text-decoration:none}
.sitraa-site h1,.sitraa-site h2,.sitraa-site h3,.sitraa-site h4{
  font-family:var(--display);font-weight:500;margin:0;color:var(--maroon);line-height:1.12}
.sitraa-site .container{max-width:var(--maxw)!important;margin:0 auto!important;width:100%;padding:0 clamp(20px,5vw,48px)!important;box-sizing:border-box!important}
.sitraa-site .section{padding:clamp(56px,9vw,120px) 0!important}
.sitraa-site .section.pb-0{padding-bottom:0!important}
.sitraa-site .section.pt-0{padding-top:0!important}
.sitraa-site .section.pt-tight{padding-top:28px!important}
.sitraa-site .center{text-align:center}
.sitraa-site ::selection{background:var(--gold);color:#fff}

/* eyebrow / headings */
.sitraa-site .eyebrow,.sitraa-site .eyebrow .elementor-heading-title{font-family:var(--display);text-transform:uppercase;letter-spacing:.36em;
  font-size:.8rem;color:var(--gold);margin:0 0 1rem}
.sitraa-site .eyebrow.on-dark,.sitraa-site .eyebrow.on-dark .elementor-heading-title{color:var(--gold-light)}
.sitraa-site .h-xl,.sitraa-site .h-xl .elementor-heading-title{font-size:clamp(2.6rem,6vw,4.6rem)}
.sitraa-site .h-lg,.sitraa-site .h-lg .elementor-heading-title{font-size:clamp(2.1rem,4.4vw,3.4rem)}
.sitraa-site .h-md,.sitraa-site .h-md .elementor-heading-title{font-size:clamp(1.6rem,3vw,2.3rem)}
.sitraa-site .lead,.sitraa-site .lead .elementor-text-editor{font-size:1.18rem;color:var(--ink-muted);max-width:60ch}
.sitraa-site .lead.narrow,.sitraa-site .lead.narrow .elementor-text-editor{max-width:46ch}
.sitraa-site em,.sitraa-site .em{font-style:italic}
.sitraa-site .script,.sitraa-site .script .elementor-heading-title,.sitraa-site .script .elementor-text-editor{font-family:var(--script);color:var(--gold);font-weight:400}
.sitraa-site .rule{width:54px;height:1px;background:var(--gold);margin:1.4rem 0}
.sitraa-site .rule.c{margin-left:auto;margin-right:auto}
.sitraa-site .muted{color:var(--ink-muted)}

/* buttons */
.sitraa-site .btn,.sitraa-site .btn .elementor-button{display:inline-flex;align-items:center;gap:.7em;font-family:var(--display);
  text-transform:uppercase;letter-spacing:.18em;font-size:.82rem;cursor:pointer;
  padding:.95em 1.9em;border-radius:var(--radius);border:1px solid var(--maroon);
  background:var(--maroon);color:var(--ivory);transition:.25s;height:auto}
.sitraa-site .btn:hover,.sitraa-site .btn:hover .elementor-button,.sitraa-site .btn .elementor-button:hover{background:transparent;color:var(--maroon)}
.sitraa-site .btn.ghost,.sitraa-site .btn.ghost .elementor-button{background:transparent;color:var(--maroon);border-color:var(--gold)}
.sitraa-site .btn.ghost:hover,.sitraa-site .btn.ghost .elementor-button:hover{background:var(--maroon);color:var(--ivory);border-color:var(--maroon)}
.sitraa-site .btn.on-dark,.sitraa-site .btn.on-dark .elementor-button{border-color:var(--gold);background:transparent;color:var(--gold-light)}
.sitraa-site .btn.on-dark:hover,.sitraa-site .btn.on-dark .elementor-button:hover{background:var(--gold-light);color:var(--maroon-deep);border-color:var(--gold-light)}
.sitraa-site .tlink{display:inline-flex;align-items:center;gap:.6em;font-family:var(--display);
  text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;padding-bottom:5px;
  border-bottom:1px solid var(--gold);transition:gap .2s}
.sitraa-site .tlink:hover{gap:1.1em;color:var(--gold)}
.sitraa-site .tlink.on-dark{color:var(--gold-light)}
.sitraa-site .tlink .ar{transition:transform .2s}
.sitraa-site .tlink:hover .ar{transform:translateX(4px)}

/* topbar + header */
.sitraa-site .topbar{background:var(--maroon-deep);color:var(--on-dark-muted);text-align:center;
  font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;
  font-size:.72rem;padding:9px 12px}
.sitraa-site .site-header{position:sticky;top:0;z-index:50;background:rgba(58,3,4,.96);
  backdrop-filter:blur(6px);color:var(--on-dark);border-bottom:1px solid var(--hairline)}
.sitraa-site .header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  min-height:76px;gap:16px}
.sitraa-site .brand,.sitraa-site .brand .elementor-heading-title{font-family:var(--display);color:var(--gold-light);letter-spacing:.3em;
  font-size:1.5rem;line-height:1;justify-self:start}
.sitraa-site .brand span{display:block;font-size:.52rem;letter-spacing:.34em;color:var(--on-dark-muted);margin-top:5px}
.sitraa-site .main-nav{display:flex;gap:2.1rem;justify-self:center;font-family:var(--display);
  text-transform:uppercase;letter-spacing:.17em;font-size:.85rem;list-style:none;margin:0;padding:0}
.sitraa-site .main-nav a{color:var(--on-dark);padding:6px 0;border-bottom:1px solid transparent;transition:.2s}
.sitraa-site .main-nav a:hover{color:var(--gold-light)}
.sitraa-site .main-nav .current-menu-item>a,.sitraa-site .main-nav a[aria-current]{color:var(--gold-light);border-bottom-color:var(--gold)}
.sitraa-site .main-nav ul{list-style:none;display:flex;gap:2.1rem;margin:0;padding:0}
.sitraa-site .header-icons{display:flex;gap:1.2rem;justify-self:end;align-items:center}
.sitraa-site .header-icons a{color:var(--gold-light);position:relative}
.sitraa-site .header-icons svg{width:21px;height:21px}
.sitraa-site .bag-count{position:absolute;top:-8px;right:-10px;background:var(--gold);color:var(--maroon-deep);
  font-family:var(--body);font-size:.62rem;min-width:16px;height:16px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;padding:0 3px}
.sitraa-site .nav-toggle-wrap{display:none}
.sitraa-site .nav-toggle{flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px}
.sitraa-site .nav-toggle span{width:24px;height:2px;background:var(--gold-light);display:block;transition:.25s}

/* footer */
.sitraa-site .site-footer{background:var(--maroon);color:var(--on-dark-muted);padding:clamp(48px,7vw,84px) 0 26px}
.sitraa-site .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:clamp(24px,4vw,54px)}
.sitraa-site .footer-grid h4{font-family:var(--display);color:var(--on-dark);text-transform:uppercase;
  letter-spacing:.18em;font-size:.8rem;margin:0 0 1.1rem}
.sitraa-site .footer-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;font-size:.98rem}
.sitraa-site .footer-grid a:hover{color:var(--gold-light)}
.sitraa-site .f-brand{font-family:var(--display);color:var(--gold-light);letter-spacing:.3em;font-size:1.5rem}
.sitraa-site .f-brand span{display:block;font-size:.55rem;letter-spacing:.3em;margin-top:6px;color:var(--on-dark-muted)}
.sitraa-site .socials{display:flex;gap:.8rem;margin-top:1.2rem}
.sitraa-site .socials a{width:38px;height:38px;border:1px solid var(--hairline);border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:var(--gold-light);transition:.2s}
.sitraa-site .socials a:hover{background:var(--gold-light);color:var(--maroon)}
.sitraa-site .socials svg{width:17px;height:17px}
.sitraa-site .f-news{display:flex;border-bottom:1px solid var(--hairline);padding-bottom:7px;margin-top:1rem;gap:8px}
.sitraa-site .f-news input{background:none;border:0;color:var(--on-dark);font-family:var(--body);flex:1;outline:none;font-size:1rem}
.sitraa-site .f-news button{background:none;border:0;color:var(--gold-light);cursor:pointer;font-size:1.1rem}
.sitraa-site .f-copy{text-align:center;border-top:1px solid var(--hairline);margin-top:2.6rem;padding-top:1.5rem;
  font-size:.8rem;letter-spacing:.06em}

/* HERO */
.sitraa-site .hero{position:relative;background:var(--maroon-deep);color:var(--on-dark);overflow:hidden;isolation:isolate}
.sitraa-site .hero-media{position:absolute;inset:0;z-index:-2}
.sitraa-site .hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.sitraa-site .hero-media::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,var(--maroon-deep) 30%,rgba(58,3,4,.72) 55%,rgba(58,3,4,.32))}
.sitraa-site .hero-inner{min-height:88vh;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;padding:6rem 0}
.sitraa-site .hero-copy{max-width:38rem}
.sitraa-site .hero-brand,.sitraa-site .hero-brand .elementor-heading-title{font-size:clamp(3.4rem,10vw,7.5rem);letter-spacing:.16em;color:var(--gold-light);
  margin:.4rem 0 .2rem;line-height:.95}
.sitraa-site .hero .script,.sitraa-site .hero .script .elementor-heading-title,.sitraa-site .hero .script .elementor-text-editor{font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.3;color:var(--gold-light)!important;margin:.4rem 0 1.8rem}

/* marquee values */
.sitraa-site .values{background:var(--maroon);color:var(--on-dark);border-top:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline)}
.sitraa-site .values-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.sitraa-site .value{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:2.3rem 1rem;
  border-right:1px solid var(--hairline)}
.sitraa-site .value:last-child{border-right:0}
.sitraa-site .value .ico{color:var(--gold);font-size:1.5rem}
.sitraa-site .value .lbl{font-family:var(--display);text-transform:uppercase;letter-spacing:.18em;
  font-size:.78rem;color:var(--on-dark-muted)}

/* split (story) */
.sitraa-site .split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,84px);align-items:center}
.sitraa-site .split.rev .split-media{order:2}
.sitraa-site .arch{border-radius:50% 50% var(--radius) var(--radius)/38% 38% var(--radius) var(--radius);
  overflow:hidden;box-shadow:0 30px 70px rgba(86,4,6,.18)}
.sitraa-site .arch img{aspect-ratio:4/5;object-fit:cover;width:100%}
.sitraa-site .frame{position:relative;padding:14px}
.sitraa-site .frame::before{content:"";position:absolute;inset:0;border:1px solid var(--gold);
  transform:translate(16px,16px);z-index:-1}
.sitraa-site .frame img{width:100%;aspect-ratio:4/5;object-fit:cover}

/* collections tiles */
.sitraa-site .tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.sitraa-site .tile{position:relative;aspect-ratio:3/4.3;border-radius:var(--radius);overflow:hidden;display:block}
.sitraa-site .tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.sitraa-site .tile:hover img{transform:scale(1.06)}
.sitraa-site .tile::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(58,3,4,.05) 35%,rgba(58,3,4,.82))}
.sitraa-site .tile .cap{position:absolute;left:0;right:0;bottom:20px;z-index:1;text-align:center;
  font-family:var(--display);text-transform:uppercase;letter-spacing:.14em;font-size:.92rem;
  color:var(--gold-light)}
.sitraa-site .tiles.big{grid-template-columns:repeat(3,1fr);gap:18px}
.sitraa-site .tiles.big .tile{aspect-ratio:3/3.7}
.sitraa-site .tiles.big .cap{font-size:1.15rem;bottom:26px}

/* featured band */
.sitraa-site .band{background:var(--cream)}
.sitraa-site .band .split{align-items:center}

/* collections band (dark gradient variant of .section) */
.sitraa-site .collections-band{background:linear-gradient(180deg,var(--maroon-deep),var(--maroon));color:var(--on-dark)}
.sitraa-site .gold-heading,.sitraa-site .gold-heading .elementor-heading-title{color:var(--gold-light)}

/* product cards */
.sitraa-site .grid-products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.sitraa-site .pcard{background:var(--ivory);border:1px solid var(--hairline);border-radius:var(--radius);
  overflow:hidden;display:flex;flex-direction:column;transition:.25s;position:relative}
.sitraa-site .pcard:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(86,4,6,.12)}
.sitraa-site .pcard .ph{position:relative;overflow:hidden;aspect-ratio:3/4}
.sitraa-site .pcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.sitraa-site .pcard:hover .ph img{transform:scale(1.05)}
.sitraa-site .pcard .tag{position:absolute;top:12px;left:12px;background:var(--gold);color:#fff;
  font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;
  padding:.35em .8em;border-radius:999px}
.sitraa-site .pcard .quick{position:absolute;left:12px;right:12px;bottom:12px;text-align:center;
  background:rgba(58,3,4,.92);color:var(--gold-light);font-family:var(--display);
  text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;padding:.8em;border-radius:var(--radius);
  opacity:0;transform:translateY(10px);transition:.25s}
.sitraa-site .pcard:hover .quick{opacity:1;transform:none}
.sitraa-site .pcard .body{padding:16px 16px 20px;text-align:center}
.sitraa-site .pcard .weave{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:5px}
.sitraa-site .pcard .name{font-family:var(--display);font-size:1.32rem;color:var(--maroon)}
.sitraa-site .pcard .price{margin-top:6px;color:var(--ink);font-size:1.05rem}
.sitraa-site .pcard .price .was{color:var(--ink-muted);text-decoration:line-through;margin-right:8px;font-size:.92rem}

/* page hero (inner) */
.sitraa-site .page-hero{background:linear-gradient(180deg,var(--maroon),var(--maroon-deep));color:var(--on-dark);
  text-align:center;padding:clamp(48px,7vw,90px) 0}
.sitraa-site .page-hero h1{color:var(--gold-light)}
.sitraa-site .page-hero .h-xl .elementor-heading-title{color:var(--gold-light)}
.sitraa-site .crumb{font-family:var(--display);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;
  color:var(--on-dark-muted);margin-bottom:1rem}
.sitraa-site .crumb a:hover{color:var(--gold-light)}

/* filter bar */
.sitraa-site .filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;
  border-bottom:1px solid var(--hairline);padding-bottom:26px;margin-bottom:40px}
.sitraa-site .chip{font-family:var(--display);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;
  padding:.55em 1.2em;border:1px solid var(--hairline);border-radius:999px;color:var(--ink-muted);
  cursor:pointer;transition:.2s;background:none}
.sitraa-site .chip:hover{color:var(--maroon);border-color:var(--gold)}
.sitraa-site .chip.active{background:var(--maroon);color:var(--ivory);border-color:var(--maroon)}

/* product page */
.sitraa-site .pdp{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,4vw,64px);align-items:start}
.sitraa-site .gallery-main{border-radius:var(--radius);overflow:hidden;aspect-ratio:4/5}
.sitraa-site .gallery-main img{width:100%;height:100%;object-fit:cover}
.sitraa-site .thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.sitraa-site .thumbs img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);cursor:pointer;
  border:1px solid var(--hairline);opacity:.7;transition:.2s}
.sitraa-site .thumbs img:hover,.sitraa-site .thumbs img.active{opacity:1;border-color:var(--gold)}
.sitraa-site .pdp-info .weave{font-family:var(--display);text-transform:uppercase;letter-spacing:.2em;
  font-size:.78rem;color:var(--gold);margin-bottom:.5rem}
.sitraa-site .pdp-info h1{font-size:clamp(2.1rem,4vw,3rem)}
.sitraa-site .stars{color:var(--gold);letter-spacing:2px;margin:.5rem 0}
.sitraa-site .stars span{color:var(--ink-muted);font-family:var(--body);letter-spacing:normal;font-size:.9rem;margin-left:8px}
.sitraa-site .pdp-price,.sitraa-site .pdp-price .elementor-heading-title{font-family:var(--display);font-size:1.9rem;color:var(--maroon);margin:.6rem 0 1rem}
.sitraa-site .pdp-price .was{color:var(--ink-muted);text-decoration:line-through;font-size:1.2rem;margin-right:10px}
.sitraa-site .divider{height:1px;background:var(--hairline);margin:1.4rem 0}
.sitraa-site .opt-label{font-family:var(--display);text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;
  color:var(--ink);margin-bottom:.6rem;display:block}
.sitraa-site .swatches{display:flex;gap:10px;margin-bottom:1.2rem}
.sitraa-site .swatch{width:34px;height:34px;border-radius:50%;border:1px solid var(--hairline);cursor:pointer;
  outline-offset:3px;transition:.15s}
.sitraa-site .swatch.active{outline:1.5px solid var(--gold)}
.sitraa-site .select{width:100%;padding:.85em 1em;border:1px solid var(--hairline);border-radius:var(--radius);
  background:var(--ivory);font-family:var(--body);font-size:1rem;color:var(--ink);margin-bottom:1.2rem}
.sitraa-site .buy-row{display:flex;gap:12px;margin:1.2rem 0}
.sitraa-site .qty{display:flex;align-items:center;border:1px solid var(--hairline);border-radius:var(--radius)}
.sitraa-site .qty button{background:none;border:0;padding:0 14px;font-size:1.2rem;color:var(--maroon);cursor:pointer}
.sitraa-site .qty input{width:42px;text-align:center;border:0;font-family:var(--body);font-size:1rem;background:none}
.sitraa-site .buy-row .btn{flex:1;justify-content:center}
.sitraa-site .meta{font-size:.92rem;color:var(--ink-muted);display:grid;gap:.3rem;margin-top:.6rem}
.sitraa-site .assurance{display:flex;gap:20px;flex-wrap:wrap;margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid var(--hairline)}
.sitraa-site .assurance div{font-family:var(--display);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--ink-muted);display:flex;align-items:center;gap:8px}
.sitraa-site .assurance .d{color:var(--gold)}

/* tabs */
.sitraa-site .tabs{border-bottom:1px solid var(--hairline);display:flex;gap:28px;margin-bottom:26px;flex-wrap:wrap}
.sitraa-site .tab{font-family:var(--display);text-transform:uppercase;letter-spacing:.14em;font-size:.85rem;
  padding-bottom:14px;color:var(--ink-muted);cursor:pointer;border-bottom:2px solid transparent}
.sitraa-site .tab.active{color:var(--maroon);border-bottom-color:var(--gold)}
.sitraa-site .tab-panel{display:none;max-width:70ch}
.sitraa-site .tab-panel.active{display:block}

/* about values */
.sitraa-site .cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sitraa-site .vcard{background:var(--ivory);border:1px solid var(--hairline);padding:34px 28px;border-radius:var(--radius)}
.sitraa-site .vcard .ico{color:var(--gold);font-size:1.6rem;margin-bottom:.8rem}
.sitraa-site .vcard h3{font-size:1.4rem;margin-bottom:.5rem}
.sitraa-site .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:s}
.sitraa-site .step{position:relative;padding-top:52px}
.sitraa-site .step::before{counter-increment:s;content:"0" counter(s);position:absolute;top:0;left:0;
  font-family:var(--display);font-size:2.4rem;color:var(--gold-light)}
.sitraa-site .step h3{font-size:1.25rem;margin-bottom:.4rem}
.sitraa-site .quote-band{background:var(--maroon-deep);color:var(--on-dark);text-align:center}
.sitraa-site .quote-band .q{font-family:var(--display);font-style:italic;font-size:clamp(1.6rem,3.4vw,2.6rem);
  line-height:1.35;max-width:22ch;margin:0 auto;color:var(--on-dark)}
.sitraa-site .sign{font-family:var(--script);color:var(--gold-light);font-size:2.2rem;margin-top:1.2rem}
.sitraa-site .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.sitraa-site .stat .n{font-family:var(--display);font-size:clamp(2.4rem,5vw,3.6rem);color:var(--maroon)}
.sitraa-site .stat .l{font-family:var(--display);text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;color:var(--ink-muted)}

/* contact */
.sitraa-site .contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(28px,5vw,64px)}
.sitraa-site .field{margin-bottom:1.1rem}
.sitraa-site .field label,.sitraa-site .wpcf7-form label{font-family:var(--display);text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;
  display:block;margin-bottom:.4rem;color:var(--ink)}
.sitraa-site .field input,.sitraa-site .field textarea,
.sitraa-site .wpcf7-form input[type=text],.sitraa-site .wpcf7-form input[type=email],.sitraa-site .wpcf7-form textarea{width:100%;padding:.85em 1em;border:1px solid var(--hairline);
  border-radius:var(--radius);font-family:var(--body);font-size:1rem;background:var(--ivory);color:var(--ink)}
.sitraa-site .field textarea,.sitraa-site .wpcf7-form textarea{min-height:150px;resize:vertical}
.sitraa-site .wpcf7-form p{margin-bottom:1.1rem}
.sitraa-site .wpcf7-form input[type=submit]{display:inline-flex;align-items:center;gap:.7em;font-family:var(--display);
  text-transform:uppercase;letter-spacing:.18em;font-size:.82rem;cursor:pointer;
  padding:.95em 1.9em;border-radius:var(--radius);border:1px solid var(--maroon);
  background:var(--maroon);color:var(--ivory);transition:.25s}
.sitraa-site .wpcf7-form input[type=submit]:hover{background:transparent;color:var(--maroon)}
.sitraa-site .wpcf7-not-valid-tip{color:#a33;font-size:.85rem;margin-top:.3rem}
.sitraa-site .wpcf7-response-output{border-radius:var(--radius);border-color:var(--hairline)!important;font-size:.9rem}
.sitraa-site .info-row{display:flex;gap:14px;align-items:flex-start;margin-bottom:1.4rem}
.sitraa-site .info-row .d{color:var(--gold);width:22px;flex:none;margin-top:3px}
.sitraa-site .info-row .d svg{width:22px;height:22px}
.sitraa-site .info-row b{font-family:var(--display);letter-spacing:.06em;color:var(--maroon);font-weight:500}
.sitraa-site .map{margin-top:10px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--hairline);
  background:linear-gradient(135deg,var(--cream),var(--cream-2));height:300px;display:flex;
  align-items:center;justify-content:center;color:var(--ink-muted);font-family:var(--display);
  letter-spacing:.2em;text-transform:uppercase;font-size:.8rem}
.sitraa-site .accordion{max-width:760px;margin:0 auto}
.sitraa-site .acc{border-bottom:1px solid var(--hairline)}
.sitraa-site .acc summary{cursor:pointer;list-style:none;padding:1.1rem 0;font-family:var(--display);
  font-size:1.25rem;color:var(--maroon);display:flex;justify-content:space-between;align-items:center}
.sitraa-site .acc summary::-webkit-details-marker{display:none}
.sitraa-site .acc summary::after{content:"+";color:var(--gold);font-size:1.4rem}
.sitraa-site .acc[open] summary::after{content:"\2013"}
.sitraa-site .acc p{margin:0 0 1.2rem;color:var(--ink-muted)}

/* newsletter cta */
.sitraa-site .cta-band{background:var(--cream);text-align:center}
.sitraa-site .cta-band .field-inline{display:flex;max-width:460px;margin:1.6rem auto 0;border:1px solid var(--gold);
  border-radius:var(--radius);overflow:hidden}
.sitraa-site .cta-band input{flex:1;border:0;padding:1em 1.2em;font-family:var(--body);font-size:1rem;background:var(--ivory)}
.sitraa-site .cta-band button{border:0;background:var(--maroon);color:var(--ivory);font-family:var(--display);
  text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;padding:0 1.6em;cursor:pointer}

/* Elementor-container plumbing: kill default gaps so our own padding rules control spacing */
.sitraa-site .elementor-widget:not(.elementor-widget-html) .elementor-widget-container{margin:0}
.sitraa-site .e-con{gap:0;flex-direction:column!important;align-items:stretch!important}

/* responsive */
@media(max-width:1024px){
  .sitraa-site .grid-products{grid-template-columns:repeat(3,1fr)}
  .sitraa-site .tiles{grid-template-columns:repeat(3,1fr)}
  .sitraa-site .steps,.sitraa-site .stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .sitraa-site .main-nav,.sitraa-site .header-icons{display:none!important}
  .sitraa-site .nav-toggle-wrap{display:flex}
  .sitraa-site .header-inner{grid-template-columns:auto 1fr;justify-items:start}
  .sitraa-site .brand{justify-self:start}
  .sitraa-site .site-header.open .main-nav{display:flex;position:absolute;top:100%;left:0;right:0;
    flex-direction:column;background:var(--maroon-deep);padding:20px 24px;gap:1rem;
    border-bottom:1px solid var(--hairline)}
  .sitraa-site .split{grid-template-columns:1fr}
  .sitraa-site .split.rev .split-media{order:0}
  .sitraa-site .values-grid{grid-template-columns:repeat(2,1fr)}
  .sitraa-site .value:nth-child(2){border-right:0}
  .sitraa-site .tiles.big{grid-template-columns:repeat(2,1fr)}
  .sitraa-site .cards3{grid-template-columns:1fr}
  .sitraa-site .pdp,.sitraa-site .contact-grid{grid-template-columns:1fr}
  .sitraa-site .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .sitraa-site{font-size:17px}
  .sitraa-site .grid-products,.sitraa-site .tiles{grid-template-columns:repeat(2,1fr)}
  .sitraa-site .steps,.sitraa-site .stats,.sitraa-site .footer-grid{grid-template-columns:1fr}
  .sitraa-site .hero-media::after{background:linear-gradient(180deg,rgba(58,3,4,.55),rgba(58,3,4,.82))}
}

/* body-level base (applied without needing .sitraa-site wrapper, since body itself carries it) */
body.sitraa-site{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--body);
  font-size:18px;line-height:1.75;-webkit-font-smoothing:antialiased}

/* =========================================================================
   ELEMENTOR OVERRIDE GUARD
   Elementor Containers ship their own default flex/grid + spacing. These
   !important rules guarantee our design's layout wins regardless of each
   container's own Elementor panel settings, so editors can't accidentally
   break the grid by tweaking unrelated container options.
   ========================================================================= */
.sitraa-site .header-inner{display:grid!important;grid-template-columns:1fr auto 1fr!important}
.sitraa-site .main-nav,.sitraa-site .header-icons,.sitraa-site .socials,.sitraa-site .info-row,
.sitraa-site .assurance,.sitraa-site .buy-row,.sitraa-site .swatches,.sitraa-site .filters,
.sitraa-site .qty,.sitraa-site .f-news,.sitraa-site .nav-toggle{display:flex!important}
.sitraa-site .values-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important}
.sitraa-site .split{display:grid!important;grid-template-columns:1fr 1fr!important}
.sitraa-site .tiles{display:grid!important;grid-template-columns:repeat(5,1fr)!important}
.sitraa-site .tiles.big{grid-template-columns:repeat(3,1fr)!important}
.sitraa-site .grid-products{display:grid!important;grid-template-columns:repeat(4,1fr)!important}
.sitraa-site .footer-grid{display:grid!important;grid-template-columns:1.5fr 1fr 1fr 1.5fr!important}
.sitraa-site .cards3{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
.sitraa-site .steps{display:grid!important;grid-template-columns:repeat(4,1fr)!important}
.sitraa-site .stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important}
.sitraa-site .pdp{display:grid!important;grid-template-columns:1.15fr 1fr!important}
.sitraa-site .contact-grid{display:grid!important;grid-template-columns:1.3fr 1fr!important}
.sitraa-site .thumbs{display:grid!important;grid-template-columns:repeat(4,1fr)!important}
@media(max-width:1024px){
  .sitraa-site .grid-products{grid-template-columns:repeat(3,1fr)!important}
  .sitraa-site .tiles{grid-template-columns:repeat(3,1fr)!important}
  .sitraa-site .steps,.sitraa-site .stats{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:860px){
  .sitraa-site .split{grid-template-columns:1fr!important}
  .sitraa-site .values-grid{grid-template-columns:repeat(2,1fr)!important}
  .sitraa-site .tiles.big{grid-template-columns:repeat(2,1fr)!important}
  .sitraa-site .cards3{grid-template-columns:1fr!important}
  .sitraa-site .pdp,.sitraa-site .contact-grid{grid-template-columns:1fr!important}
  .sitraa-site .footer-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:560px){
  .sitraa-site .grid-products,.sitraa-site .tiles{grid-template-columns:repeat(2,1fr)!important}
  .sitraa-site .steps,.sitraa-site .stats,.sitraa-site .footer-grid{grid-template-columns:1fr!important}
}
/* Elementor's own per-widget default CSS can win specificity/cascade-order fights
   against ours for font-size/position on native widgets — force our design to win. */
.sitraa-site .hero-media{position:absolute!important;inset:0!important;z-index:-2!important;width:100%!important;height:100%!important}
.sitraa-site .hero-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 20%!important}
.sitraa-site .arch img{width:100%!important;aspect-ratio:4/5!important;object-fit:cover!important;height:auto!important}
.sitraa-site .frame img{width:100%!important;aspect-ratio:4/5!important;object-fit:cover!important;height:auto!important}
.sitraa-site .tile img,.sitraa-site .pcard .ph img,.sitraa-site .gallery-main img{
  width:100%!important;height:100%!important;object-fit:cover!important;aspect-ratio:auto!important}
.sitraa-site .thumbs img{width:100%!important;object-fit:cover!important;aspect-ratio:1!important;height:auto!important}
.sitraa-site .eyebrow,.sitraa-site .eyebrow .elementor-heading-title{font-size:.8rem!important;letter-spacing:.36em!important;text-transform:uppercase!important}
.sitraa-site .h-xl .elementor-heading-title{font-size:clamp(2.6rem,6vw,4.6rem)!important}
.sitraa-site .h-lg .elementor-heading-title{font-size:clamp(2.1rem,4.4vw,3.4rem)!important}
.sitraa-site .h-md .elementor-heading-title{font-size:clamp(1.6rem,3vw,2.3rem)!important}
.sitraa-site .hero-brand .elementor-heading-title{font-size:clamp(3.4rem,10vw,7.5rem)!important;letter-spacing:.16em!important;color:var(--gold-light)!important}
.sitraa-site .script,.sitraa-site .script .elementor-heading-title,.sitraa-site .script .elementor-text-editor{font-family:var(--script)!important;font-size:clamp(1.7rem,3.4vw,2.5rem)!important;color:var(--gold-light)!important}
.sitraa-site .lead .elementor-text-editor{font-size:1.18rem!important;color:var(--ink-muted)!important}
.sitraa-site .eyebrow .elementor-text-editor{font-size:.8rem!important;letter-spacing:.36em!important;text-transform:uppercase!important;font-family:var(--display)!important;color:var(--gold)!important}
.sitraa-site .eyebrow.on-dark .elementor-text-editor{color:var(--gold-light)!important}
.sitraa-site .btn .elementor-button{font-size:.82rem!important;text-transform:uppercase!important;letter-spacing:.18em!important}
.sitraa-site .gold-heading .elementor-heading-title{color:var(--gold-light)!important}
.sitraa-site .pdp-price .elementor-heading-title{font-size:1.9rem!important;color:var(--maroon)!important}

/* Containers/widgets we place should never carry Elementor's own default padding.
   (Margin is intentionally left alone — .eyebrow/.h-lg/.lead/etc. rely on their
   own margins for vertical rhythm between stacked elements.) */
.sitraa-site>.elementor>.elementor-element,
.sitraa-site .e-con{padding:0}
.sitraa-site .e-con.hero,.sitraa-site .e-con.topbar,.sitraa-site .e-con.site-header,
.sitraa-site .e-con.values,.sitraa-site .e-con.site-footer,.sitraa-site .e-con.band,
.sitraa-site .e-con.quote-band,.sitraa-site .e-con.cta-band,.sitraa-site .e-con.page-hero{width:100%;max-width:100%}

/* =========================================================================
   WIDGET TYPOGRAPHY GUARANTEE
   Elementor 4's per-widget inner markup is inconsistent (the heading widget
   exposes an ".elementor-heading-title" class on its <h*>, but the
   text-editor widget doesn't reliably expose ".elementor-text-editor" on
   its content) and Kadence sets its own body/heading colors globally. Since
   every el_heading()/el_text()/el_button() call wraps its widget in a
   single-purpose Container carrying our semantic class (see el_wrap() in
   the build scripts), targeting "<class> *" here — last in the cascade,
   with !important — reliably wins regardless of Elementor's inner markup.
   ========================================================================= */
.sitraa-site .eyebrow,.sitraa-site .eyebrow *{font-family:var(--display)!important;text-transform:uppercase!important;letter-spacing:.36em!important;font-size:.8rem!important;color:var(--gold)!important}
.sitraa-site .eyebrow.on-dark,.sitraa-site .eyebrow.on-dark *{color:var(--gold-light)!important}
.sitraa-site .h-xl,.sitraa-site .h-xl *{font-size:clamp(2.6rem,6vw,4.6rem)!important;font-family:var(--display)!important;color:var(--maroon)!important;font-weight:500!important}
.sitraa-site .h-lg,.sitraa-site .h-lg *{font-size:clamp(2.1rem,4.4vw,3.4rem)!important;font-family:var(--display)!important;color:var(--maroon)!important;font-weight:500!important}
.sitraa-site .h-md,.sitraa-site .h-md *{font-size:clamp(1.6rem,3vw,2.3rem)!important;font-family:var(--display)!important;color:var(--maroon)!important;font-weight:500!important}
.sitraa-site .page-hero .h-xl,.sitraa-site .page-hero .h-xl *{color:var(--gold-light)!important}
.sitraa-site .gold-heading,.sitraa-site .gold-heading *{color:var(--gold-light)!important}
.sitraa-site .script,.sitraa-site .script *{font-family:var(--script)!important;color:var(--gold)!important;font-weight:400!important;font-style:normal!important}
.sitraa-site .hero .script,.sitraa-site .hero .script *{font-size:clamp(1.7rem,3.4vw,2.5rem)!important;color:var(--gold-light)!important}
.sitraa-site .lead,.sitraa-site .lead *{font-size:1.18rem!important;color:var(--ink-muted)!important;font-family:var(--body)!important}
.sitraa-site .hero-brand,.sitraa-site .hero-brand *{font-size:clamp(3.4rem,10vw,7.5rem)!important;letter-spacing:.16em!important;color:var(--gold-light)!important;font-family:var(--display)!important;line-height:.95!important}
.sitraa-site .pdp-price,.sitraa-site .pdp-price *{font-family:var(--display)!important;font-size:1.9rem!important;color:var(--maroon)!important}
.sitraa-site .btn,.sitraa-site .btn *{font-family:var(--display)!important;text-transform:uppercase!important;letter-spacing:.18em!important;font-size:.82rem!important}
.sitraa-site .btn:not(.ghost):not(.on-dark),.sitraa-site .btn:not(.ghost):not(.on-dark) *{color:var(--ivory)!important}
.sitraa-site .btn.ghost,.sitraa-site .btn.ghost *{color:var(--maroon)!important}
.sitraa-site .btn.on-dark,.sitraa-site .btn.on-dark *{color:var(--gold-light)!important}

/* =========================================================================
   WOOCOMMERCE — native shop/product pages
   Shop & category archives use ul.products as the grid (content-product.php
   renders bare .pcard <a> tags with no <li>, so ul.products IS the grid).
   Single-product page uses real WC hooks (title/price/cart/meta/tabs) styled
   to match the design system, so variations/stock/AJAX cart keep working.
   ========================================================================= */
.sitraa-site.woocommerce ul.products,.sitraa-site.woocommerce-page ul.products{
  display:grid!important;grid-template-columns:repeat(4,1fr);gap:22px;list-style:none;margin:0;padding:0}
@media(max-width:1024px){.sitraa-site.woocommerce ul.products,.sitraa-site.woocommerce-page ul.products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.sitraa-site.woocommerce ul.products,.sitraa-site.woocommerce-page ul.products{grid-template-columns:repeat(2,1fr)}}

/* single product: title/price/rating/cart/meta (real WC markup) */
.sitraa-site .sitraa-pdp .product_title{font-size:clamp(2.1rem,4vw,3rem)!important;color:var(--maroon);margin:0 0 .3rem}
.sitraa-site .sitraa-pdp .woocommerce-product-rating{margin:.3rem 0 .8rem}
.sitraa-site .sitraa-pdp .star-rating{color:var(--gold)}
.sitraa-site .sitraa-pdp p.price,.sitraa-site .sitraa-pdp span.price{
  font-family:var(--display);font-size:1.9rem;color:var(--maroon);display:block;margin:.6rem 0 1rem}
.sitraa-site .sitraa-pdp p.price ins,.sitraa-site .sitraa-pdp span.price ins{text-decoration:none;color:var(--maroon)}
.sitraa-site .sitraa-pdp p.price del,.sitraa-site .sitraa-pdp span.price del{color:var(--ink-muted);font-size:1.2rem;margin-right:10px;opacity:1}
.sitraa-site .sitraa-pdp .woocommerce-product-details__short-description{color:var(--ink-muted);margin-bottom:1rem}
.sitraa-site .sitraa-pdp .cart{margin:1.2rem 0}
.sitraa-site .sitraa-pdp table.variations{margin-bottom:1rem;width:100%}
.sitraa-site .sitraa-pdp table.variations label{font-family:var(--display);text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;color:var(--ink)}
.sitraa-site .sitraa-pdp table.variations select{width:100%;padding:.85em 1em;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--ivory);font-family:var(--body);font-size:1rem;color:var(--ink)}
.sitraa-site .sitraa-pdp .quantity{display:inline-flex;align-items:center;border:1px solid var(--hairline);border-radius:var(--radius);margin-right:12px}
.sitraa-site .sitraa-pdp .quantity input{width:52px;text-align:center;border:0;background:none;font-family:var(--body);font-size:1rem;padding:.85em 0}
.sitraa-site .sitraa-pdp button.single_add_to_cart_button{
  display:inline-flex;align-items:center;gap:.7em;font-family:var(--display)!important;
  text-transform:uppercase;letter-spacing:.18em;font-size:.82rem!important;cursor:pointer;
  padding:.95em 1.9em!important;border-radius:var(--radius);border:1px solid var(--maroon)!important;
  background:var(--maroon)!important;color:var(--ivory)!important;transition:.25s}
.sitraa-site .sitraa-pdp button.single_add_to_cart_button:hover{background:transparent!important;color:var(--maroon)!important}
.sitraa-site .sitraa-pdp .product_meta{font-size:.92rem;color:var(--ink-muted);display:grid;gap:.3rem;margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid var(--hairline)}
.sitraa-site .sitraa-pdp .product_meta a{color:var(--gold);border-bottom:1px solid var(--hairline)}

/* tabs (WC's own .woocommerce-tabs markup, restyled to match .tabs/.tab-panel) */
.sitraa-site .woocommerce-tabs ul.tabs{border-bottom:1px solid var(--hairline);display:flex;gap:28px;margin:0 0 26px;padding:0;list-style:none;flex-wrap:wrap}
.sitraa-site .woocommerce-tabs ul.tabs li{margin:0;padding:0}
.sitraa-site .woocommerce-tabs ul.tabs li a{font-family:var(--display);text-transform:uppercase;letter-spacing:.14em;font-size:.85rem;
  padding-bottom:14px;display:block;color:var(--ink-muted);border-bottom:2px solid transparent}
.sitraa-site .woocommerce-tabs ul.tabs li.active a{color:var(--maroon);border-bottom-color:var(--gold)}
.sitraa-site .woocommerce-tabs .panel{max-width:70ch;color:var(--ink-muted)}
.sitraa-site .woocommerce-tabs .panel h2{font-size:1.4rem;color:var(--maroon);margin-bottom:.8rem}
.sitraa-site .woocommerce-Reviews .comment-text{border:1px solid var(--hairline);border-radius:var(--radius);padding:1rem}
.sitraa-site .woocommerce-Reviews .star-rating{color:var(--gold)}
.sitraa-site #reply-title,.sitraa-site .comment-reply-title{font-family:var(--display);color:var(--maroon)}
.sitraa-site .woocommerce-Reviews input,.sitraa-site .woocommerce-Reviews textarea{
  width:100%;padding:.85em 1em;border:1px solid var(--hairline);border-radius:var(--radius);
  font-family:var(--body);font-size:1rem;background:var(--ivory);color:var(--ink)}
.sitraa-site .woocommerce-Reviews #submit{
  font-family:var(--display);text-transform:uppercase;letter-spacing:.18em;font-size:.82rem;cursor:pointer;
  padding:.95em 1.9em;border-radius:var(--radius);border:1px solid var(--maroon);
  background:var(--maroon);color:var(--ivory)}

/* cart / checkout / account (kept close to Woo defaults, brand-colored) */
.sitraa-site.woocommerce table.shop_table{border-color:var(--hairline)}
.sitraa-site .woocommerce-message,.sitraa-site .woocommerce-info,.sitraa-site .woocommerce-error{border-top-color:var(--gold)}
.sitraa-site .woocommerce-message::before,.sitraa-site .woocommerce-info::before{color:var(--gold)}
.sitraa-site.woocommerce a.button,.sitraa-site.woocommerce button.button,.sitraa-site.woocommerce #respond input#submit,
.sitraa-site .wc-block-components-button{
  font-family:var(--display)!important;text-transform:uppercase;letter-spacing:.18em;font-size:.82rem!important;
  border-radius:var(--radius)!important;border:1px solid var(--maroon)!important;
  background:var(--maroon)!important;color:var(--ivory)!important}
.sitraa-site.woocommerce a.button:hover,.sitraa-site.woocommerce button.button:hover{background:transparent!important;color:var(--maroon)!important}

/* The Sitraa single-product template renders its own styled crumb, so hide
   WooCommerce's default one AND Kadence's own breadcrumb component (Kadence
   replaces the default with #kadence-breadcrumbs inside .product-title.product-above). */
.sitraa-site nav.woocommerce-breadcrumb,
.sitraa-site .product-title.product-above,
.sitraa-site #kadence-breadcrumbs{display:none!important}

/* Kadence wraps WooCommerce page content in .content-area with its own
   large top/bottom margins — our design controls its own spacing via
   .section/.container, so neutralize Kadence's here. */
.sitraa-site .content-area{margin-top:0!important;margin-bottom:0!important}
.sitraa-site .content-area .content-container{max-width:100%!important;padding:0!important}

/* Shop/category archive header band (no dedicated mockup — align to brand) */
.sitraa-site .entry-hero.product-archive-hero-section{
  background:linear-gradient(180deg,var(--maroon),var(--maroon-deep))!important}
.sitraa-site .entry-hero.product-archive-hero-section .page-title,
.sitraa-site .entry-hero.product-archive-hero-section .archive-title,
.sitraa-site .entry-hero.product-archive-hero-section .woocommerce-products-header__title{
  font-family:var(--display)!important;color:var(--gold-light)!important;font-weight:500!important}
.sitraa-site .entry-hero.product-archive-hero-section p,
.sitraa-site .entry-hero.product-archive-hero-section .term-description{color:var(--on-dark-muted)!important}

/* =========================================================================
   SPACING GUARD
   Same story as the display/grid guard above: Elementor's own --gap and
   --padding custom properties silently win over our non-!important gap/
   padding declarations. Reassert every one of them here so real spacing
   always matches the design regardless of a container's own panel settings.
   ========================================================================= */
.sitraa-site .header-inner{gap:16px!important;min-height:76px!important}
.sitraa-site .split{gap:clamp(28px,5vw,84px)!important}
.sitraa-site .tiles{gap:14px!important}
.sitraa-site .tiles.big{gap:18px!important}
.sitraa-site .grid-products{gap:22px!important}
.sitraa-site .footer-grid{gap:clamp(24px,4vw,54px)!important}
.sitraa-site .cards3{gap:24px!important}
.sitraa-site .steps{gap:24px!important}
.sitraa-site .stats{gap:20px!important}
.sitraa-site .pdp{gap:clamp(28px,4vw,64px)!important}
.sitraa-site .contact-grid{gap:clamp(28px,5vw,64px)!important}
.sitraa-site .thumbs{gap:12px!important}

.sitraa-site .topbar{padding:9px 12px!important}
.sitraa-site .hero-inner{padding:6rem 0!important}
.sitraa-site .site-footer{padding:clamp(48px,7vw,84px) 0 26px!important}
.sitraa-site .value{padding:2.3rem 1rem!important}
.sitraa-site .vcard{padding:34px 28px!important}
.sitraa-site .frame{padding:14px!important}
.sitraa-site .filters{padding-bottom:26px!important;margin-bottom:40px!important}
.sitraa-site .f-copy{margin-top:2.6rem!important;padding-top:1.5rem!important}

/* .center headings in the mockup each carry an inline margin-bottom (36–52px
   depending on section) that was lost when ported into Elementor containers.
   A single consistent value here is a faithful, low-maintenance stand-in. */
.sitraa-site .center{margin-bottom:2.75rem!important}

/* Button wrapper fix: el_button() wraps the Elementor button widget in a
   Container for class targeting, but that Container stretches to fill its
   parent's full width (align-items:stretch), leaving the real button
   content-sized inside a much wider invisible-but-bordered box — the
   "empty box next to the button" bug. Keep the wrapper content-sized. */
.sitraa-site .btn{align-self:flex-start!important;flex:none!important;width:fit-content!important}