/* Add custom CSS styles below */ 
/* Atlas: move wishlist heart below the logo on product cards */
.s-product-card-image .s-product-card-wishlist-btn{top:auto!important;bottom:10px!important}
/* Atlas: dark, always-visible wishlist heart */
salla-button.s-product-card-wishlist-btn,.s-product-card-wishlist-btn.s-button-element{opacity:1!important}
button.s-product-card-wishlist-btn.s-button-element{background:#fff!important;border:1.5px solid #1b1b1b!important;box-shadow:0 4px 12px rgba(0,0,0,.22)!important}
.s-product-card-wishlist-btn .sicon-heart{color:#111!important;font-size:18px!important;font-weight:700!important}
.s-product-card-wishlist-btn.favorited .sicon-heart,.s-product-card-wishlist-btn.added .sicon-heart{color:#db0000!important}
/* Atlas: footer centered in brand red (Asnas style) */
.store-footer{background:linear-gradient(165deg,#c40000 0%,#9e0000 100%)!important;color:#fff!important;border:0!important}
.store-footer *{color:inherit}
.store-footer__inner{background:transparent!important;padding:56px 0 30px!important}
.store-footer__inner>.container{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:30px!important}
.store-footer__inner>.container>div{width:100%;max-width:720px;padding:0!important;display:flex;flex-direction:column;align-items:center}
.store-footer h3,.store-footer .s-contacts-title{color:#fff!important;font-size:21px!important;font-weight:800!important;margin:0 0 14px!important}
.store-footer .max-w-sm{max-width:640px!important;margin:0 auto 18px!important;font-size:15px;line-height:2;color:rgba(255,255,255,.9)!important}
.store-footer .hidden.lg\:block{display:none!important}
.store-footer .lg\:hidden.contact-social{display:block!important;margin-top:22px}
.store-footer .s-menu-footer-list{display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px 26px}
.store-footer .s-menu-footer-item{color:rgba(255,255,255,.92)!important;font-size:14px;margin:0!important}
.store-footer .s-menu-footer-item:hover{color:#fff!important;text-decoration:underline}
.store-footer salla-contacts{display:block;width:100%;border-top:1.5px dashed rgba(255,255,255,.45);padding-top:26px}
.store-footer .s-contacts-title{display:none!important}
.store-footer .s-contacts-list,.store-footer #contact-slot{display:flex!important;flex-direction:row!important;flex-wrap:wrap;justify-content:center;gap:12px}
.store-footer .s-contacts-item{display:inline-flex!important;align-items:center;gap:9px;margin:0!important;padding:9px 18px;border:1.5px solid rgba(255,255,255,.75);border-radius:11px;color:#fff!important;font-size:14px;transition:background .2s}
.store-footer .s-contacts-item:hover{background:rgba(255,255,255,.14)}
.store-footer .s-contacts-icon{display:inline-grid!important;place-items:center;width:auto!important;height:auto!important;background:none!important;border:0!important;margin:0!important}
.store-footer .s-contacts-icon svg{fill:#fff!important;width:17px;height:17px}
.store-footer .s-social-list{display:flex!important;justify-content:center;flex-wrap:wrap;gap:12px}
.store-footer .s-social-list a{display:grid!important;place-items:center;width:44px;height:44px;border:1.5px solid rgba(255,255,255,.75);border-radius:50%;margin:0!important}
.store-footer .s-social-list svg{fill:#fff!important}
.store-footer>div:last-child{flex-direction:column!important;display:flex!important;align-items:center;gap:16px;border-top:1.5px dashed rgba(255,255,255,.45);padding:22px 16px 26px!important;max-width:none!important;width:100%}
.store-footer .copyright-text p{color:rgba(255,255,255,.85)!important;margin:0!important}
.store-footer .copyright-text a{color:#fff!important;font-weight:700}
.store-footer .s-payments-list{display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px}
.store-footer .s-payments-list li{background:#fff;border-radius:10px;padding:6px 10px;margin:0!important}
.store-footer salla-trust-badges{display:flex;justify-content:center}
@media(max-width:767px){.store-footer__inner{padding:40px 0 22px!important}.store-footer .s-menu-footer-list{flex-direction:column;gap:12px}}
.store-footer>div:has(.copyright-text){display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:16px;border-top:1.5px dashed rgba(255,255,255,.45);padding:22px 16px 26px!important;max-width:none!important;width:100%}
.store-footer salla-apps-icons:not(:has(*)){display:none!important}
.store-footer__inner{padding-bottom:36px!important}
/* Atlas: static pages (policies, contact) */
.page-single .content-entry{font-size:15.5px;line-height:2;color:#2b2b2b}
.page-single .content-entry h2{position:relative;font-size:21px!important;font-weight:800!important;color:#1b1b1b!important;margin:30px 0 14px!important;padding-right:14px}
.page-single .content-entry h2::before{content:"";position:absolute;right:0;top:.2em;bottom:.2em;width:5px;border-radius:4px;background:#db0000}
.page-single .content-entry ul{list-style:none!important;padding:0!important;margin:0 0 18px!important;display:grid;gap:10px}
.page-single .content-entry ul li{position:relative;list-style:none!important;padding:12px 46px 12px 16px!important;background:#faf7f6;border:1px solid #f0e9e7;border-radius:12px;margin:0!important}
.page-single .content-entry ul li::before{content:"";position:absolute;right:15px;top:18px;width:19px;height:19px;border-radius:50%;background:#db0000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}
.page-single .content-entry ul li strong{color:#b90000}
.page-single .content-entry blockquote{position:relative;margin:20px 0!important;padding:14px 50px 14px 16px!important;border:1px solid #f3d98f!important;background:#fffaeb;border-radius:12px;color:#5c4400!important;font-size:14.5px;font-style:normal}
.page-single .content-entry blockquote::before{content:"";position:absolute;right:16px;top:16px;width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b07d00' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E") center/contain no-repeat}
.page-single .content-entry a[href^="tel:"],.page-single .content-entry a[href^="mailto:"]{display:flex!important;align-items:center;gap:14px;max-width:460px;padding:12px 16px;margin:8px 0;border:1.5px solid #f0c7c7;border-radius:14px;background:#fff6f6;color:#1b1b1b!important;text-decoration:none!important;font-weight:800;font-size:16.5px;transition:border-color .2s,box-shadow .2s,transform .2s}
.page-single .content-entry a[href^="tel:"]:hover,.page-single .content-entry a[href^="mailto:"]:hover{border-color:#db0000;box-shadow:0 10px 24px -16px rgba(219,0,0,.6);transform:translateY(-2px)}
.page-single .content-entry a[href^="tel:"]::before,.page-single .content-entry a[href^="mailto:"]::before{content:"";flex:none;width:42px;height:42px;border-radius:12px;background:#db0000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center/20px no-repeat}
.page-single .content-entry a[href^="mailto:"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpath d='M22 6l-10 7L2 6'/%3E%3C/svg%3E")}
.page-single .content-entry > p:last-child:has(> strong:only-child){margin-top:26px!important;padding-top:16px;border-top:1px solid #eee7e5;color:#6b6b6b}
@media(max-width:767px){.page-single .content-entry{font-size:14.5px}.page-single .content-entry a[href^="tel:"],.page-single .content-entry a[href^="mailto:"]{font-size:15px;max-width:none}}
/* Atlas: square white product images (no side gaps) */
.s-product-card-vertical .s-product-card-image{height:auto!important;aspect-ratio:1/1!important;background:#fff!important}
.s-product-card-vertical .s-product-card-image>a{display:block;height:100%}
.s-product-card-vertical .s-product-card-image img{width:100%!important;height:100%!important;object-fit:contain!important;background:#fff}
/* Atlas: keep sliders moving on touch screens (tap leaves a sticky :hover on phones) */
@media (hover:none){#ax-x-hero:hover .ax-x-slide,#ax-x-hero:hover .ax-x-dots i,.ax-x-marq:hover .ax-x-track,.ax-x-brow:hover .ax-x-btrack{animation-play-state:running!important}}
/* Atlas: add-to-cart button with hover/press animation */
salla-add-product-button .s-button-element:not(.s-button-disabled):not([disabled]){position:relative;overflow:hidden;isolation:isolate;border-radius:12px!important;background:#fff6f6!important;border:1.5px solid #f0c7c7!important;color:#b90000!important;font-weight:800!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .18s ease}
salla-add-product-button .s-button-element:not(.s-button-disabled):not([disabled])::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#e60000,#b30000);transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
salla-add-product-button .s-button-element:not(.s-button-disabled):not([disabled])::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;z-index:0;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);opacity:0}
salla-add-product-button .s-button-element:not(.s-button-disabled):not([disabled]):is(:hover,:active,:focus-visible){color:#fff!important;border-color:#cc0000!important;box-shadow:0 12px 24px -12px rgba(219,0,0,.75);transform:translateY(-2px)}
salla-add-product-button .s-button-element:not(.s-button-disabled):not([disabled]):is(:hover,:active,:focus-visible)::before{transform:scaleX(1)}
salla-add-product-button .s-button-element:not(.s-button-disabled):not([disabled]):is(:hover,:active,:focus-visible)::after{animation:axCartShine .75s ease .1s}
salla-add-product-button .s-button-element:not(.s-button-disabled):not([disabled]):is(:hover,:active,:focus-visible) *{color:#fff!important;fill:currentColor}
salla-add-product-button .s-button-element:not(.s-button-disabled):not([disabled]):is(:hover,:active,:focus-visible) i{animation:axCartBag .55s ease}
salla-add-product-button .s-button-element:not(.s-button-disabled):not([disabled]):active{transform:scale(.96)!important;box-shadow:0 6px 14px -8px rgba(219,0,0,.8)}
salla-add-product-button .s-button-element:not(.s-button-disabled):not([disabled]) .s-button-text{position:relative;z-index:1}
@keyframes axCartShine{0%{left:-70%;opacity:1}100%{left:130%;opacity:1}}
@keyframes axCartBag{0%,100%{transform:none}30%{transform:translateY(-3px) rotate(-12deg)}60%{transform:translateY(0) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){salla-add-product-button .s-button-element::before,salla-add-product-button .s-button-element::after,salla-add-product-button .s-button-element i{transition:none!important;animation:none!important}}
/* Atlas: product card border-trace on hover/touch */
@property --axb{syntax:"<angle>";inherits:false;initial-value:0deg}
.s-product-card-entry{position:relative}
.s-product-card-entry::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;padding:2px;background:conic-gradient(from 0deg,#db0000 0 var(--axb),transparent var(--axb) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);--axb:0deg;opacity:0;transition:--axb 1.1s cubic-bezier(.45,.05,.25,1),opacity .2s}
.s-product-card-entry:is(:hover,:focus-within,:active)::after{--axb:360deg;opacity:1}
.s-product-card-entry:is(:hover,:focus-within,:active){box-shadow:0 18px 36px -24px rgba(219,0,0,.45)!important}
@media(prefers-reduced-motion:reduce){.s-product-card-entry::after{transition:opacity .2s}}
/* Atlas: hero headline size on desktop (room for arrows) */
@media(min-width:768px){.ax-x-copy h1{font-size:clamp(34px,3.4vw,52px)!important}}
/* Atlas: room inside product sliders so the card frame/shadow is never clipped */
salla-products-slider .swiper.s-slider-container{padding:8px 0 16px!important;margin-top:-8px}
/* Atlas: about page brand logos */
.content-entry p:has(>img){display:flex!important;flex-wrap:wrap;justify-content:center;gap:14px;margin:18px 0 22px!important;padding:0!important;border:0!important}
.content-entry p:has(>img)>img{flex:0 0 calc(25% - 10.5px);width:0;min-width:0;max-width:none;height:100px;object-fit:contain;background:#fff;border:1px solid #eee7e5;border-radius:18px;padding:14px;box-shadow:0 12px 26px -20px rgba(0,0,0,.4);margin:0!important;transition:transform .2s}
.content-entry p:has(>img)>img:hover{transform:translateY(-3px)}
@media(max-width:767px){.content-entry p:has(>img){gap:8px}.content-entry p:has(>img)>img{flex:0 0 calc(33.33% - 5.34px);height:66px;padding:8px;border-radius:12px}}