/* Shared footer source for the homepage and every lightweight artwork page. */
footer{background:#0b0d0a;color:#fff;padding:75px clamp(22px,6.5vw,100px) 28px;display:grid;grid-template-columns:1.2fr .7fr .95fr .85fr;gap:45px;position:relative}
.footer-brand .brand{display:flex;align-items:center;gap:12px;width:max-content;text-decoration:none}
.footer-logo{display:block;width:92px;height:92px;object-fit:cover;mix-blend-mode:screen}
.footer-brand .brand-name{display:flex;flex-direction:column;line-height:1.1}
.footer-brand .brand-name b{font-family:'Noto Kufi Arabic','Alexandria',sans-serif;font-size:19px;font-weight:500;color:#fff}
.footer-brand .brand-name small{margin-top:7px;color:#9da19a;font:10px Arial,sans-serif;letter-spacing:2.2px}
.footer-brand p{margin:20px 0 0;color:#8c918b;font-size:12px;line-height:2}
footer h4{margin:0 0 20px;color:#c79d60;font-size:13px;font-weight:600}
footer>div:not(.footer-brand):not(.footer-note):not(.payment-row){display:flex;flex-direction:column;align-items:flex-start;gap:13px}
footer>div a{color:#a5aaa4;font-size:12px;line-height:1.8;text-decoration:none;transition:color .2s}
footer>div a:hover{color:#d0aa6a}
footer bdi{direction:ltr;unicode-bidi:isolate;display:inline-block;white-space:nowrap;font-variant-numeric:tabular-nums}
/* Keep contact labels and international numbers separate from the shared icon flex layout. */
footer a[href*="wa.me/"]:has(>bdi){display:grid;grid-template-columns:18px minmax(0,1fr);gap:2px 8px;align-items:center;max-width:100%;overflow-wrap:normal;word-break:normal}
footer a[href*="wa.me/"]:has(>bdi)::before{grid-column:1;grid-row:1 / span 2;align-self:start;margin-block-start:4px}
footer a[href*="wa.me/"]>bdi{grid-column:2;grid-row:2;direction:ltr;unicode-bidi:isolate;white-space:nowrap;text-align:start}
@media(max-width:680px){footer>div:has(>a[href*="wa.me/"]>bdi){grid-column:1/-1}}
.footer-note{grid-column:1/-1;display:flex;justify-content:space-around;gap:20px;padding:20px 0;border-block:1px solid #ffffff15;color:#aaa;font-size:11px}
.payment-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 0 5px}
.payment-row>div:first-child{display:grid;gap:5px;min-width:clamp(250px,23vw,380px);text-align:center}
.payment-row b{color:#d6aa66;font-size:15px}
.payment-row small{max-width:380px;margin-inline:auto;color:#c2c8c1;font-size:13px;line-height:1.85}
.payment-row .payment-methods-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr)) minmax(0,2.735fr);gap:8px;width:min(780px,68vw);direction:ltr}
.payment-row .payment-methods-strip img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.business-identity{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin:0;padding:18px 0;border-top:1px solid #ffffff15;color:#8f968e;font-size:10px}
.business-identity b{color:#d1ad72;font-weight:500}
.copyright{grid-column:1/-1;margin:0;color:#61665f;font-size:10px}
@media(max-width:900px){footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:680px){footer{gap:45px 25px;padding:58px 20px 28px}.footer-logo{width:78px;height:78px}.payment-row{align-items:flex-start;flex-direction:column}.payment-row>div:first-child{width:100%;min-width:0}.payment-row b{font-size:16px}.payment-row small{font-size:13px;line-height:1.9}.payment-row .payment-methods-strip{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;width:100%}.payment-row .payment-methods-strip img{grid-column:span 2}.payment-row .payment-methods-strip img:nth-child(6){grid-column:2/span 2}.business-identity{display:grid;gap:6px}}

@media(max-width:680px){
  footer{grid-template-columns:repeat(2,minmax(0,1fr))}
  footer>*,.footer-brand .brand-name{min-width:0;overflow-wrap:anywhere}
  .footer-brand .brand{max-width:100%}
  .footer-note{flex-wrap:wrap}
}

/* Approved logo-only dark footer. Google keeps its complete official SVG. */
.payment-row{flex-wrap:wrap}
.payment-row .payment-methods-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;width:min(780px,68vw);max-width:100%;direction:ltr;background:transparent;border:0}
.payment-row .payment-methods-strip img{display:block;flex:0 0 auto;width:68px;height:68px;aspect-ratio:1;object-fit:contain;grid-column:auto;filter:none;mix-blend-mode:normal;background:transparent;border:0;border-radius:0}
.payment-row .payment-methods-strip img[src*="/apple-pay.svg"]{content:url("/assets/payment-marks-dark/apple-pay.svg")}
.payment-row .payment-methods-strip img[src*="/mastercard.svg"]{content:url("/assets/payment-marks-dark/mastercard.svg")}
.payment-row .payment-methods-strip img[src*="/visa.svg"]{content:url("/assets/payment-marks-dark/visa.svg")}
.payment-row .payment-methods-strip img[src*="/mada.svg"]{content:url("/assets/payment-marks-dark/mada.svg")}
.payment-row .payment-methods-strip img[src*="/knet.svg"]{content:url("/assets/payment-marks-dark/knet.svg")}
.payment-row .payment-methods-strip img[src*="/benefit-pay.svg"]{content:url("/assets/payment-marks-dark/benefit-pay.svg")}
.payment-row .payment-methods-strip img[src*="/amex.svg"]{content:url("/assets/payment-marks-dark/amex.svg")}
.payment-row .payment-methods-strip img[src*="/samsung-pay.svg"]{width:42px;height:42px;margin:0 8px}
.payment-row .payment-methods-strip img[src*="/google-pay.svg"]{width:124px;height:auto;aspect-ratio:1094/742;grid-column:auto;justify-self:auto}
@media(max-width:680px){
  .payment-row .payment-methods-strip{width:100%;gap:10px}
  .payment-row .payment-methods-strip img,.payment-row .payment-methods-strip img:nth-child(6),.payment-row .payment-methods-strip img:nth-child(7){width:48px;height:48px;grid-column:auto}
  .payment-row .payment-methods-strip img[src*="/samsung-pay.svg"]{width:32px;height:32px;margin:0 4px}
  .payment-row .payment-methods-strip img[src*="/google-pay.svg"]{width:94px;height:auto;aspect-ratio:1094/742;grid-column:auto}
}
