:root {
  --brown: #2a1105;
  --brown2: #4f2308;
  --gold: #cb7800;
  --gold2: #f6ad19;
  --cream: #fff8ea;
  --line: #e6d2ad;
}

.hero {
  position: relative;
  background: radial-gradient(circle at 15% 30%, #fff1bd, transparent 38%),
    linear-gradient(130deg, #fffdf8 0 58%, #2a1004 58%);
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(30deg, #cc7a0012 12%, transparent 12.5%, transparent 87%, #cc7a0012 87.5%),
    linear-gradient(150deg, #cc7a0012 12%, transparent 12.5%, transparent 87%, #cc7a0012 87.5%);
  background-size: 46px 80px;
  pointer-events: none;
}

.hero > * { position: relative; }
.trust-row .yemen-badge {
  background: #231006;
  color: #fff;
  padding: 7px 12px;
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px #e6a12e;
}
.trust-row .yemen-badge b { color: #fff; }

.brand-mark { object-fit: contain; object-position: center; border-radius: 0; }
.hero h1 { color: #ffd36b; text-shadow: 0 3px 18px rgba(0,0,0,.6); }
.hero-copy > p { color: #fff3d7; text-shadow: 0 2px 12px rgba(0,0,0,.55); }
.benefits-section { padding: 95px clamp(22px,7vw,110px); background: linear-gradient(135deg,#251006,#4a210c); color:#fff8e8; }
.benefits-heading { text-align:center; margin-bottom:38px; }
.benefits-heading h2 { font-size:clamp(2rem,3vw,3.4rem); margin:6px 0; color:#ffd36b; }
.benefits-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.benefits-grid article { border:1px solid #d8911266; background:#fff8e80d; border-radius:16px; padding:28px 22px; min-height:150px; }
.benefits-grid article > span { color:#e6a526; font-weight:800; }
.benefits-grid h3 { font-size:1.2rem; margin:22px 0 0; color:#fff8e8; }
.benefits-grid p{margin:5px 0 0;color:#eadcc5}.benefits-image{display:block;width:min(100%,920px);max-height:460px;object-fit:cover;border-radius:22px;margin:38px auto 0}
.language-switcher{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:#fff}.language-switcher button{border:0;background:transparent;border-radius:999px;padding:6px 12px;cursor:pointer;color:#4a321f}.language-switcher button.active{background:#b86e00;color:#fff}
.product-image{position:relative}.origin-badge{position:absolute;z-index:2;top:16px;inset-inline-end:0;background:#241006;color:#fff;padding:7px 14px;border-radius:8px 0 0 8px;font-size:.72rem;font-weight:800;letter-spacing:.05em}.product-origin{text-transform:uppercase;color:#95641f;font-size:.72rem;font-weight:800;line-height:1.45}.product-description{color:#6f5a46;min-height:74px}.product-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-options label{display:flex;flex-direction:column;gap:5px;font-size:.82rem;color:#755d47}.product-options select{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff}.card-price{display:block;font-size:1.75rem;margin-top:18px}.selected-net{display:block;color:#8a735e;font-size:.8rem}.free-shipping{color:#806344;font-size:.82rem;margin:12px 0}.add-cart{background:#b86e00;color:#fff}.add-cart:hover{background:#8d5000}
@media(max-width:900px){.benefits-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.benefits-grid{grid-template-columns:1fr}.language-switcher button{padding:5px 8px;font-size:.78rem}.brand small{display:none}}