/* Shared storefront footer; deliberately isolated from legacy footer rules. */

.footer.store-footer { display: block; margin-top: 64px; padding: 48px 0 0; background: #f1f5f7; border-top: 1px solid #dce5eb; color: #233e50; }

.store-footer,.store-footer * { box-sizing: border-box; }

.store-footer .footer-section-one { position: static; top: auto; display: grid; grid-template-columns: minmax(0,2fr) minmax(180px,1fr); gap: 64px; width: 100%; padding: 0 0 36px; margin: 0; background: transparent; box-shadow: none; border-radius: 0; }

.store-footer .footer-section-one-text { width: 100%; align-items: flex-start; min-width: 0; padding: 0; }

.store-footer .footer-logo { width: 148px; height: 40px; object-fit: contain; }

.store-footer .footer-text { font-size: .9rem; line-height: 2; color: #506473; }

.store-footer .footer-aboutUs { max-width: 620px; margin-bottom: 20px; }

.store-footer .footer-addres { align-items: flex-start; gap: 12px; margin-top: 12px; }

.store-footer .footer-addres-icon { flex: 0 0 36px; width: 36px; height: 36px; margin: 0; border-radius: 12px; background: #e1ebf0; color: #355c73; }

.store-footer .footer-addres-text { width: auto; flex: 1; min-width: 0; color: #354e60; margin: 0; overflow-wrap: anywhere; }

.store-footer-links { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }

.store-footer-links h2,.store-footer .store-footer-title { font-size: 1rem; font-weight: 700; color: #203f53; margin: 0 0 16px; line-height: 1.8; }

.store-footer-links a { display: flex; align-items: center; min-height: 44px; color: #506473; font-size: .95rem; }

.store-footer .footer-section-two { padding-top: 32px; background: transparent; border-top: 1px solid #dce5eb; }

.store-footer .footer-section-two .row { display: flex; flex-wrap: wrap; gap: 32px; }

.store-footer .footer-enamad { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; width: auto; max-width: 100%; margin: 0 !important; flex: 1 1 440px; }

.store-footer .footer-enamad-item { width: 88px; height: 100px; flex: 0 0 88px; background: #fff; border: 1px solid #e0e7ec; border-radius: 16px; padding: 12px; }

.store-footer .footer-enamad-item a { display: grid; place-items: center; width: 100%; height: 100%; }

.store-footer .footer-enamad-item img { width: auto; height: auto; max-width: 100%; max-height: 76px; object-fit: contain; }

.store-footer .footer-contactUs { width: auto; flex: 1 1 320px; min-width: 0; }

.store-footer .footer-form { width: 100%; }

.store-footer .input-frame { display: flex; flex-wrap: wrap; gap: 8px; padding: 8px; border: 1px solid #d4e0e7; border-radius: 14px; background: #fff; height: auto; }

.store-footer .input-frame input[type=email] { flex: 1; width: 0; min-width: 80px; border: 0; background: transparent; color: #203f53; direction: rtl; padding: 8px; font: inherit; font-size: .85rem; }

.store-footer .footer-form-btn { min-width: 64px; height: 44px; border: 0; border-radius: 10px; background: #244c65; color: #fff; cursor: pointer; }

.store-footer .footer-sotiol { justify-content: flex-start; margin-top: 20px; gap: 10px; }

.store-footer .footer-sotiol-item { border: 1px solid #dae4eb; border-radius: 50%; background: #fff; color: #365c73; }

.store-footer .footer-sotiol-item svg { width: 21px; height: 21px; }

.store-footer .footer-copyright { margin-top: 32px; padding: 24px 0; color: #5a6f7e; font-size: .8rem; border-color: #dce5eb; }

.store-footer a:hover { color: #173a52; text-decoration: underline; }

.store-footer a:focus-visible,.store-footer button:focus-visible,.store-footer input:focus-visible { outline: 3px solid #477c9b; outline-offset: 3px; }

.store-footer-email-label { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }

@media(max-width:767px) { .footer.store-footer { margin-top: 36px; padding-top: 32px; padding-bottom: calc(88px + env(safe-area-inset-bottom,0px)); } .store-footer .footer-section-one { grid-template-columns: 1fr; gap: 28px; } .store-footer-links { flex-direction: row; flex-wrap: wrap; gap: 8px 24px; } .store-footer-links h2 { width: 100%; margin-bottom: 0; } .store-footer .footer-section-two .row { gap: 28px; } .store-footer .footer-enamad { flex-basis: 100%; } .store-footer .footer-enamad-item { width: 76px; flex-basis: 76px; height: 88px; } }


/* V2: floating brand panel over a deep blue footer. */
.footer.store-footer { margin-top: 140px !important; padding: 0 !important; overflow: visible; background: radial-gradient(ellipse at 80% 0%,#245775,#132e45 60%,#10263a) !important; border: 0; border-radius: 48px 48px 0 0; }
.store-footer .footer-section-one { position: relative; top: -64px; display: grid; grid-template-columns: minmax(0,1.6fr) minmax(140px,.65fr) minmax(120px,.55fr); align-items: center; gap: 32px; margin-bottom: -24px; padding: 36px; border-radius: 32px; background: linear-gradient(135deg,#fff,#eff7fc); border: 1px solid #fff; box-shadow: 0 24px 60px #081c3333,inset 0 1px 0 #fff; }
.store-footer .footer-section-one-text { position: relative; z-index: 1; }
.store-footer .footer-logo { width: 164px; height: auto; }
.store-footer .footer-aboutUs { margin-top: 20px !important; }
.store-footer .footer-text { line-height: 2.1; }
.store-footer .footer-addres-icon { background: #dcecf6; color: #255b7c; box-shadow: inset 0 1px 0 #fff; }
.store-footer .store-footer-art { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; }
.store-footer-art:before { content: ''; position: absolute; width: 190px; height: 190px; border-radius: 50%; background: linear-gradient(150deg,#b9e3f6,#e5f2fc); box-shadow: 0 0 0 15px #e4f2fa80,0 0 0 30px #e4f2fa45; }
.store-footer-art img { position: relative; width: 150px; height: 285px; object-fit: contain; transform: rotate(-9deg); filter: drop-shadow(10px 18px 12px #244d6a35); }
.store-footer-links { border-right: 1px solid #d4e3ec; padding-right: 24px; }
.store-footer-links a { transition: transform .2s,color .2s; }
.store-footer-links a:hover { transform: translateX(-4px); }
.store-footer .footer-section-two { border: 0; padding-top: 8px; background: transparent; }
.store-footer .footer-section-two .row { align-items: center !important; gap: 40px; }
.store-footer .store-footer-title { color: #eef7ff; margin-bottom: 16px; font-size: 1.05rem; }
.store-footer .footer-enamad { align-items: center; gap: 10px; }
.store-footer .footer-enamad-item { background: #fff; border: 1px solid #e5eff6; box-shadow: 0 8px 20px #00162620; border-radius: 18px; transition: transform .25s,box-shadow .25s; }
.store-footer .footer-enamad-item:hover { transform: translateY(-5px); box-shadow: 0 14px 24px #00162640; }
.store-footer .input-frame { background: #ffffff10; border: 1px solid #91b1c45c; box-shadow: inset 0 1px 0 #ffffff0d; }
.store-footer .input-frame input[type=email] { color: #fff; }
.store-footer .input-frame input::placeholder { color: #c0d4e3; opacity: 1; }
.store-footer .footer-form-btn { background: #cceeff; color: #173e58; font-weight: 700; }
.store-footer .footer-sotiol-item { background: #ffffff0c; border: 1px solid #8fb3cb55; color: #d7efff; transition: background .2s,transform .2s; }
.store-footer .footer-sotiol-item:hover { background: #ffffff22; color: #fff; transform: translateY(-3px); }
.store-footer .footer-copyright { border-color: #a7c4d329; color: #b9cfdf; padding: 24px 0; }
.store-footer .footer-section-two a:focus-visible,.store-footer .footer-section-two button:focus-visible,.store-footer .footer-section-two input:focus-visible { outline-color: #b7e9ff; }
@media(max-width:991px) { .store-footer .footer-section-one { grid-template-columns: minmax(0,1fr) 170px; padding: 28px; } .store-footer-links { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; gap: 8px 24px; border: 0; border-top: 1px solid #d4e3ec; padding: 20px 0 0; } .store-footer-links h2 { width: 100%; margin: 0; } }
@media(max-width:767px) { .footer.store-footer { margin-top: 112px !important; border-radius: 32px 32px 0 0; padding-bottom: calc(88px + env(safe-area-inset-bottom,0px)) !important; } .store-footer .footer-section-one { top: -48px; grid-template-columns: 1fr; gap: 24px; margin-bottom: -16px; padding: 28px 22px; border-radius: 26px; } .store-footer .store-footer-art { display: none; } .store-footer .footer-section-two { padding-top: 0; } .store-footer .footer-section-two .row { gap: 32px; } .store-footer .footer-enamad { justify-content: center; gap: 8px; } .store-footer .footer-enamad-item { flex-basis: 78px; width: 78px; height: 92px; } .store-footer .footer-copyright { font-size: .75rem; } }
@media(prefers-reduced-motion:reduce) { .store-footer * { transition: none !important; } }