/* =========================================================================
   هدايا المعارض والمؤتمرات - متجر الهدايا الدعائية
   لغة الهوية: جرافيت وعظمي وأزرق، حواف حادة بلا ظلال، خطوط رفيعة،
   الأزرق للفعل وحده. الصور على لوح رملي فاتح لتبرز المنتجات.
   ========================================================================= */
.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ---------- الهيرو ---------- */
.gf-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--graphite);color:var(--bone);padding-block:72px 64px;}
.gf-hero-rules{
  position:absolute;inset:0;z-index:-1;
  background:repeating-linear-gradient(112deg,transparent 0 34px,rgba(27,52,245,.55) 34px 37px);
  -webkit-mask-image:linear-gradient(255deg,#000 2%,transparent 62%);mask-image:linear-gradient(255deg,#000 2%,transparent 62%);
}
.gf-hero-in{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.6fr);gap:56px;align-items:end;}
.gf-eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--plane);margin-block-end:18px;}
.gf-hero h1{font-size:clamp(34px,5.4vw,64px);line-height:1.12;margin:0 0 22px;color:#fff;letter-spacing:-.02em;}
html[dir="rtl"] .gf-hero h1{letter-spacing:0;}
.gf-hero h1 em{font-style:normal;color:var(--plane);}
.gf-hero p{font-size:16.5px;line-height:1.9;color:var(--on-dark);max-inline-size:58ch;margin:0 0 30px;}
.gf-hero-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.gf-ghost{
  display:inline-flex;align-items:center;padding:13px 22px;border:1px solid rgba(242,239,233,.45);
  color:var(--bone);text-decoration:none;font-weight:600;font-size:14px;transition:background .18s,color .18s,border-color .18s;
}
.gf-ghost:hover{background:var(--bone);color:var(--graphite);border-color:var(--bone);}
.gf-hero-meta{margin:0;border-block-start:1px solid rgba(242,239,233,.28);}
.gf-hero-meta div{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding-block:14px;border-block-end:1px solid rgba(242,239,233,.28);}
.gf-hero-meta dt{font-size:12.5px;color:var(--on-dark);}
.gf-hero-meta dd{margin:0;font-family:var(--font-mono);font-size:17px;font-weight:600;color:#fff;}

/* ---------- مسطرة التصنيفات ---------- */
.gf-rail{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding-block:36px 24px;}
.gf-chips{display:flex;flex-wrap:wrap;gap:8px;}
.gf-chip{
  display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border:1px solid var(--line);background:var(--card);
  color:var(--graphite);text-decoration:none;font-size:13.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s;
}
.gf-chip .n{font-family:var(--font-mono);font-size:11px;color:var(--faint);}
.gf-chip:hover{border-color:var(--graphite);}
.gf-chip.is-on{background:var(--graphite);color:#fff;border-color:var(--graphite);}
.gf-chip.is-on .n{color:var(--plane);}
.gf-search input{
  inline-size:260px;max-inline-size:100%;padding:10px 14px;border:1px solid var(--line);background:#fff;font:inherit;font-size:13.5px;
}
.gf-search input:focus{outline:2px solid var(--signal);outline-offset:0;border-color:var(--signal);}

/* ---------- الشبكة والبطاقات ---------- */
.gf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-block-end:72px;}
.gf-grid-4{padding-block-end:0;}
.gf-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);transition:border-color .18s,transform .18s;}
.gf-card:hover{border-color:var(--graphite);transform:translateY(-2px);}
.gf-card[hidden]{display:none;}
.gf-img{position:relative;display:block;aspect-ratio:1/1;background:#F7F5F0;overflow:hidden;}
.gf-img img{inline-size:100%;block-size:100%;object-fit:contain;padding:14px;display:block;mix-blend-mode:multiply;transition:transform .5s cubic-bezier(.2,.8,.2,1);}
.gf-card:hover .gf-img img{transform:scale(1.04);}
.gf-tag{
  position:absolute;inset-block-start:10px;inset-inline-start:10px;background:var(--graphite);color:#fff;
  font-size:10.5px;font-weight:600;padding:4px 9px;letter-spacing:.02em;
}
.gf-body{display:flex;flex-direction:column;gap:8px;padding:16px 16px 18px;flex:1;}
.gf-meta{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;color:var(--faint);}
.gf-meta .mono{font-size:11px;color:var(--graphite);}
.gf-body h3{font-size:15.5px;line-height:1.45;margin:0;}
.gf-body h3 a{color:var(--graphite);text-decoration:none;}
.gf-body h3 a:hover{color:var(--signal);}
.gf-price{display:flex;align-items:baseline;gap:6px;margin-block-start:auto;}
.gf-price .amt{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--graphite);}
.gf-price .unit{font-size:12px;color:var(--faint);}
.gf-buy{display:flex;gap:8px;margin-block-start:6px;}
.gf-qty input{inline-size:74px;padding:9px 8px;border:1px solid var(--line);background:#fff;text-align:center;font-family:var(--font-mono);font-size:14px;}
.gf-qty input:focus{outline:2px solid var(--signal);border-color:var(--signal);}
.gf-add{
  flex:1;border:0;background:var(--graphite);color:#fff;font:inherit;font-size:13.5px;font-weight:600;padding:10px 12px;cursor:pointer;
  transition:background .15s;
}
.gf-add:hover{background:var(--signal);}
.gf-none{text-align:center;color:var(--faint);padding-block:30px 70px;}

/* ---------- كيف يعمل ---------- */
.gf-how{background:#E8E4DC;padding-block:64px;}
.gf-how h2{font-size:clamp(24px,3vw,34px);margin:0 0 32px;}
.gf-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block-start:1px solid var(--graphite);}
.gf-steps li{padding:24px 24px 8px 24px;border-inline-end:1px solid var(--line);}
.gf-steps li:last-child{border-inline-end:0;}
.gf-steps .num{display:block;font-size:13px;color:var(--signal);margin-block-end:12px;}
.gf-steps b{display:block;font-size:17px;margin-block-end:8px;}
.gf-steps p{margin:0;font-size:14px;line-height:1.85;color:#4A4A46;}

/* ---------- صفحة المنتج ---------- */
.gf-crumb{display:flex;gap:10px;align-items:center;padding-block:28px 8px;font-size:13px;color:var(--faint);}
.gf-crumb a{color:var(--faint);text-decoration:none;}
.gf-crumb a:hover{color:var(--graphite);}
.gf-pd{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:start;padding-block:16px 64px;}
.gf-pd-media{background:#F7F5F0;border:1px solid var(--line);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:sticky;inset-block-start:96px;}
.gf-pd-media img{inline-size:100%;block-size:100%;object-fit:contain;padding:28px;mix-blend-mode:multiply;}
.gf-pd-info h1{font-size:clamp(26px,3.4vw,40px);line-height:1.25;margin:10px 0 14px;}
.gf-pd-lead{font-size:15px;line-height:1.9;color:#4A4A46;margin:0 0 20px;}
.gf-specs{list-style:none;margin:0 0 24px;padding:0;border-block-start:1px solid var(--line);}
.gf-specs li{padding:11px 0;border-block-end:1px solid var(--line);font-size:14px;display:flex;gap:10px;align-items:center;}
.gf-specs li::before{content:"";inline-size:6px;block-size:6px;background:var(--signal);flex:none;}
.gf-pd-price{display:flex;align-items:baseline;gap:10px;margin-block-end:22px;}
.gf-pd-price .lbl{font-size:13px;color:var(--faint);}
.gf-pd-price .amt{font-family:var(--font-mono);font-size:34px;font-weight:600;}
.gf-pd-price .unit{font-size:13px;color:var(--faint);}
.gf-pd-buy label{display:block;font-size:13px;font-weight:600;margin-block-end:8px;}
.gf-qrow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.gf-qrow input{inline-size:130px;padding:12px;border:1px solid var(--line);background:#fff;text-align:center;font-family:var(--font-mono);font-size:17px;}
.gf-qrow input:focus{outline:2px solid var(--signal);border-color:var(--signal);}
.gf-quick{display:flex;flex-wrap:wrap;gap:6px;}
.gf-quick button{padding:9px 13px;border:1px solid var(--line);background:#fff;font-family:var(--font-mono);font-size:13px;cursor:pointer;transition:all .15s;}
.gf-quick button:hover{border-color:var(--graphite);}
.gf-quick button.is-on{background:var(--graphite);color:#fff;border-color:var(--graphite);}
.gf-total{display:flex;justify-content:space-between;align-items:baseline;margin-block:20px;padding:16px 18px;background:var(--graphite);color:#fff;}
.gf-total span{font-size:13px;color:var(--on-dark);}
.gf-total b{font-family:var(--font-mono);font-size:22px;}
.gf-pd-ctas{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.gf-wa{font-size:13.5px;font-weight:600;color:var(--signal);text-decoration:none;padding:12px 4px;}
.gf-wa:hover{text-decoration:underline;}
.gf-note{font-size:12.5px;color:var(--faint);margin:14px 0 0;line-height:1.8;}
.gf-related{padding-block:8px 80px;}
.gf-related h2{font-size:22px;margin:0 0 20px;}

/* ---------- الشاشات الصغيرة ---------- */
@media(max-width:1060px){ .gf-grid{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media(max-width:860px){
  .gf-hero{padding-block:52px 44px;}
  .gf-hero-in{grid-template-columns:1fr;gap:32px;}
  .gf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .gf-body{padding:12px 12px 14px;}
  .gf-body h3{font-size:14px;}
  .gf-buy{flex-direction:column;}
  .gf-qty input{inline-size:100%;}
  .gf-steps{grid-template-columns:1fr;}
  .gf-steps li{border-inline-end:0;border-block-end:1px solid var(--line);}
  .gf-pd{grid-template-columns:1fr;gap:24px;}
  .gf-pd-media{position:static;}
  .gf-search{inline-size:100%;}
  .gf-search input{inline-size:100%;}
}
@media (prefers-reduced-motion:reduce){ .gf-card,.gf-img img{transition:none;} .gf-card:hover{transform:none;} }

.gf-moq{font-size:12px;color:var(--faint);margin-block-start:2px;}
.gf-moq b{color:var(--graphite);font-family:var(--font-mono);}
.gf-moq-note{margin:14px 0 0;font-size:13px;color:#8A5300;background:#FFF4E5;border:1px solid #F0C98A;padding:9px 12px;}

.gf-incl{font-size:11.5px;font-weight:700;color:#8A5300;margin-block-start:-2px;}
.gf-incl.is-in{color:#15703F;}
.gf-incl-lg{font-size:13px;margin:-14px 0 20px;}