/* AL AHRAM supply & export partner section. Scoped to avoid changing existing site components. */
#supply-export-partners {
  --sp-forest: var(--eat-forest, #184c3b);
  --sp-paper: var(--eat-paper, #f6f3ed);
  --sp-line: var(--eat-line, #d0c9bb);
  --sp-gold: var(--eat-gold, #785d32);
  padding-block: 70px;
  background: #f6f3ed;
  color: #343a38;
  border-block: 1px solid var(--sp-line);
}
#supply-export-partners, #supply-export-partners * { box-sizing: border-box; }
#supply-export-partners .sp-container { width: min(1240px, calc(100% - 80px)); margin-inline: auto; }
#supply-export-partners h2 { margin: 0 0 30px; color: var(--sp-forest); font-size: clamp(30px, 3vw, 43px); line-height: 1.14; letter-spacing: -.035em; }
#supply-export-partners .sp-card { display: grid; grid-template-columns: 1.15fr 1fr; border: 1px solid var(--sp-line); border-radius: 3px; background: #fff; overflow: hidden; }
#supply-export-partners .sp-introduction { padding: 34px 38px 15px; min-width: 0; }
#supply-export-partners .sp-company { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; margin-bottom: 25px; }
#supply-export-partners .sp-company > div { min-width: 0; }
#supply-export-partners .sp-logo { display:block; width:min(430px,100%); height:auto; flex:none; object-fit:contain; border-radius:0; }
#supply-export-partners .sp-partner-name { display:flex; flex-wrap:wrap; align-items:baseline; gap:.35em .55em; }
#supply-export-partners .sp-short-name { font-size:.62em; font-weight:700; color:var(--sp-gold); letter-spacing:.02em; white-space:nowrap; }
#supply-export-partners h3 { font-size: clamp(21px, 2vw, 27px); line-height: 1.2; letter-spacing: -.02em; color: var(--sp-forest); margin: 0 0 10px; overflow-wrap: anywhere; }
#supply-export-partners .sp-role { font-size: 12px; line-height: 1.7; margin: 0; color: #5b6058; }
#supply-export-partners .sp-description { font-size: 16px; line-height: 1.75; margin: 0; }
#supply-export-partners .sp-benefit { grid-column: 2; grid-row: 1 / span 2; padding: 38px; background: #eee9df; border-inline-start: 1px solid var(--sp-line); min-width: 0; }
#supply-export-partners h4 { color: var(--sp-forest); font-size: clamp(22px, 2vw, 27px); font-weight: 700; line-height: 1.3; letter-spacing: -.018em; margin: 0 0 22px; }
#supply-export-partners .sp-benefit p { font-size: 16px; line-height: 1.8; margin: 0; }
#supply-export-partners .sp-controls { grid-column: 1; padding: 15px 38px 32px; min-width: 0; }
#supply-export-partners .sp-button { display: inline-flex; justify-content: center; align-items: center; gap: 14px; border: 1px solid var(--sp-forest); padding: 13px 22px; min-height: 49px; border-radius: 3px; font-size: 13px; line-height: 1.4; font-weight: 700; text-decoration: none; cursor: pointer; max-width: 100%; text-align: center; }
#supply-export-partners .sp-button-primary { background: var(--sp-forest); color: #fff; }
#supply-export-partners .sp-button-primary:hover { background: #103c2c; }
#supply-export-partners .sp-button-secondary { background: #fff; color: var(--sp-forest); }
#supply-export-partners .sp-button-secondary:hover { background: #e4ded2; }
#supply-export-partners a:focus-visible, #supply-export-partners summary:focus-visible { outline: 3px solid var(--sp-gold); outline-offset: 4px; }
#supply-export-partners .sp-products { margin-top: 12px; }
#supply-export-partners summary { list-style: none; }
#supply-export-partners summary::-webkit-details-marker { display: none; }
#supply-export-partners .sp-chevron { font-size: 19px; line-height: 1; }
#supply-export-partners details[open] .sp-chevron { transform: rotate(180deg); }
#supply-export-partners .sp-range-content { margin-top: 22px; border-top: 1px solid var(--sp-line); padding-top: 20px; }
#supply-export-partners .sp-range-content p { font-size: 13px; line-height: 1.7; margin: 0 0 14px; color: #5b6058; }
#supply-export-partners .sp-range-content ul { list-style: none; padding: 0; margin: 0 0 16px; }
#supply-export-partners .sp-range-content li { border-bottom: 1px solid #e5e1d9; }
#supply-export-partners .sp-range-content a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding-block: 9px; color: var(--sp-forest); font-size: 14px; text-decoration: none; }
#supply-export-partners .sp-range-content a:hover { text-decoration: underline; text-underline-offset: 4px; }
#supply-export-partners .sp-range-content a > span[aria-hidden] { margin-inline-start: auto; }
#supply-export-partners .sp-qualification { grid-column: 1 / -1; margin: 0; border-top: 1px solid var(--sp-line); padding: 17px 38px; font-size: 13px; color: #5b6058; line-height: 1.6; background: #faf8f4; }
#supply-export-partners .sp-card:has(.sp-products[open]) .sp-benefit { grid-row: 1; }
#supply-export-partners .sp-card:has(.sp-products[open]) .sp-controls { grid-column: 1 / -1; border-top: 1px solid var(--sp-line); padding-top: 24px; }
#supply-export-partners .sp-products[open] .sp-range-content ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 32px; }
html[dir="rtl"] #supply-export-partners :is(h2,h3,h4) { letter-spacing: 0; }
html[dir="rtl"] #supply-export-partners :is(.sp-description,.sp-benefit p) { line-height: 1.95; }
@media(max-width:900px) and (min-width:601px){#supply-export-partners .sp-logo{width:min(370px,100%)}#supply-export-partners .sp-company{gap:18px}}
@media (max-width: 840px) {
  #supply-export-partners { padding-block: 48px; }
  #supply-export-partners .sp-card:has(.sp-products[open]) .sp-benefit { grid-row: auto; }
  #supply-export-partners .sp-products[open] .sp-range-content ul { grid-template-columns: 1fr; }
  #supply-export-partners .sp-container { width: calc(100% - 40px); }
  #supply-export-partners .sp-card { grid-template-columns: 1fr; }
  #supply-export-partners .sp-introduction { padding: 27px 25px; }
  #supply-export-partners .sp-benefit { grid-column: 1; grid-row: auto; border-inline-start: 0; border-top: 1px solid var(--sp-line); padding: 27px 25px; }
  #supply-export-partners .sp-controls { padding: 24px 25px; }
  #supply-export-partners .sp-qualification { padding: 18px 25px; }
}
@media (max-width: 460px) {
  #supply-export-partners .sp-container { width: calc(100% - 32px); }
  #supply-export-partners .sp-company { gap: 15px; align-items: flex-start; }
  #supply-export-partners .sp-logo { width:min(310px,100%); height:auto; flex:none; }
  #supply-export-partners .sp-introduction, #supply-export-partners .sp-benefit { padding: 25px 21px; }
  #supply-export-partners .sp-controls { padding: 24px 21px; }
  #supply-export-partners .sp-button { width: 100%; }
  #supply-export-partners .sp-qualification { padding: 18px 21px; }
}