/* Elori UI Refresh v2 — Qaleb 2 | preserve original components and behavior */
:root{--el2-purple:#7e37a9;--el2-purple-deep:#632789;--el2-teal:#159a93;--el2-ink:#273044;--el2-muted:#737d91;--el2-line:#e8e9f1;--el2-surface:#fff;--el2-shadow:0 16px 38px rgba(42,32,73,.10)}
body{background:linear-gradient(180deg,#f6f7fc 0%,#fbfbfd 380px,#f7f8fc 100%);color:var(--el2-ink);-webkit-font-smoothing:antialiased}
/* Header and navigation */
.main-header.default{background:#fff;box-shadow:0 9px 28px rgba(49,32,73,.07);border-bottom:1px solid #efedf4}
.main-header .top-header{background:linear-gradient(100deg,#5e277f,#8036a7 58%,#9c4db6);color:#fff}
.main-header .top-header a{color:#fff}
.main-header .top-headermenu{padding-top:9px;padding-bottom:9px}
.main-header .header_search>input{background:#f9f8fc;border:1px solid #e7e2ed;border-radius:15px;box-shadow:none;transition:box-shadow .2s,border-color .2s,background-color .2s}
.main-header .header_search>input:focus{background:#fff;border-color:#a77ac4;box-shadow:0 0 0 4px rgba(126,55,169,.10);outline:0}
.main-header .main-menu{background:#fff;border-top:1px solid #f1edf5}
.main-header .main-menu .nav-link{border-radius:9px;transition:background-color .18s,color .18s}
.main-header .main-menu .nav-link:hover{background:#f7f0fb;color:var(--el2-purple)}
.main-header .btn-cart-header-style,.main-header .btn-neutral.logintrigger{border-radius:12px;transition:transform .18s,box-shadow .18s}
.main-header .btn-cart-header-style:hover,.main-header .btn-neutral.logintrigger:hover{transform:translateY(-2px);box-shadow:0 7px 17px rgba(71,44,91,.12)}
/* Hero slider and promotional imagery */
.main.default>.container:first-child{margin-top:17px}
.main-slider{border-radius:20px;overflow:hidden;box-shadow:0 15px 36px rgba(43,34,76,.13)}
.main-slider .slide,.main-slider .owl-stage-outer{border-radius:20px;overflow:hidden}
.main-slider img{display:block;border-radius:20px}
.banner-box{display:block;border-radius:17px;overflow:hidden;box-shadow:0 6px 20px rgba(49,38,83,.09);transition:transform .23s,box-shadow .23s}
.banner-box figure{margin:0;overflow:hidden;border-radius:17px}
.banner-box figure img{display:block;width:100%;border-radius:17px;transition:transform .33s ease}
.banner-box:hover{transform:translateY(-3px);box-shadow:0 14px 29px rgba(49,38,83,.15)}
.banner-box:hover figure img{transform:scale(1.045)}
/* Home content sections: cleaner surfaces, tighter headings, premium depth */
.product-container .row{background:#fff;border:1px solid #eeebf4;border-radius:20px;padding:0 32px 28px;box-shadow:0 10px 28px rgba(51,39,77,.065)}
.product-container .offer-box-header{margin-top:27px;margin-bottom:26px}
.product-container .section-title-dralipor{color:#503366;border-right:4px solid var(--el2-purple);padding-right:13px;font-weight:800;letter-spacing:-.2px}
.offer-box-homepage .section-title-dralipor{color:#4b325d;font-weight:800}
.offer-box-header .more-product,.product-container .more-product{border:1px solid #eadcf3;background:#faf6fd;border-radius:999px;padding:7px 14px;color:var(--el2-purple);text-decoration:none;transition:background .18s,border-color .18s}
.offer-box-header .more-product:hover,.product-container .more-product:hover{background:#f1e7f7;border-color:#d7bfe9}
/* Product tiles — original sizes, sliders and action icons stay intact */
.product-box,.product-container .product-box,.offer-box-homepage .product-box{background:#fff;border:1px solid #ebe8f0;border-radius:18px;box-shadow:0 4px 13px rgba(42,32,73,.04);overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s}
.product-box:hover,.product-container .product-box:hover,.offer-box-homepage .product-box:hover{transform:translateY(-5px);border-color:#d9c6e6;box-shadow:var(--el2-shadow)}
.product-box .product-box-img{background:linear-gradient(180deg,#fff,#fdfbfe)}
.product-box .product-box-img img{max-width:100%;object-fit:contain}
.product-box .product-box-content{padding:13px 13px 17px}
.product-box-title a{color:#3d3449;font-weight:700;line-height:1.9}
.product-box-title a:hover{color:var(--el2-purple)}
.product-box .price-box{border-top:1px solid #f0edf4;padding-top:9px}
.product-box .salestag{border-radius:10px;box-shadow:0 5px 12px rgba(189,55,87,.13)}
.product-container.variable-tabs .nav-item>.nav-link{border-radius:12px;transition:background .18s,box-shadow .18s}
.product-container.variable-tabs .nav-item>.nav-link.active.show{box-shadow:0 6px 15px rgba(126,55,169,.18)}
.product-brand{border:1px solid #f0edf4;border-radius:15px;background:#fff;padding:10px;transition:transform .2s,box-shadow .2s}
.product-brand:hover{transform:translateY(-3px);box-shadow:0 9px 19px rgba(49,38,83,.10)}
/* Golden offer, when it exists, keeps the SAME desktop columns and offer structure */
.offer-box-homepage.elori-golden-section .GoldOfferCol{background:#fff;border:1px solid #f0e7d5;border-radius:20px;padding:0 30px 26px;box-shadow:0 9px 25px rgba(93,68,25,.075)}
.elori-golden-section .GoldOfferCol .offer-box-header{margin-bottom:25px}
.elori-golden-section .GoldOfferCol .section-title-dralipor{color:#815b20}
.elori-golden-section .GoldOfferCol .section-title-dralipor:before{content:'✦';display:inline-block;margin-left:9px;color:#d9a03e}
.elori-golden-section .OfferSection .nav-pills{margin-bottom:20px!important;gap:6px}
.elori-golden-section .OfferSection .nav-pills .nav-item .nav-link{background:#f7f1e8;color:#785b36;border:1px solid #eadbc5;border-radius:10px;padding:11px 15px}
.elori-golden-section .OfferSection .nav-pills .nav-item .nav-link.active{background:linear-gradient(105deg,#d49c43,#f1c979);color:#563b15;border-color:#d5a858}
.elori-golden-section .OfferSection .OffersectionContent .tab-pane{border:1px solid #f1e3c8;background:linear-gradient(145deg,#fff,#fffcf6);border-radius:16px}
.elori-golden-section .salesprice-offer{border-radius:10px}
/* No golden offers: 4 banners become a full-width 2x2 grid, no empty offer card */
.elori-golden-section.elori-golden-section--banners-only .elori-golden-banners{flex:0 0 100%;max-width:100%;width:100%;padding-right:15px;padding-left:15px}
.elori-golden-section.elori-golden-section--banners-only .elori-golden-banner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}
.elori-golden-section.elori-golden-section--banners-only .elori-golden-banner-item{max-width:none;flex:none;width:auto;padding:0;margin:0!important;min-width:0}
.elori-golden-section.elori-golden-section--banners-only .elori-golden-banner-item .banner-box{height:100%}
.elori-golden-section.elori-golden-section--banners-only .elori-golden-banner-item img{width:100%;height:auto;display:block;object-fit:cover}
/* Footer and interactive polish */
.main-footer .footer-top-bar{background:linear-gradient(100deg,#f4eef9,#eef7f7);border-top:1px solid #eee4f3}
.main-footer .footer-widgets{padding-top:16px}
.main-footer .footer-title{color:#58356e;font-weight:800}
.main-footer .subscribe input[type=email]{border-radius:12px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--el2-purple);outline-offset:3px}
@media(max-width:991px){.product-container .row{padding:0 18px 20px}.elori-golden-section .GoldOfferCol{margin-bottom:16px}.main-slider{border-radius:15px}.main-slider img{border-radius:15px}}
@media(max-width:575px){.product-container .row{padding:0 10px 16px;border-radius:15px}.product-container .section-title-dralipor{font-size:17px}.product-box,.product-container .product-box{border-radius:13px}.elori-golden-section.elori-golden-section--banners-only .elori-golden-banner-grid{gap:9px}.elori-golden-section.elori-golden-section--banners-only .elori-golden-banners{padding-right:10px;padding-left:10px}.banner-box,.banner-box figure,.banner-box figure img{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.product-box,.banner-box,.banner-box figure img,.product-brand{transition:none!important;transform:none!important}}