:root{--bg:#111;--panel:#191919;--panel2:#202020;--gold:#d6ad57;--gold-light:#f0d48e;--text:#f7f3eb;--muted:#aaa59b;--line:#34312b;--black:#090909;--font:'Cairo',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.announcement{min-height:34px;display:flex;justify-content:center;align-items:center;gap:10px;background:var(--gold);color:#17130a;font-size:12px;font-weight:800;padding:4px 12px}.announcement span{font-size:17px}.site-header{height:84px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #28251f;background:#111;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;direction:ltr;flex-shrink:0}.brand-mark{width:45px;height:45px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-family:Arial,sans-serif;font-weight:900;font-size:19px;letter-spacing:-2px;transform:skew(-5deg)}.brand-copy{display:flex;flex-direction:column;line-height:1.3}.brand-copy strong{font:900 18px Arial,sans-serif;letter-spacing:2px;color:#fff}.brand-copy small{font:9px Arial,sans-serif;letter-spacing:1px;color:var(--gold);margin-top:5px}.site-header nav{display:flex;align-items:center;gap:27px;color:#d3d0ca;font-size:13px}.site-header nav a:hover,.site-footer>a:last-child:hover{color:var(--gold)}.cart-button{border:1px solid #4b4028;background:transparent;color:var(--text);padding:9px 14px;border-radius:3px;white-space:nowrap;font-size:13px}.cart-button b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:var(--gold);color:#111;margin-right:5px;font-size:11px}.menu-toggle{display:none;background:none;color:var(--gold);border:0;font-size:24px}.hero{min-height:590px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:70px 9% 60px;background:radial-gradient(ellipse at 80% 50%,#2a2418 0%,#171612 30%,#111 67%)}.hero-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#7d6a43 1px,transparent 1px),linear-gradient(90deg,#7d6a43 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-content{position:relative;z-index:2;max-width:590px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--gold);font-weight:800;display:flex;align-items:center;gap:10px;margin:0 0 12px}.eyebrow>span{width:24px;height:1px;background:var(--gold);display:inline-block}.hero h1{font-size:clamp(38px,4.5vw,64px);line-height:1.35;margin:0 0 18px;font-weight:900;letter-spacing:-1px}.hero h1 em,.section-heading h2 em,.quote-copy h2 em,.about-section h2 em{font-style:normal;color:var(--gold)}.hero-description{font-size:14px;line-height:2.2;color:#bcb8af;max-width:490px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:11px 22px;border:1px solid transparent;border-radius:3px;font-size:13px;font-weight:800;transition:.2s}.btn span{font-size:18px}.btn-gold{background:var(--gold);color:#15120a}.btn-gold:hover{background:var(--gold-light);transform:translateY(-2px)}.btn-outline{border-color:#62583f;color:#f2ead8;background:transparent}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.hero-trust{display:flex;gap:30px;margin-top:45px;border-top:1px solid #373127;padding-top:20px}.hero-trust div{display:flex;align-items:center;gap:10px}.hero-trust strong{font:700 20px Arial;color:var(--gold)}.hero-trust span{font-size:10px;color:#b5b0a5}.hero-art{height:420px;position:relative;display:grid;place-items:center;direction:ltr}.orbit{position:absolute;border:1px solid #594a2c;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:360px;height:360px}.orbit-two{width:290px;height:420px;transform:rotate(43deg);border-color:#373126}.seal{position:absolute;border-radius:50%;display:grid;place-items:center;background:repeating-conic-gradient(from 0deg,#302d27 0deg 7deg,#171715 7deg 13deg);box-shadow:0 25px 65px #000b,inset 0 0 0 3px #9c7b39,inset 0 0 0 12px #28251f,inset 0 0 0 16px #5f4a23}.seal:before{content:"";position:absolute;inset:14%;border-radius:50%;border:2px solid #8f7138;box-shadow:inset 0 0 0 9px #141414,inset 0 0 0 12px #594a2d}.seal>div{width:35%;height:35%;border-radius:50%;background:#090909;border:9px solid #62502e;box-shadow:inset 0 0 0 5px #1c1a16}.seal-large{width:260px;height:260px;transform:rotate(-15deg)}.seal-small{width:108px;height:108px;left:8%;bottom:35px;transform:rotate(18deg);filter:brightness(.8)}.seal-small>div{border-width:4px}.art-label{position:absolute;color:#c7a456;font:10px Arial,sans-serif;letter-spacing:3px}.art-label span{font-size:18px;margin-left:8px}.label-top{top:27px;right:4px}.label-bottom{bottom:27px;right:0}.gold-cross{position:absolute;right:20%;top:24%;font:30px Arial;color:var(--gold)}.hero-bottom-line{position:absolute;bottom:0;left:9%;right:9%;height:1px;background:linear-gradient(90deg,transparent,#796137,transparent)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 9%;background:#171715;border-bottom:1px solid #2b2924}.benefits>div{display:flex;align-items:center;justify-content:center;gap:13px;border-left:1px solid #34312b}.benefits>div:last-child{border-left:0}.benefit-icon{width:42px;height:42px;border:1px solid #66532e;color:var(--gold);display:grid;place-items:center;font-size:22px}.benefits p{display:flex;flex-direction:column;margin:0}.benefits strong{font-size:13px}.benefits small{color:var(--muted);font-size:10px}.section-wrap{padding:95px 9%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.section-heading h2,.quote-copy h2,.about-section h2{font-size:clamp(30px,3.2vw,43px);line-height:1.5;margin:0 0 10px}.section-subtitle{font-size:12px;color:var(--muted);margin:0;max-width:500px}.product-tools{display:flex;gap:9px;min-width:300px}.search-box{display:flex;align-items:center;gap:7px;border:1px solid #3b3932;background:#171715;padding:0 11px;min-width:190px;flex:1}.search-box span{color:var(--gold);font-size:25px}.search-box input{width:100%;min-width:0;border:0;outline:0;color:#fff;background:transparent;font-size:11px;padding:12px 0}.product-tools select{background:#171715;color:#eee;border:1px solid #3b3932;padding:0 9px;max-width:150px;font-size:11px}.category-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.chip{border:1px solid #38352e;color:#b8b3a8;background:transparent;padding:6px 14px;font-size:11px;border-radius:2px}.chip.active,.chip:hover{border-color:var(--gold);color:var(--gold);background:#2a2417}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product-card{background:#191919;border:1px solid #302e28;min-width:0;transition:.25s;position:relative}.product-card:hover{border-color:#8c713b;transform:translateY(-4px)}.product-visual{height:190px;background:radial-gradient(circle at 50% 45%,#353126,#1a1a18 68%);display:grid;place-items:center;position:relative;overflow:hidden}.product-visual:before{content:"";position:absolute;width:145px;height:145px;border:1px solid #4b402a;border-radius:50%}.product-symbol{font-size:76px;color:var(--gold);filter:drop-shadow(0 8px 10px #000);z-index:1;line-height:1}.product-tag{position:absolute;top:12px;right:12px;background:#2c2517;color:var(--gold);font-size:9px;padding:3px 8px;z-index:2}.product-info{padding:17px}.product-category{font-size:10px;color:var(--gold);margin:0 0 4px}.product-info h3{font-size:15px;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-info>p:not(.product-category){font-size:10px;color:#aaa69d;margin:0 0 14px;min-height:40px}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:5px;border-top:1px solid #302e28;padding-top:12px}.price{font-size:14px;font-weight:800;color:var(--gold)}.price small{font-size:9px;color:#b7b0a0;font-weight:400}.add-button{background:var(--gold);color:#15120a;border:0;width:34px;height:34px;font-size:21px;border-radius:2px}.add-button:hover{background:var(--gold-light)}.quote-product{font-size:11px;color:var(--gold);text-decoration:underline;cursor:pointer;background:none;border:0;padding:0}.catalog-note{font-size:10px;color:#928d81;margin-top:20px}.empty-state{color:var(--muted);text-align:center;padding:40px}.quote-section{background:linear-gradient(110deg,#1d1b16,#141414);border-top:1px solid #322b1e;border-bottom:1px solid #322b1e;padding:85px 9%;position:relative;overflow:hidden}.quote-inner{display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:1200px;margin:auto;align-items:center}.quote-copy>p:not(.eyebrow){color:#b5b0a6;font-size:13px;line-height:2.2;max-width:430px}.quote-copy ul{list-style:none;padding:0;margin-top:25px;color:#d4cdbd;font-size:12px}.quote-copy li{margin:10px 0}.quote-copy li::first-letter{color:var(--gold)}.quote-form{background:#1c1c1a;border:1px solid #403726;padding:28px;box-shadow:0 20px 60px #0003}.form-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #38342b;margin-bottom:20px;padding-bottom:14px}.form-title span{color:var(--gold);font:11px Arial;letter-spacing:2px}.form-title h3{font-size:17px;margin:0}.quote-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#d5d0c5;margin-bottom:14px}.quote-form input,.quote-form textarea{width:100%;border:1px solid #3d3a32;background:#131312;color:#fff;padding:11px 12px;outline:none;border-radius:2px;font-size:12px;resize:vertical}.quote-form input:focus,.quote-form textarea:focus{border-color:var(--gold)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-full{width:100%;margin-top:6px}.form-hint{display:block;color:#928d82;font-size:10px;text-align:center;margin-top:10px}.about-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;align-items:center}.about-stamp{width:210px;height:210px;border:1px solid #7a6337;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:900 60px Arial;color:var(--gold);position:relative;margin:auto;box-shadow:0 0 0 12px #171715,0 0 0 13px #42351f}.about-stamp:before,.about-stamp:after{content:"";position:absolute;border:1px dashed #5b4a2b;border-radius:50%;inset:10px}.about-stamp:after{inset:25px;border-style:solid}.about-stamp span{font-size:12px;letter-spacing:3px;z-index:1}.about-section>div:last-child>p:not(.eyebrow){font-size:13px;color:#b4afa5;line-height:2.2}.about-warning{color:#d6ad57!important;font-size:11px!important}.contact-strip{padding:45px 9%;background:#1a1916;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #373127}.contact-strip h2{font-size:22px;margin:0}.site-footer{min-height:105px;padding:25px 6.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8f8b82;font-size:10px}.site-footer .brand-mark{width:37px;height:37px;font-size:16px}.site-footer .brand-copy strong{font-size:15px}.site-footer .brand-copy small{font-size:7px}.site-footer p{margin:0}.modal-backdrop{position:fixed;inset:0;background:#000b;z-index:50;display:flex;justify-content:flex-start}.modal-backdrop[hidden]{display:none}.cart-drawer{width:min(440px,100%);height:100%;background:#171715;border-left:1px solid #514329;padding:24px;display:flex;flex-direction:column;overflow:auto;box-shadow:0 0 50px #0008}.cart-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #39352b;padding-bottom:18px}.cart-header .eyebrow{margin-bottom:2px}.cart-header h2{font-size:22px;margin:0}.close-button{width:38px;height:38px;background:none;border:1px solid #4b4435;color:#eee;font-size:27px}.cart-items{flex:1}.cart-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:17px 0;border-bottom:1px solid #343129}.cart-item h4{margin:0;font-size:13px}.cart-item small{color:var(--muted);font-size:10px}.cart-item-actions{display:flex;align-items:center;gap:8px;margin-top:9px}.qty-btn,.remove-btn{border:1px solid #4b4435;color:#eee;background:transparent;width:25px;height:25px}.remove-btn{color:#e3a29a;width:auto;padding:0 8px;font-size:10px}.cart-item-price{color:var(--gold);font-weight:700;font-size:12px}.cart-empty{text-align:center;margin:auto;color:#a7a196}.cart-empty span{font-size:40px}.cart-empty h3{color:#eee;margin-bottom:0}.cart-empty p{font-size:12px}.cart-footer{border-top:1px solid #39352b;padding-top:17px}.total-line{display:flex;justify-content:space-between;margin-bottom:4px;font-size:13px}.total-line strong{color:var(--gold);font-size:18px}.cart-footer>small{font-size:9px;color:#9b9589}.cart-footer .btn{margin-top:12px}.btn-outline-dark{border-color:#62583f;color:#eee;background:transparent}.btn-outline-dark:hover{border-color:var(--gold);color:var(--gold)}.toast{position:fixed;bottom:24px;left:24px;background:#e0bd6a;color:#17130a;padding:11px 18px;font-size:12px;font-weight:700;z-index:80;box-shadow:0 5px 25px #0007;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.site-header{padding:0 4%;gap:14px}.site-header nav{gap:14px}.hero{padding-left:6%;padding-right:6%}.section-wrap,.quote-section{padding-left:6%;padding-right:6%}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{transform:scale(.9)}}
@media(max-width:800px){.site-header{height:72px}.menu-toggle{display:block;margin-right:auto}.site-header nav{display:none;position:absolute;top:71px;right:0;left:0;padding:15px 6%;background:#171715;border-bottom:1px solid #443a26;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:10px 0;border-bottom:1px solid #2d2b25}.cart-button{padding:7px 9px;font-size:11px}.brand-mark{width:39px;height:39px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:7px}.hero{grid-template-columns:1fr;padding:55px 7% 35px}.hero-content{max-width:650px}.hero-art{height:330px;grid-row:1;transform:none;margin-bottom:10px}.seal-large{width:210px;height:210px}.seal-small{width:85px;height:85px}.orbit-one{width:280px;height:280px}.orbit-two{width:230px;height:320px}.hero h1{font-size:44px}.hero-trust{gap:14px}.hero-trust div{gap:6px}.hero-trust span{font-size:9px}.benefits{padding:20px 5%}.benefits>div{gap:8px;padding:0 8px}.benefit-icon{width:34px;height:34px;flex-shrink:0}.benefits strong{font-size:11px}.benefits small{font-size:9px}.section-wrap{padding:65px 6%}.section-heading{align-items:stretch;flex-direction:column}.product-tools{min-width:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-visual{height:155px}.product-info{padding:12px}.product-info h3{font-size:13px}.product-info>p:not(.product-category){font-size:10px}.quote-inner{grid-template-columns:1fr;gap:35px}.quote-section{padding:65px 6%}.quote-copy h2{font-size:36px}.about-section{grid-template-columns:1fr;gap:45px}.about-stamp{width:170px;height:170px;font-size:48px}.contact-strip{padding:35px 6%;align-items:flex-start;flex-direction:column}.contact-strip h2{font-size:19px}.site-footer{flex-wrap:wrap;padding:24px 5%}.site-footer p{order:3;width:100%}}
@media(max-width:430px){.announcement{font-size:10px}.brand{gap:7px}.brand-mark{width:34px;height:34px;font-size:15px}.brand-copy strong{font-size:13px;letter-spacing:1px}.brand-copy small{font-size:6px;letter-spacing:.6px}.site-header{padding:0 4%;gap:8px}.cart-button{font-size:0}.cart-button span{font-size:16px}.cart-button b{font-size:10px}.hero h1{font-size:37px}.hero-art{height:280px}.seal-large{width:180px;height:180px}.seal-small{left:5%;bottom:20px}.label-top{font-size:8px;right:0}.label-bottom{font-size:8px}.hero-trust{gap:9px}.hero-trust strong{font-size:16px}.hero-trust span{font-size:8px}.benefits{grid-template-columns:1fr;gap:15px;padding:20px 8%}.benefits>div{justify-content:flex-start;border-left:0}.product-tools{flex-direction:column}.product-tools select{max-width:none;min-height:42px}.product-visual{height:125px}.product-symbol{font-size:58px}.product-info h3{font-size:12px}.product-bottom{align-items:flex-start;flex-direction:column}.add-button{position:absolute;bottom:12px;left:12px}.product-info{position:relative;padding-bottom:52px}.form-row{grid-template-columns:1fr;gap:0}.quote-form{padding:19px}.form-title h3{font-size:14px}.cart-drawer{padding:18px}.site-footer .brand-copy small{font-size:6px}}

.brand-logo {
  width: 52px;
  height: 52px;
  object-fit: cover;
  display: block;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}
.product-visual img {
  width: 100%;
  height: 190px;
  object-fit: contain;
  display: block;
}

/* إجبار المنتجات على الظهور جنب بعض */
section .product-grid,
.product-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 17px !important;
  width: 100% !important;
  align-items: stretch;
}

.product-grid > .product-card {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

@media (max-width: 800px) {
  section .product-grid,
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* صور المنتجات في واجهة الموقع */
.hero-art.hero-products {
  position: relative;
  width: 100%;
  min-width: 0;
  height: 420px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  align-items: center;
  justify-items: center;
  gap: 8px;
  direction: ltr;
  transform: none;
}

.hero-products .hero-product {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: transparent;
}

.hero-products .hero-product img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 12px 18px #000);
}

.hero-products .hero-product-main {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
  z-index: 1;
}

.hero-products .hero-product-small {
  display: none;
}

.hero-products .hero-product-hydraulic {
  display: none;
}

.hero-products .hero-label,
.hero-products .hero-label-bottom {
  position: absolute;
  z-index: 2;
  color: #d6ad57;
  font: 10px Arial, sans-serif;
  letter-spacing: 3px;
}

.hero-products .hero-label {
  top: 15px;
  right: 0;
}

.hero-products .hero-label-bottom {
  bottom: 15px;
  right: 0;
}

@media (max-width: 800px) {
  .hero-art.hero-products {
    height: 300px;
  }

  .hero-products .hero-label,
  .hero-products .hero-label-bottom {
    font-size: 8px;
    letter-spacing: 2px;
  }
}


/* صورة اللوجو الدائرية وصور المنتجات */
.hero-art.hero-products {
  position: relative;
  height: 440px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  direction: ltr;
  transform: none;
}

.hero-main-logo {
  width: min(340px, 75%);
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 50%;
  display: block;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 0 2px #d6ad57, 0 15px 40px #0009;
}

.hero-item {
  position: absolute;
  width: 115px;
  height: 115px;
  object-fit: contain;
  border-radius: 50%;
  z-index: 2;
  filter: drop-shadow(0 8px 12px #000);
}

.hero-item-left {
  left: 0;
  top: 18%;
}

.hero-item-right {
  right: 0;
  top: 18%;
}

.hero-item-bottom {
  bottom: 5%;
  right: 12%;
}

.hero-products .art-label {
  position: absolute;
  z-index: 3;
  color: #d6ad57;
  font: 10px Arial, sans-serif;
  letter-spacing: 3px;
}

.hero-products .label-top {
  top: 0;
  right: 0;
}

.hero-products .label-bottom {
  bottom: 0;
  right: 0;
}

@media (max-width: 800px) {
  .hero-art.hero-products {
    height: 320px;
  }

  .hero-main-logo {
    width: min(240px, 72%);
  }

  .hero-item {
    width: 75px;
    height: 75px;
  }

  .hero-item-left {
    left: 0;
    top: 15%;
  }

  .hero-item-right {
    right: 0;
    top: 15%;
  }

  .hero-products .art-label {
    font-size: 7px;
    letter-spacing: 1px;
  }
}

/* ===== AL ZAIN OIL SEAL - HERO DESIGN ===== */

.hero-art.hero-products {
  position: relative;
  width: 100%;
  height: 470px;
  min-width: 0;
  display: block;
  overflow: visible;
  direction: ltr;
  transform: none;
}

/* الصورة الرئيسية في المنتصف */
.hero-products .hero-product {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 2px solid #d6ad57;
  border-radius: 50%;
  background: #080808;
  box-shadow: 0 0 18px #d6ad5730, 0 12px 30px #0009;
}

.hero-products .hero-product img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/* اللوجو الدائري الكبير */
.hero-products .hero-product-main {
  width: 66%;
  aspect-ratio: 1 / 1;
  height: auto;
  left: 17%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

/* صورة الجوانات أعلى اليمين */
.hero-products .hero-product-small {
  display: flex;
  width: 35%;
  aspect-ratio: 1 / 1;
  height: auto;
  right: -1%;
  top: 7%;
  z-index: 3;
}

/* صورة السيلات أسفل اليمين */
.hero-products .hero-product-hydraulic {
  display: flex;
  width: 37%;
  aspect-ratio: 1 / 1;
  height: auto;
  right: 0;
  bottom: 5%;
  z-index: 3;
}

/* عناوين التصميم */
.hero-products .hero-label,
.hero-products .hero-label-bottom {
  position: absolute;
  z-index: 4;
  color: #f0c45b;
  font: 10px Arial, sans-serif;
  letter-spacing: 3px;
  white-space: nowrap;
}

.hero-products .hero-label {
  top: 2%;
  right: 2%;
}

.hero-products .hero-label-bottom {
  bottom: 0;
  right: 1%;
}

/* الهواتف والشاشات الصغيرة */
@media (max-width: 800px) {
  .hero-art.hero-products {
    height: 340px;
    width: 100%;
  }

  .hero-products .hero-product-main {
    width: 67%;
    left: 10%;
  }

  .hero-products .hero-product-small {
    width: 35%;
    right: 0;
    top: 5%;
  }

  .hero-products .hero-product-hydraulic {
    width: 36%;
    right: 0;
    bottom: 5%;
  }

  .hero-products .hero-label,
  .hero-products .hero-label-bottom {
    font-size: 7px;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 430px) {
  .hero-art.hero-products {
    height: 290px;
  }

  .hero-products .hero-product-main {
    width: 70%;
    left: 5%;
  }

  .hero-products .hero-product-small {
    width: 34%;
    right: 0;
  }

  .hero-products .hero-product-hydraulic {
    width: 35%;
    right: 0;
  }
}

.benefit-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #66532e;
  border-radius: 3px;
  background: #111;
  padding: 5px;
}

.benefit-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.benefits > div:hover .benefit-icon {
  border-color: #f0d48e;
  background: #201c14;
}

/* توزيع المربعات والمسافات بالتساوي */
.benefits {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 25px 0 !important;
  margin: 0 !important;
  box-sizing: border-box;
}

.benefits > div {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 10px 25px;
  box-sizing: border-box;
  border-left: 1px solid #34312b;
}

.benefits > div:last-child {
  border-left: 0;
}

.benefit-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
}

.benefit-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.benefits p {
  margin: 0;
  min-width: 0;
}

/* الموبايل */
@media (max-width: 600px) {
  .benefits {
    grid-template-columns: 1fr !important;
  }

  .benefits > div {
    justify-content: flex-start;
    border-left: 0;
    border-bottom: 1px solid #34312b;
    padding: 14px 20px;
  }
}

/* توزيع مربعات المميزات على عرض الصفحة بالكامل */
.benefits {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 25px 0 !important;
  box-sizing: border-box;
  background: #171715;
}

.benefits > div {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 12px 20px;
  margin: 0;
  box-sizing: border-box;
  border-left: 1px solid #34312b;
}

.benefits > div:last-child {
  border-left: 0;
}

.benefit-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #66532e;
  background: #111;
  padding: 5px;
}

.benefit-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.benefits p {
  margin: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.benefits strong {
  color: #f7f3eb;
  font-size: 13px;
}

.benefits small {
  color: #aaa59b;
  font-size: 10px;
}

@media (max-width: 600px) {
  .benefits {
    grid-template-columns: 1fr !important;
  }

  .benefits > div {
    justify-content: flex-start;
    padding: 14px 20px;
    border-left: 0;
    border-bottom: 1px solid #34312b;
  }

  .benefits > div:last-child {
    border-bottom: 0;
  }
}

.product-card[hidden] {
  display: none !important;
}

.chip.active {
  background: #d6ad57;
  color: #111;
  border-color: #d6ad57;
}


/* صور المنتجات التي يرسمها script.js */
.product-visual img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 12px;
  object-fit: contain;
  display: block;
}
.about-stamp {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    border: 2px solid #d6ad57;
    background: #111;
}

.about-stamp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}

/* تنسيق قسم من نحن واللوجو */
.about-section {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    align-items: center;
    column-gap: 450px;
    row-gap: 35px;
}

.about-logo-block {
    grid-column: 1;
    grid-row: 1;
}

.about-content {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    padding-right: 100px;
    border-right: none;
    position: relative;
}

.about-content::before {
    content: "";
    position: absolute;
    right: -55px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 75%;
    background: rgba(214, 173, 87, 0.65);
    pointer-events: none;
}
.about-logo-block {
    flex: 0 0 220px;
    text-align: center;
}

.about-stamp {
    width: 180px;
    height: 180px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #d6ad57;
    background: #111;
}

.about-stamp img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
    display: block;
}

.about-logo-title {
    margin: 12px 0 0;
    color: #d6ad57;
    font-size: 17px;
    font-weight: 800;
    text-align: center;
    direction: ltr;
    letter-spacing: 1px;
}

.about-content {
    flex: 1;
    min-width: 0;
}

.about-products {
    padding-right: 22px;
    margin: 12px 0;
    line-height: 1.9;
}

.about-description {
    line-height: 1.9;
    margin: 10px 0;
}

@media (max-width: 700px) {
    .about-section {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }

    .about-logo-block {
        grid-column: 1;
        grid-row: 1;
    }

    .about-content {
        grid-column: 1;
        grid-row: 2;
        padding-right: 0;
        border-right: none;
        border-top: 1px solid rgba(214, 173, 87, 0.4);
        padding-top: 25px;
    }
}
.brand-mark {
    width: 55px;
    height: 55px;
    min-width: 55px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d6ad57;
    background: #111;
}

.brand-mark img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}