/* Four focused storefront improvements: distinct products, service promises,
   a natural Arabic filter label, and centered service commitments. */
:root{--sou9i-forest:#214f3b;--sou9i-leaf:#316e4f;--sou9i-copper:#a4532c;--sou9i-paper:#fffefa}

.product-grid{align-items:stretch;gap:24px}
.product-card{
  display:flex;flex-direction:column;min-width:0;padding:9px;
  border:1px solid #dce7d9;border-radius:23px;
  background:linear-gradient(165deg,#ffffff 60%,#fafcf7);
  box-shadow:0 3px 9px #1b483509,0 11px 26px #1b483507;
  overflow:hidden;
}
.product-card:hover{border-color:#abc8ac;box-shadow:0 13px 30px #1b48351b;transform:translateY(-4px)}
.product-card:focus-within{border-color:#428260;box-shadow:0 0 0 2px #93bf9d7a,0 12px 27px #1b483511}
.product-card .product-art{width:100%;border-radius:16px;background:#f3f5ee}
.product-card .product-caption{display:flex;flex:1;flex-direction:column;padding:15px 9px 8px}
.product-card .product-title{margin-block:5px 12px;min-height:3.3em}
.product-card .product-bottom{margin-top:auto;padding-top:11px;border-top:1px solid #e8eee5}
.product-card .add-button{background:#eaf4e8;border-color:#c4dbc5;color:#245c40}
.product-card .add-button:hover{background:#245c40;color:#fff}

.purchase-promises{gap:16px}
.purchase-promises>button{
  position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:104px;
  padding:19px 24px;border:1px solid #accdb0;border-radius:21px;
  background:linear-gradient(112deg,#e8f5e6 0%,#f6faed 58%,#e4f0df 100%);
  box-shadow:inset 0 1px #fff,0 8px 23px #1d4b3511;
}
.purchase-promises>button:nth-child(2){border-color:#e2c6a6;background:linear-gradient(112deg,#fff1dc,#fff9eb 58%,#f8e4cb)}
.purchase-promises>button:after{content:'';position:absolute;inset:auto -12% -90% 52%;z-index:-1;width:190px;aspect-ratio:1;border:1px solid #80ab804d;border-radius:50%;box-shadow:0 0 0 22px #80ab8014,0 0 0 47px #80ab8010;pointer-events:none}
.purchase-promises>button:nth-child(2):after{border-color:#be83544d;box-shadow:0 0 0 22px #bd835414,0 0 0 47px #bd835410}
.purchase-promises .promise-icon{width:54px;height:54px;border-radius:17px;border-color:#b7d3b9;background:#fffdfad9;color:var(--sou9i-forest);box-shadow:0 5px 15px #234a3513}
.purchase-promises>button:nth-child(2) .promise-icon{border-color:#e3c9a8;color:var(--sou9i-copper)}
.purchase-promises .promise-icon svg{width:27px;height:27px}
.purchase-promises strong{font-size:clamp(18px,1.55vw,23px);font-weight:750;color:#174632;line-height:1.45}
.purchase-promises>button:nth-child(2) strong{color:#83401f}
.purchase-promises small{font-size:15px;font-weight:600;color:#38594a;line-height:1.65}
.purchase-promises>button:nth-child(2) small{color:#76482e}
.purchase-promises .promise-chevron{font-weight:700;color:#32694a}
.purchase-promises>button:nth-child(2) .promise-chevron{color:#a4532c}
.purchase-promises>button:hover{box-shadow:inset 0 1px #fff,0 15px 28px #1b48351b;transform:translateY(-3px)}
.purchase-promises>button:focus-visible{outline:3px solid #9c4828;outline-offset:3px}

.benefits-heading{text-align:center}
.benefits>.benefit-card{align-items:center;text-align:center;justify-content:flex-start}
.benefits>.benefit-card>span:nth-child(2){display:flex;flex-direction:column;align-items:center;gap:4px}
.benefits>.benefit-card .benefit-icon{margin-inline:auto}
.benefits>.benefit-card .benefit-more{justify-content:center;gap:9px;text-align:center}

@media(max-width:750px){
  .product-grid{gap:14px 10px}
  .product-card{padding:6px;border:1px solid #dce7d9;border-radius:17px;background:#fffefa;box-shadow:0 3px 13px #1b48350e}
  .product-card .product-art{border-radius:12px}
  .product-card .product-caption{padding:11px 6px 6px}
  .product-card .product-title{font-size:17px;line-height:1.65;min-height:3.3em;margin-block:4px 9px}
  .product-card .product-bottom{padding-top:9px;gap:4px}
  .purchase-promises{gap:9px;margin-top:13px}
  .purchase-promises>button{min-height:125px;padding:13px 11px;border-radius:17px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
  .purchase-promises .promise-icon{width:36px;height:36px;border-radius:11px;margin:0}
  .purchase-promises .promise-icon svg{width:21px;height:21px}
  .purchase-promises strong{font-size:clamp(14px,4vw,17px);line-height:1.55}
  .purchase-promises small{font-size:clamp(12px,3.3vw,14px);line-height:1.55;margin-top:2px}
  .purchase-promises>button:after{width:115px}
  .benefits>.benefit-card{align-items:center;text-align:center}
  .benefits>.benefit-card .benefit-more{justify-content:center}
}
@media(max-width:360px){
  .product-card .product-title{font-size:16px}
  .purchase-promises>button{min-height:135px;padding:11px 8px}
  .purchase-promises strong{font-size:14px}
  .purchase-promises small{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .product-card,.purchase-promises>button{transition:none!important}
  .product-card:hover,.purchase-promises>button:hover{transform:none}
}

/* Give each footer group its own readable boundary, in all three languages. */
.footer-top{grid-template-columns:1.2fr repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.footer-top>div:not(:first-child){min-width:0;padding:19px 16px;border:1px solid #dce7db;border-radius:18px;background:linear-gradient(145deg,#f5f9f1,#fffefa);box-shadow:inset 0 1px #fff,0 6px 17px #1b483508}
.footer-top>div:nth-child(3){background:linear-gradient(145deg,#fff8ec,#fffefa);border-color:#ecdfca}
.footer-top>div:nth-child(4){background:linear-gradient(145deg,#f2f7f5,#fffefa);border-color:#d9e5e2}
.footer-top h3{margin:0 0 15px;font-size:18px;line-height:1.55;color:#214f3b}
.footer-top>div:nth-child(3) h3{color:#8d4c27}
.footer-top button{display:block;width:100%;min-height:44px;margin-top:7px;padding:9px 11px;border:1px solid #e3e9e0;border-radius:10px;background:#fffefa;color:#345747;text-align:start;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.footer-top button:hover{border-color:#a7c9ac;background:#f0f7ec;color:#194731;text-decoration:none;transform:none}
.footer-top button:focus-visible{outline-offset:2px}

@media(max-width:750px){
  .purchase-promises>button{align-items:center;justify-content:center;text-align:center;gap:7px;min-height:135px}
  .purchase-promises>button>span:nth-child(2){display:block;width:100%;min-width:0;text-align:center}
  .purchase-promises strong,.purchase-promises small{text-align:center}
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-block:32px}
  .footer-top>div:not(:first-child){padding:15px 11px;border-radius:16px}
  .footer-top>div:nth-child(4){grid-column:1/-1}
  .footer-top h3{font-size:17px;margin-bottom:12px}
  .footer-top button{font-size:16px;min-height:44px;padding:8px 9px}
}
@media(max-width:360px){
  .purchase-promises>button{min-height:143px}
  .footer-top{gap:9px}
  .footer-top>div:not(:first-child){padding:13px 8px}
  .footer-top button{font-size:15px;padding-inline:7px}
}