/* Wara2a & Qalam — Professional V2 UI layer */
:root{--pro:#123c35;--pro2:#1d6659;--accent:#ef6c3c;--paper:#fbfaf7;--ring:rgba(18,60,53,.12)}
body{background:linear-gradient(180deg,#fff 0,#fbfaf7 42%,#fff 100%)}
.site-header{box-shadow:0 8px 35px rgba(20,50,44,.055)}
.header-main{gap:20px}.brand-mark{background:linear-gradient(145deg,#0f342e,#25675a)}
.search-box{border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.login-main{border-radius:15px;transition:.2s}.login-main:hover,.cart-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(18,60,53,.09)}
.hero{border:1px solid rgba(18,60,53,.07);box-shadow:0 32px 90px rgba(18,60,53,.14)}
.hero-copy{position:relative}.hero-copy:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(239,108,60,.07);right:-65px;top:-70px}
.primary-action{background:linear-gradient(135deg,#123c35,#20695b)}
.category,.product,.seller-card,.service-strip,.track-box{box-shadow:0 12px 34px rgba(29,52,46,.055)}
.product{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.product:hover{transform:translateY(-7px);box-shadow:0 23px 48px rgba(29,52,46,.13);border-color:#c8d5cf}
.product-media{overflow:hidden}.product-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.04));pointer-events:none}
.wishlist{z-index:3;background:rgba(255,255,255,.94)!important;box-shadow:0 6px 18px rgba(0,0,0,.08)}.wishlist.active{background:#fff0ec!important;color:#d94f25!important;border-color:#ffc7b7!important}.wishlist.active:after{content:"♥";position:absolute;inset:0;display:grid;place-items:center}.wishlist.active{font-size:0}
.products-heading{align-items:center}.catalog-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.catalog-tools select,.favorites-filter{height:39px;border:1px solid #dce4df;background:#fff;border-radius:12px;padding:0 12px;font-size:10px;font-weight:800;color:#31463f}.favorites-filter.active{background:var(--green);color:#fff;border-color:var(--green)}
.quick-view-btn{position:absolute;right:12px;bottom:12px;z-index:4;border:0;border-radius:11px;background:rgba(18,60,53,.92);color:#fff;padding:8px 11px;font-size:9px;font-weight:900;opacity:0;transform:translateY(5px);transition:.2s}.product:hover .quick-view-btn{opacity:1;transform:none}
.quick-modal{position:fixed;inset:0;z-index:300;background:rgba(8,24,21,.62);backdrop-filter:blur(5px);display:none;place-items:center;padding:18px}.quick-modal.open{display:grid}.quick-card{width:min(760px,100%);background:#fff;border-radius:27px;overflow:hidden;display:grid;grid-template-columns:1fr 1.1fr;box-shadow:0 35px 100px rgba(0,0,0,.28);position:relative}.quick-photo{min-height:390px;background:#f0f2ee center/cover no-repeat;display:grid;place-items:center;font-size:90px}.quick-body{padding:32px}.quick-body small{color:#7a8782}.quick-body h2{font-size:26px;line-height:1.45;margin:9px 0}.quick-price{font-size:24px;font-weight:950;color:var(--green);margin:20px 0}.quick-body .primary-action{width:100%;justify-content:center}.quick-close{position:absolute;top:12px;left:12px;width:37px;height:37px;border-radius:50%;border:1px solid #e0e5e2;background:#fff;font-size:20px;z-index:2}
.pro-trust{margin-top:20px;padding:13px 16px;border-radius:16px;background:#edf6f2;color:#244c42;font-size:10px;display:flex;gap:16px;flex-wrap:wrap}.pro-trust span{font-weight:800}
@media(max-width:820px){.announcement-extra,.desktop-only{display:none}.announcement-inner{justify-content:center}.announcement-inner>span:first-child{display:none}.header-main{height:auto;padding:12px 0;grid-template-columns:1fr auto;gap:10px}.brand-copy small{display:none}.brand-copy strong{font-size:18px}.brand-mark{width:42px;height:42px}.search-box{grid-column:1/-1;grid-row:2}.header-actions{gap:7px}.login-main{padding:7px 10px}.login-main small,.cart-label{display:none}.nav-row{overflow:auto}.main-nav{gap:18px;min-width:max-content}.management-link{display:none}.hero{grid-template-columns:1fr;min-height:auto;border-radius:24px}.hero-copy{padding:35px 25px}.hero h1{font-size:35px;letter-spacing:-1px}.hero-visual{min-height:310px}.hero-proof{gap:22px}.service-strip{grid-template-columns:repeat(2,1fr)}.service-strip article:nth-child(2):after{display:none}.categories{display:flex;overflow:auto;padding-bottom:8px}.category{min-width:116px}.offer-grid{grid-template-columns:1fr}.campaign-number{font-size:82px;left:30px}.section-heading{align-items:flex-start}.products-heading{flex-direction:column}.filterbar{width:100%;overflow:auto;display:flex}.catalog-tools{width:100%}.catalog-tools select,.favorites-filter{flex:1}.quick-view-btn{opacity:1;transform:none}.quick-card{grid-template-columns:1fr}.quick-photo{min-height:230px}.quick-body{padding:22px}.quick-body h2{font-size:21px}}