/* MIRSAL STAGING UX — 2026-09-13 */.store-header #mainnav {height:auto!important}.store-header .header__main-row {min-height:100px;align-items:center}.store-header .navbar-brand {position:relative;display:block;flex:0 0 112px;width:112px;height:92px;overflow:hidden}.store-header .navbar-brand img.logo-normal {position:absolute;width:224px!important;height:224px!important;max-width:none!important;max-height:none!important;left:50%;top:50%;margin:0;object-fit:contain;transform:translate(-50%,-50%)}.store-header [data-selia="header-search-button"] {display:inline-flex;align-items:center;gap:12px;min-height:46px;border:1px solid #dce3e8;border-radius:10px;background:#fff;color:#526575;padding:10px 16px}.store-header [data-selia="header-search-button"]::after {content:"ابحث عن جهازك أو ملحقاتك";font-size:14px;font-weight:400}.store-header a:focus-visible,.store-header button:focus-visible {outline:3px solid #d5bb7e;outline-offset:4px}@media(min-width:1024px){.store-header .header__main-end {gap:20px}.store-header [data-selia="header-search-button"] {width:clamp(280px,36vw,520px)}}@media(max-width:1023px){.store-header .header__main-row {padding-bottom:62px}.store-header [data-selia="header-search-button"] {position:absolute;bottom:12px;inset-inline:0;width:100%;justify-content:flex-start}.store-header .navbar-brand {flex-basis:96px;width:96px;height:104px}.store-header .navbar-brand img.logo-normal {width:204px!important;height:204px!important}}/* Mirsal compact footer: content-sized columns, no guided discovery. */body.index .s-block{margin-top:32px!important;margin-bottom:32px!important}body.index .home-block-title{margin-bottom:20px!important}.store-footer{margin-top:0!important}.store-footer .store-footer__inner{padding:28px 0 20px!important}.store-footer .store-footer__grid{display:flex!important;align-items:flex-start;gap:32px!important}.store-footer .store-footer__grid>div{flex:1 1 0;min-width:0;margin:0!important}.store-footer .store-footer__grid>.store-footer__brand{flex:1.2 1 0}.store-footer .store-footer__grid>.store-footer__links-column{flex:1.7 1 0}.store-footer .store-footer__grid>.store-footer__account-column{flex:.8 1 0}.store-footer .footer-logo{display:block;position:relative;width:150px;height:132px;overflow:hidden;margin:0 0 12px!important}.store-footer .footer-logo img{position:absolute;max-width:none!important;max-height:none!important;width:320px!important;height:320px!important;left:50%;top:50%;transform:translate(-50%,-50%);margin:0!important;object-fit:contain;filter:brightness(0) invert(1)}.store-footer .store-footer__brand .footer-description{margin:0!important}.store-footer .store-footer__brand p:empty{display:none}.store-footer .store-footer__brand>p{font-size:13px;line-height:1.8;margin:0 0 14px;text-align:start}.store-footer .footer-badges{flex-wrap:wrap;gap:12px;margin-top:14px;justify-content:flex-start}.store-footer .footer-list.enhanced_links{display:grid!important;grid-template-columns:1fr 1fr;gap:0 18px;column-count:auto!important}.store-footer .footer-list.enhanced_links li{width:auto!important;margin:0!important;break-inside:avoid}.store-footer .store-footer__menu-link{display:block;font-size:13px!important;line-height:1.6;padding:6px 0!important}.store-footer .footer-title{font-size:16px!important;margin:0 0 12px!important}.store-footer .store-footer__bottom-inner{padding-top:12px!important;padding-bottom:12px!important}.store-footer .links-contact{min-height:38px;margin:0!important}@media(max-width:1023px){.store-footer .store-footer__grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.store-footer .store-footer__grid>div{grid-column:1/-1!important}.store-footer .footer-logo{margin:0 auto 10px!important}.store-footer .store-footer__brand>p{max-width:380px;margin-inline:auto;text-align:center}.store-footer .footer-badges{justify-content:center}} /* MIRSAL UX PREMIUM V3 — HEADER, RESPONSIVE, PRODUCT — 2026-09-25 */ :root{--mirsal-navy:#0b2f49;--mirsal-blue:#7486ad;--mirsal-line:#e2e8f0;--mirsal-soft:#f6f8fb;--mirsal-gold:#d5bb7e} .store-header #mainnav{height:auto!important;background:#fff!important;border-bottom:1px solid var(--mirsal-line)!important;box-shadow:0 8px 24px rgba(11,47,73,.07)!important} .store-header #mainnav>.inner{background:#fff!important} .store-header .header__main-container{max-width:1320px!important} .store-header [data-selia="header-search-button"]{border:1px solid #d9e2e9!important;border-radius:14px!important;box-shadow:0 4px 14px rgba(11,47,73,.05)!important;color:#53697a!important;transition:border-color .2s ease,box-shadow .2s ease!important} .store-header [data-selia="header-search-button"]:hover,.store-header [data-selia="header-search-button"]:focus-visible{border-color:var(--mirsal-blue)!important;box-shadow:0 0 0 4px rgba(116,134,173,.14)!important} .store-header .header-btn,.store-header .s-user-menu-trigger,.store-header .s-cart-summary-wrapper{min-width:46px!important;min-height:46px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important} .store-header .header-btn:hover,.store-header .s-user-menu-trigger:hover,.store-header .s-cart-summary-wrapper:hover{background:var(--mirsal-soft)!important} .store-header .s-user-menu-trigger-avatar{width:34px!important;height:34px!important} .store-header .s-cart-summary-count{min-width:20px!important;height:20px!important;line-height:20px!important} @media(min-width:900px){ .store-header .header__main-row{min-height:112px!important;padding-block:8px!important;gap:32px!important;align-items:center!important} .store-header .header__main-start{flex:0 0 132px!important} .store-header .header__main-start>.mburger{display:none!important} .store-header .navbar-brand{flex:0 0 124px!important;width:124px!important;height:96px!important} .store-header .navbar-brand img.logo-normal{width:214px!important;height:214px!important;max-width:none!important;max-height:none!important} .store-header .header__main-end{flex:1 1 auto!important;display:grid!important;grid-template-columns:minmax(300px,620px) auto auto auto!important;align-items:center!important;justify-content:end!important;gap:12px!important} .store-header [data-selia="header-search-button"]{position:static!important;inset:auto!important;width:100%!important;max-width:620px!important;min-height:50px!important;justify-self:center!important} .store-header .mirsal-departments{display:block!important;border-top:1px solid #edf1f4!important;background:#fff!important} .store-header .mirsal-departments ul{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-height:54px!important;margin:0!important;padding:0 24px!important} .store-header .mirsal-departments li{display:block!important;margin:0!important} .store-header .mirsal-departments a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 18px!important;border-radius:12px!important;color:var(--mirsal-navy)!important;font-size:14px!important;font-weight:600!important;white-space:nowrap!important;transition:background .2s ease,color .2s ease!important} .store-header .mirsal-departments a:hover,.store-header .mirsal-departments a:focus-visible{background:var(--mirsal-soft)!important;color:#496184!important} } @media(max-width:899px){ .store-header #mainnav{box-shadow:0 4px 16px rgba(11,47,73,.06)!important} .store-header .header__main-row{min-height:150px!important;padding:8px 0 64px!important;align-items:center!important} .store-header .header__main-start{gap:6px!important} .store-header .header__main-start>.mburger{display:flex!important;width:44px!important;height:44px!important;min-width:44px!important;align-items:center!important;justify-content:center!important;border-radius:12px!important} .store-header .navbar-brand{flex:0 0 82px!important;width:82px!important;height:82px!important} .store-header .navbar-brand img.logo-normal{width:174px!important;height:174px!important;max-width:none!important;max-height:none!important} .store-header .header__main-end{gap:4px!important} .store-header [data-selia="header-search-button"]{position:absolute!important;bottom:10px!important;inset-inline:0!important;width:100%!important;min-height:46px!important;justify-content:flex-start!important} .store-header .mirsal-departments{display:none!important} .store-header .s-user-menu-trigger-content,.store-header .s-cart-summary-content{display:none!important} .store-header .header__cart-summary{margin-inline-start:0!important} } /* Accessible actions */ .product-card .s-button-element,.product-form .s-button-element,.store-footer a{min-height:44px} .product-card .s-button-element{border-radius:12px!important;font-weight:700!important} /* Tablet subcategories: keep one compact horizontal row */ @media(min-width:600px) and (max-width:1023px){ body.product-index salla-slider[id^="sub-cats-slider"]{display:block!important;width:100%!important;height:auto!important;min-height:148px!important;overflow:hidden!important} body.product-index salla-slider[id^="sub-cats-slider"] .swiper{height:auto!important;min-height:148px!important;overflow:hidden!important} body.product-index salla-slider[id^="sub-cats-slider"] .swiper-wrapper{display:flex!important;align-items:flex-start!important;height:auto!important;min-height:140px!important} body.product-index salla-slider[id^="sub-cats-slider"] .swiper-slide{flex:0 0 16.666%!important;width:16.666%!important;height:auto!important;margin:0!important;padding-inline:6px!important} body.product-index .product-index__subcat-link{display:flex!important;height:auto!important;min-height:132px!important;align-items:center!important;justify-content:flex-start!important} body.product-index .product-index__subcat-thumb{width:82px!important;height:82px!important;min-width:82px!important;min-height:82px!important} body.product-index .product-index__subcat-name{display:block!important;min-height:38px!important;margin-top:8px!important;line-height:1.45!important;font-size:13px!important;white-space:normal!important} } /* Product detail conversion layout */ body.product-single .container--product-details{max-width:1280px!important} body.product-single .product-single__title{text-align:start!important;color:var(--mirsal-navy)!important} body.product-single .product-sku{color:#526575!important;font-size:14px!important} body.product-single .product-form{border:1px solid var(--mirsal-line)!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 12px 32px rgba(11,47,73,.08)!important} body.product-single .product-price-bottom{background:#fff!important;border-radius:0!important;padding:20px!important} body.product-single .sticky-product-bar{background:var(--mirsal-soft)!important;border-radius:0!important;padding:20px!important} body.product-single .product-form .s-button-element{min-height:54px!important;border-radius:13px!important;font-size:17px!important;font-weight:800!important} body.product-single .s-quantity-input-button,body.product-single .s-quantity-input-input{min-width:44px!important;min-height:44px!important} @media(min-width:1024px){ body.product-single .container--product-details{padding-top:28px!important} body.product-single .product-single__layout{display:block!important} body.product-single .product-single__inner{width:100%!important;max-width:none!important} body.product-single .product-single__columns{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(390px,.85fr)!important;gap:52px!important;align-items:start!important} body.product-single .product-single__slider,body.product-single .product-single__info{width:100%!important;max-width:none!important;padding:0!important;margin:0!important} body.product-single .product-single__slider{position:sticky!important;top:138px!important} body.product-single .product-single__main-media{height:min(610px,52vw)!important;max-height:610px!important;min-height:500px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fafbfd!important;border:1px solid var(--mirsal-line)!important;border-radius:22px!important;box-shadow:0 12px 34px rgba(11,47,73,.06)!important} body.product-single .product-single__slide-image{width:100%!important;height:100%!important;max-height:560px!important;object-fit:contain!important;padding:24px!important} body.product-single .product-single__info{padding-top:12px!important} body.product-single .product-single__title{font-size:clamp(24px,2vw,30px)!important;line-height:1.5!important;margin:6px 0 18px!important;max-width:28ch!important} body.product-single .product-price-top{display:none!important} body.product-single .product-single__stock-info{margin-bottom:18px!important} } @media(max-width:599px){ body.product-single .product-single__title{font-size:20px!important;line-height:1.55!important;margin-block:10px 16px!important} body.product-single .product-single__main-media{min-height:360px!important;background:#fafbfd!important;border-radius:18px!important} body.product-single .product-single__slide-image{padding:14px!important} body.product-index .product-index__subcat-name{font-size:12px!important;line-height:1.4!important} } /* Footer legibility */ .store-footer .store-footer__menu-link,.store-footer .store-footer__brand>p{font-size:14px!important;line-height:1.75!important} .store-footer .footer-title{font-size:17px!important;font-weight:700!important} /* Reduce motion without changing layout */ @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}} /* MIRSAL V3 VISUAL HOTFIX — 2026-09-25 */ .store-header .mirsal-search-trigger{display:none!important} @media(min-width:900px){ .store-header .navbar-brand{width:124px!important;height:104px!important;flex-basis:124px!important} .store-header .navbar-brand img.logo-normal{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:104px!important;height:104px!important;max-width:104px!important;max-height:104px!important;object-fit:contain!important} } @media(max-width:899px){ .store-header .navbar-brand{width:82px!important;height:82px!important;flex-basis:82px!important} .store-header .navbar-brand img.logo-normal{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important;object-fit:contain!important} } /* MIRSAL MODERN CREATIVE DETAILS — 2026-09-25 */ body.index .home-block-title h2{color:var(--mirsal-navy)!important;letter-spacing:-.02em!important} body.index .home-block-title h2::after{content:"";display:block;width:72px;height:4px;margin:14px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--mirsal-navy),var(--mirsal-blue))} .s-block--square-links .square-links__item a{display:block!important;border-radius:20px!important;padding:8px!important;transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important} .s-block--square-links .square-links__item img{transition:transform .28s ease,filter .28s ease!important} .s-block--square-links .square-links__item a:hover{transform:translateY(-4px)!important;background:#fff!important;box-shadow:0 16px 34px rgba(11,47,73,.10)!important} .s-block--square-links .square-links__item a:hover img{transform:scale(1.035)!important;filter:saturate(1.04)!important} .product-card{border-radius:18px!important;overflow:hidden!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important} .product-card:hover{transform:translateY(-4px)!important;border-color:#cad5e0!important;box-shadow:0 18px 38px rgba(11,47,73,.11)!important} .product-card__title{color:var(--mirsal-navy)!important;line-height:1.65!important} .product-card__image{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important} @supports(content-visibility:auto){body.index main>.s-block:not(.s-block--square-links){content-visibility:auto;contain-intrinsic-size:auto 620px}} @media(max-width:599px){.s-block--square-links .square-links__grid{gap:14px!important}.s-block--square-links .square-links__item a{padding:4px!important;border-radius:16px!important}.product-card:hover,.s-block--square-links .square-links__item a:hover{transform:none!important}} /* MIRSAL AUDIO CATEGORY ICONS — LIGHTWEIGHT SVG */ body.product-index .product-index__subcat-thumb{position:relative!important;background:linear-gradient(145deg,#fff,#f3f6fa)!important;border:1px solid #dbe4ec!important;box-shadow:0 10px 24px rgba(11,47,73,.10)!important} body.product-index .product-index__subcat-thumb>i{display:none!important} body.product-index .product-index__subcat-thumb::after{content:"";display:block;width:58%;height:58%;background-position:center;background-repeat:no-repeat;background-size:contain} body.product-index .product-index__subcat-link[href*="c166228388"] .product-index__subcat-thumb::after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEIyRjQ5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTE0IDM1di01YTE4IDE4IDAgMCAxIDM2IDB2NSIvPjxyZWN0IHg9IjEwIiB5PSIzMyIgd2lkdGg9IjkiIGhlaWdodD0iMTciIHJ4PSI0Ii8+PHJlY3QgeD0iNDUiIHk9IjMzIiB3aWR0aD0iOSIgaGVpZ2h0PSIxNyIgcng9IjQiLz48cGF0aCBkPSJNNTAgNTB2MmMwIDUtNCA4LTkgOGgtNiIvPjwvZz48Y2lyY2xlIGN4PSIzMiIgY3k9IjYwIiByPSIyLjUiIGZpbGw9IiM3NDg2QUQiLz48L3N2Zz4=")} body.product-index .product-index__subcat-link[href*="c898875302"] .product-index__subcat-thumb::after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEIyRjQ5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIyIDEzYy03IDAtMTIgNS0xMiAxMiAwIDYgNCAxMCA5IDEwaDVWMjJoLTUiLz48cGF0aCBkPSJNMjQgMzV2MTZjMCA0LTIgNy02IDdzLTYtMy02LTd2LTMiLz48cGF0aCBkPSJNNDIgMTNjNyAwIDEyIDUgMTIgMTIgMCA2LTQgMTAtOSAxMGgtNVYyMmg1Ii8+PHBhdGggZD0iTTQwIDM1djE2YzAgNCAyIDcgNiA3czYtMyA2LTd2LTMiLz48L2c+PGNpcmNsZSBjeD0iMzIiIGN5PSIxNSIgcj0iMyIgZmlsbD0iIzc0ODZBRCIvPjwvc3ZnPg==")} body.product-index .product-index__subcat-link[href*="c125361831"] .product-index__subcat-thumb::after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEIyRjQ5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxyZWN0IHg9IjE0IiB5PSIxNCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjI1IiByeD0iMyIvPjxwYXRoIGQ9Ik0yNiA0NmgxMk0zMiAzOXY3Ii8+PHJlY3QgeD0iNSIgeT0iMjgiIHdpZHRoPSI3IiBoZWlnaHQ9IjI1IiByeD0iMiIvPjxyZWN0IHg9IjUyIiB5PSIyOCIgd2lkdGg9IjciIGhlaWdodD0iMjUiIHJ4PSIyIi8+PC9nPjxjaXJjbGUgY3g9IjguNSIgY3k9IjQ3IiByPSIyLjUiIGZpbGw9IiM3NDg2QUQiLz48Y2lyY2xlIGN4PSI1NS41IiBjeT0iNDciIHI9IjIuNSIgZmlsbD0iIzc0ODZBRCIvPjwvc3ZnPg==")} body.product-index .product-index__subcat-link[href*="c589438113"] .product-index__subcat-thumb::after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEIyRjQ5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iOSIgeT0iMTIiIHdpZHRoPSIyNSIgaGVpZ2h0PSI0MCIgcng9IjQiLz48Y2lyY2xlIGN4PSIyMS41IiBjeT0iMjciIHI9IjciLz48Y2lyY2xlIGN4PSIyMS41IiBjeT0iNDMiIHI9IjQiLz48cGF0aCBkPSJtNDEgMTcgMTIgMTJNNDQgMTRsMTIgMTJNNDEgMTdsLTggOE01MyAyOWwtOCA4TTM5IDM5bDEwIDEwIi8+PC9nPjxwYXRoIGQ9Ik0xNyAyN2g5IiBzdHJva2U9IiM3NDg2QUQiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+")} body.product-index .product-index__subcat-link[href*="c1628878102"] .product-index__subcat-thumb::after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEIyRjQ5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iMTQiIHk9IjgiIHdpZHRoPSIzNiIgaGVpZ2h0PSI0OCIgcng9IjgiLz48Y2lyY2xlIGN4PSIzMiIgY3k9IjI1IiByPSI5Ii8+PGNpcmNsZSBjeD0iMzIiIGN5PSI0MyIgcj0iNiIvPjxwYXRoIGQ9Ik0yNyAxNGgxMCIvPjwvZz48cGF0aCBkPSJNMjggMjVoOE0zMiAyMXY4IiBzdHJva2U9IiM3NDg2QUQiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+")} body.product-index .product-index__subcat-link[href*="c705541084"] .product-index__subcat-thumb::after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEIyRjQ5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTExIDM1di03YTIxIDIxIDAgMCAxIDQyIDB2NyIvPjxyZWN0IHg9IjgiIHk9IjMyIiB3aWR0aD0iMTIiIGhlaWdodD0iMjAiIHJ4PSI1Ii8+PHJlY3QgeD0iNDQiIHk9IjMyIiB3aWR0aD0iMTIiIGhlaWdodD0iMjAiIHJ4PSI1Ii8+PHBhdGggZD0iTTIwIDQ3YzMgNCA3IDYgMTIgNnM5LTIgMTItNiIvPjwvZz48cGF0aCBkPSJNMjQgMTVjNS0zIDExLTMgMTYgMCIgc3Ryb2tlPSIjNzQ4NkFEIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==")} body.product-index .product-index__subcat-link:hover .product-index__subcat-thumb{transform:translateY(-3px);box-shadow:0 16px 30px rgba(11,47,73,.14)!important} body.product-index .product-index__subcat-thumb{transition:transform .22s ease,box-shadow .22s ease!important} /* MIRSAL PRODUCT ABOVE-FOLD HOTFIX — 2026-09-25 */ @media(min-width:1024px){ body.product-single .product-price-top{display:flex!important} body.product-single .product-price-bottom{display:none!important} body.product-single .sticky-product-bar{border-radius:18px!important} body.product-single .product-single__main-media{height:min(540px,48vw)!important;max-height:540px!important;min-height:460px!important} body.product-single .product-single__slide-image{max-height:500px!important} } /* MIRSAL FOOTER UX FIX — 2026-09-25 */ .store-footer .store-footer__account-column{display:none!important} .store-footer .store-footer__grid{align-items:start!important} @media(min-width:1100px){ .store-footer .store-footer__grid{display:grid!important;grid-template-columns:minmax(260px,1.2fr) minmax(280px,1.25fr) minmax(190px,.85fr) minmax(220px,.9fr)!important;gap:28px 32px!important} .store-footer .store-footer__brand,.store-footer .store-footer__links-column,.store-footer .store-footer__contacts-column,.store-footer .grid-itme{grid-column:auto!important;grid-row:auto!important;margin:0!important} } @media(min-width:768px) and (max-width:1099px){ .store-footer .store-footer__grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important} .store-footer .store-footer__brand,.store-footer .store-footer__links-column,.store-footer .store-footer__contacts-column,.store-footer .grid-itme{grid-column:auto!important;grid-row:auto!important;margin:0!important} } @media(max-width:767px){ .store-footer .store-footer__grid{display:grid!important;grid-template-columns:1fr!important;gap:22px!important} .store-footer .store-footer__brand,.store-footer .store-footer__links-column,.store-footer .store-footer__contacts-column,.store-footer .grid-itme{grid-column:1!important;margin:0!important} } /* MIRSAL PRODUCT PRICE CONSISTENCY — 2026-09-25 */ body.product-single .product-price-top{display:flex!important} body.product-single .product-price-bottom{display:none!important} /* MIRSAL UX PREMIUM V4 — FOOTER + CONTENT HYGIENE — 2026-09-25 */ body.index [component-id="1154100145"]{display:none!important} .store-footer{background:#fff!important;border-top:1px solid var(--mirsal-line)!important;color:var(--mirsal-navy)!important} .store-footer .store-footer__inner{padding:32px 0 22px!important} .store-footer .store-footer__account-column{display:none!important} .store-footer .footer-logo{width:116px!important;height:96px!important;margin:0 0 12px!important;border-radius:18px!important} .store-footer .footer-logo img{width:220px!important;height:220px!important;filter:none!important} .store-footer .store-footer__brand>p{font-size:14px!important;line-height:1.85!important;max-width:360px!important;color:#4d6272!important} .store-footer .footer-title{font-size:17px!important;font-weight:700!important;color:var(--mirsal-navy)!important;margin-bottom:10px!important} .store-footer .footer-list.enhanced_links{gap:0 28px!important} .store-footer .store-footer__menu-link{min-height:44px!important;display:flex!important;align-items:center!important;padding:7px 0!important;font-size:14px!important;line-height:1.5!important;color:#405669!important;transition:color .2s ease,transform .2s ease!important} .store-footer .store-footer__menu-link:hover,.store-footer .store-footer__menu-link:focus-visible{color:var(--mirsal-navy)!important;transform:translateX(-3px)} .store-footer .links-contact{min-height:44px!important;display:flex!important;align-items:center!important;border-radius:10px!important;padding:3px 6px!important} .store-footer .store-footer__bottom{background:var(--mirsal-soft)!important;border-top:1px solid var(--mirsal-line)!important} .store-footer .store-footer__bottom-inner{gap:14px!important;padding-top:14px!important;padding-bottom:14px!important} .store-footer .s-payments-list{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:7px!important} .store-footer .s-payments-list-item{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:36px!important;margin:0!important;padding:6px!important;background:#fff!important;border:1px solid #e7edf2!important;border-radius:10px!important;box-shadow:0 2px 8px rgba(11,47,73,.04)!important} .store-footer .s-payments-list-item img{width:auto!important;height:auto!important;max-width:36px!important;max-height:22px!important;object-fit:contain!important} .store-footer .s-payments-list-item img[alt="stc_pay"]{max-width:38px!important;max-height:14px!important} body.blog-index .mirsal-blog-intro{margin:4px 0 24px;padding:22px 26px;border:1px solid var(--mirsal-line);border-radius:18px;background:linear-gradient(135deg,#fff 0%,var(--mirsal-soft) 100%)} body.blog-index .mirsal-blog-intro h1{font-size:clamp(28px,3vw,42px);line-height:1.3;font-weight:800;color:var(--mirsal-navy);margin:0 0 8px} body.blog-index .mirsal-blog-intro p{margin:0;color:#5b6f7f;font-size:16px;line-height:1.75} @media(min-width:640px) and (max-width:1023px){ .store-footer .store-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 34px!important} .store-footer .store-footer__brand{grid-column:1/-1!important} .store-footer .store-footer__grid>div:not(.store-footer__brand){grid-column:auto!important} .store-footer .footer-logo{margin-inline:auto!important} } @media(max-width:639px){ .store-footer .store-footer__inner{padding:24px 0 14px!important} .store-footer .store-footer__grid{gap:10px!important} .store-footer .footer-logo{width:92px!important;height:78px!important;margin:0 auto 8px!important} .store-footer .footer-logo img{width:178px!important;height:178px!important} .store-footer .store-footer__brand>p{font-size:13px!important;line-height:1.75!important;margin-bottom:10px!important;padding-inline:8px!important} .store-footer .footer-badges{gap:8px!important;margin-top:10px!important} .store-footer .footer-list.enhanced_links{grid-template-columns:1fr!important;gap:0!important} .store-footer .store-footer__menu-link{font-size:14px!important;padding:8px 4px!important} .store-footer .store-footer__bottom-inner{padding:14px 12px 18px!important;gap:12px!important} .store-footer .s-payments-list{gap:6px!important;max-width:310px!important;margin-inline:auto!important} .store-footer .s-payments-list-item{width:46px!important;height:34px!important;padding:6px!important;border-radius:9px!important} #wa-selia{bottom:96px!important;left:16px!important;width:50px!important;height:50px!important;box-shadow:0 8px 22px rgba(11,47,73,.18)!important} body.blog-index .mirsal-blog-intro{margin:0 0 18px;padding:18px 16px;border-radius:16px} body.blog-index .mirsal-blog-intro h1{font-size:28px} body.blog-index .mirsal-blog-intro p{font-size:14px} } /* MIRSAL UX PREMIUM V4.1 — FOOTER LOGO + CONTACT — 2026-09-25 */ .store-footer .footer-logo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;transform:none!important;margin:0!important;object-fit:contain!important;filter:none!important} .store-footer a.mirsal-contact-duplicate{display:none!important} /* MIRSAL UX PREMIUM V4.2 — MOBILE FOOTER COLLISION — 2026-09-25 */ @media(max-width:639px){body.mirsal-footer-visible #wa-selia{opacity:0!important;pointer-events:none!important;transform:translateY(10px)!important}} /* MIRSAL UX PREMIUM V4.5 — TOUCH TARGETS — 2026-09-25 */ .s-button-element.s-button-sm{min-height:44px!important}