@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#171522;--muted:#777486;--line:#e9e7ef;--paper:#f7f7fa;--white:#fff;--purple:#7652e8;--pink:#d94d9d;--blue:#5b70eb;--green:#25d366;--shadow:0 22px 70px rgba(35,22,65,.09);--radius:24px;--font:'Cairo',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.7;overflow-x:hidden}body.lock-scroll{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8b5cf6;outline-offset:3px}.section-wrap{width:min(1180px,calc(100% - 56px));margin-inline:auto}.site-header{width:min(1320px,calc(100% - 48px));margin:0 auto;height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(225,221,236,.8);position:relative;z-index:10}.brand{display:flex;align-items:center;min-width:92px}.brand-logo{display:block;max-width:138px;max-height:52px;object-fit:contain}.header-actions{display:flex;align-items:center;gap:12px}.search-box{width:min(390px,36vw);height:44px;border:1px solid #e5e2ed;border-radius:13px;background:rgba(255,255,255,.78);display:flex;align-items:center;gap:10px;padding:0 13px;transition:border .2s,box-shadow .2s}.search-box:focus-within{border-color:#9a83f1;box-shadow:0 0 0 4px rgba(132,93,240,.08)}.search-box svg,.cart-button svg{width:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.search-box input::placeholder{color:#9a97a5}.search-box kbd{font-size:17px;color:#aaa6b5}.cart-button{height:44px;display:flex;align-items:center;gap:9px;border:1px solid #e5e2ed;border-radius:13px;padding:0 13px;background:white;color:var(--ink);transition:.25s}.cart-button:hover{border-color:#a28bf3;box-shadow:0 5px 20px #7452e81a}.cart-button b{height:22px;min-width:22px;border-radius:7px;background:#f0ebff;color:#6f4be2;font:700 11px Manrope,sans-serif;display:grid;place-items:center;padding:0 5px}.hero{min-height:500px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:36px;padding-top:46px;padding-bottom:42px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#8c7cba;font:800 10px Manrope,var(--font);letter-spacing:1.4px}.hero h1{font-size:clamp(43px,5vw,67px);line-height:1.2;letter-spacing:-1.8px;margin:20px 0 16px;font-weight:900}.button{position:relative;border:1px solid transparent;border-radius:13px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:19px;padding:0 22px;font-weight:800;font-size:12px;overflow:hidden;transition:transform .2s,box-shadow .25s,border-color .25s,background .25s}.button:hover{transform:translateY(-2px)}.button span{font:700 19px Manrope,sans-serif}.button-primary{color:white;background:#7652e8;box-shadow:0 8px 22px rgba(125,78,222,.2)}.button-primary:hover{box-shadow:0 10px 34px rgba(142,77,222,.34)}.button-light{color:#1c1730;background:#fff}.button-light:hover{box-shadow:0 7px 30px #ffffff45}.button-full{width:100%}.catalog{padding:60px 0 90px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:29px}.section-heading h2{font-size:34px;line-height:1.35;margin:7px 0 4px;font-weight:900;letter-spacing:-.8px}.section-heading p{margin:0;color:var(--muted);font-size:12px}.catalog-tools{display:flex;align-items:center;gap:12px;padding-bottom:3px}.products-count{font-size:10px;color:#898596;white-space:nowrap}.catalog-tools select{border:1px solid #e7e3ef;border-radius:10px;padding:10px 12px;background:white;color:#555163;font-size:11px;outline:none;max-width:170px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-card{min-width:0;position:relative;border:1px solid #ece9f2;border-radius:19px;background:#fff;padding:9px;transition:transform .28s,border-color .3s,box-shadow .3s;isolation:isolate}.product-card:hover{transform:translateY(-5px);border-color:#b9a6f3;box-shadow:0 14px 45px #36245d12}.product-visual{aspect-ratio:1/1.03;border-radius:13px;background:#efedf5;overflow:hidden;position:relative;cursor:pointer}.product-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.product-card:hover .product-visual img{transform:scale(1.045)}.quick-code{position:absolute;top:10px;right:10px;border:1px solid #ffffffb5;background:#ffffffcf;backdrop-filter:blur(8px);padding:4px 7px;border-radius:6px;color:#70677f;font:700 9px Manrope,sans-serif;direction:ltr}.quick-add{position:absolute;bottom:10px;left:10px;width:36px;height:36px;border:1px solid #ffffffb5;background:#ffffffdc;color:#514266;border-radius:11px;font-size:22px;line-height:1;transition:.25s}.quick-add:hover{color:white;background:#7652e8;box-shadow:0 0 18px #a36af755}.product-content{padding:13px 6px 7px}.product-topline{display:flex;align-items:center;justify-content:space-between;gap:5px}.product-category{font-size:9px;color:#9b8ab7}.product-name{font-size:14px;margin:4px 0 8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.product-price{font:800 15px Manrope,var(--font);direction:rtl;white-space:nowrap}.product-price small{font:600 10px var(--font);color:#888293}.view-product{border:0;background:none;color:#8874c5;font-weight:800;font-size:10px;padding:4px 0}.empty-state{grid-column:1/-1;min-height:250px;border:1px dashed #dcd5eb;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;color:#938aa1;background:#ffffff70}.empty-state strong{font-size:16px;color:#494157}.empty-state p{font-size:12px;max-width:390px}.empty-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#f0eaff;color:#805ade;font-size:25px;margin-bottom:12px}.loading-card{grid-column:1/-1;display:grid;place-items:center;gap:8px;min-height:180px;color:#8e879c}.loader{width:24px;height:24px;border-radius:50%;border:2px solid #e5ddf5;border-top-color:#8661df;animation:spin 1s linear infinite}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 24px;color:#9690a2;font-size:10px}.notice{border:1px solid #e8ddfc;background:#f6f0ff;padding:12px 15px;border-radius:12px;margin-bottom:18px;color:#665080;font-size:12px}.overlay{position:fixed;inset:0;background:#19112565;backdrop-filter:blur(4px);z-index:30;opacity:0;transition:opacity .25s}.overlay:not([hidden]){display:block;opacity:1}.cart-drawer{position:fixed;z-index:31;top:0;bottom:0;left:0;width:min(460px,100%);background:#fdfcff;box-shadow:20px 0 70px #130b251c;transform:translateX(-105%);transition:transform .3s ease;display:flex;flex-direction:column;padding:27px 25px 22px}.cart-drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:21px;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:22px;margin:4px 0 0;font-weight:900}.drawer-head h2 span{font:600 11px Manrope,sans-serif;color:#91899f}.icon-button{width:36px;height:36px;border:1px solid #e6e1ef;border-radius:12px;background:#fff;color:#62566f;font-size:23px;line-height:1;display:grid;place-items:center;transition:.2s}.icon-button:hover{border-color:#b7a2ef;color:#7652e8}.cart-items{flex:1;overflow:auto;padding:15px 0}.cart-item{display:grid;grid-template-columns:78px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid #f0edf5;align-items:center}.cart-item img{width:78px;height:78px;border-radius:12px;object-fit:cover;background:#f3effb}.cart-item-title{font-weight:800;font-size:12px;margin-bottom:3px;line-height:1.5}.cart-item-code{font:700 9px Manrope,sans-serif;color:#998dad;direction:ltr;text-align:right}.cart-item-price{font:800 12px Manrope,sans-serif;margin-top:5px}.cart-item-actions{display:flex;align-items:center;gap:6px;margin-top:7px}.mini-qty{display:flex;align-items:center;border:1px solid #e8e3ef;border-radius:8px;overflow:hidden;height:26px}.mini-qty button{border:0;background:white;width:24px;height:26px;color:#7255b5}.mini-qty span{min-width:21px;text-align:center;font:700 10px Manrope,sans-serif}.remove-item{border:0;background:transparent;color:#b5aabd;font-size:10px;padding:4px}.remove-item:hover{color:#d34d8b}.cart-footer{border-top:1px solid var(--line);padding-top:18px}.total-line{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7c748b}.total-line strong{font:800 22px Manrope,var(--font);color:var(--ink)}.cart-footer>p{font-size:10px;color:#9a93a5;margin:5px 0 16px}.cart-empty{height:100%;min-height:240px;display:grid;place-content:center;text-align:center;color:#9890a4}.cart-empty b{font-size:16px;color:#4d435b}.cart-empty span{font-size:12px}.modal-wrap[hidden]{display:none}.modal-wrap{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:24px}.modal-backdrop{position:absolute;inset:0;background:#1b122e72;backdrop-filter:blur(5px);animation:fadeIn .18s}.product-modal,.checkout-modal{position:relative;z-index:1;background:#fff;border:1px solid #ffffff80;border-radius:24px;box-shadow:0 30px 100px #12092536;animation:modalIn .25s ease-out;max-height:calc(100dvh - 48px);overflow:auto}.product-modal{width:min(850px,100%);display:grid;grid-template-columns:1fr 1fr;direction:rtl;padding:13px;gap:24px}.modal-close{position:absolute;top:13px;left:13px;z-index:3;background:#ffffffdb}.modal-image{align-self:stretch;min-height:380px;background:#f4f0fa;border-radius:17px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.modal-image>img{width:100%;height:100%;min-height:380px;object-fit:cover;display:block}.image-index{position:absolute;right:12px;top:12px;padding:4px 8px;border-radius:7px;background:#ffffffd9;font:700 10px Manrope,sans-serif;color:#6c627b}.image-thumbs{position:absolute;bottom:12px;left:12px;right:12px;display:flex;gap:7px;justify-content:center}.image-thumbs button{padding:0;width:42px;height:42px;overflow:hidden;border:2px solid #ffffffaa;border-radius:9px;background:#fff;opacity:.8}.image-thumbs button.active{border-color:#8060e3;opacity:1;box-shadow:0 0 0 2px #8060e333}.image-thumbs img{width:100%;height:100%;object-fit:cover}.modal-info{padding:34px 17px 22px 10px}.product-code{display:block;font:700 10px Manrope,sans-serif;direction:ltr;text-align:right;color:#9689a9;margin-top:13px}.modal-info h2{font-size:26px;line-height:1.4;margin:5px 0}.modal-price{font:800 26px Manrope,var(--font);margin:8px 0 13px}.modal-info>p{font-size:12px;line-height:2;color:#888195;margin:0 0 18px;white-space:pre-line}.field-label{font-size:11px;font-weight:800;display:block;margin:15px 0 8px}.size-picker{display:flex;flex-wrap:wrap;gap:7px}.size-picker button{width:37px;height:35px;background:white;border:1px solid #e4deed;border-radius:9px;font:700 11px Manrope,sans-serif;color:#5e536c}.size-picker button.selected{border-color:#8762df;background:#f5efff;color:#714ed5;box-shadow:0 0 0 2px #8e65ed16}.qty-control{display:flex;align-items:center;width:128px;height:40px;border:1px solid #e5deef;border-radius:11px;overflow:hidden;margin-bottom:18px}.qty-control button{border:0;background:white;width:38px;height:100%;font-size:19px;color:#7652e8}.qty-control input{width:50px;text-align:center;border:0;outline:0;font:700 13px Manrope,sans-serif;color:var(--ink);appearance:textfield}.qty-control input::-webkit-inner-spin-button{-webkit-appearance:none}.micro-note{font-size:10px!important;color:#a39bac!important;text-align:center;margin:10px 0 0!important}.checkout-modal{width:min(450px,100%);padding:34px 30px 26px}.checkout-modal h2{font-size:25px;font-weight:900;margin:7px 0 2px}.checkout-intro{color:#888195;font-size:11px;margin:0 0 22px}.form-field{display:block;margin-bottom:14px}.form-field>span{display:block;font-size:11px;font-weight:800;margin-bottom:7px}.form-field i{color:#d94d9d;font-style:normal}.form-field small{color:#a29baa;font-weight:500}.form-field input{width:100%;height:44px;border:1px solid #e5e0ed;border-radius:11px;background:#fdfcff;padding:0 13px;outline:0;font-size:12px;transition:.2s}.form-field input:focus{border-color:#9d83eb;box-shadow:0 0 0 3px #9065e918}.form-field input::placeholder{color:#b5afc0}.checkout-summary{display:flex;align-items:center;justify-content:space-between;background:#f8f5fd;border:1px solid #efebf7;padding:12px 13px;border-radius:11px;margin:19px 0;font-size:11px;color:#80758f}.checkout-summary strong{font:800 17px Manrope,var(--font);color:#30263f}.whatsapp-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.whatsapp-icon path:nth-child(2){fill:currentColor;stroke:white;stroke-width:.3}.form-error{color:#b42358;background:#fff0f5;border:1px solid #f6cddd;border-radius:9px;padding:9px 11px;font-size:11px;margin-bottom:12px}.toast{position:fixed;z-index:90;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#241936;color:#fff;border:1px solid #ffffff20;box-shadow:0 10px 35px #1a102c22;padding:11px 17px;border-radius:12px;font-size:12px;max-width:calc(100% - 32px);transition:.25s;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes modalIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hero{gap:18px}.section-wrap{width:calc(100% - 42px)}}@media(max-width:720px){.site-header{width:calc(100% - 30px);height:auto;min-height:72px;flex-wrap:wrap;padding:13px 0;gap:12px}.brand-logo{max-width:105px;max-height:42px}.header-actions{gap:8px}.search-box{width:min(54vw,350px);height:40px;padding:0 10px}.search-box input{font-size:10px}.search-box kbd{display:none}.cart-button{height:40px;padding:0 10px;gap:6px;font-size:11px}.cart-button svg{width:16px}.section-wrap{width:calc(100% - 30px)}.hero{grid-template-columns:1fr;padding-top:24px;gap:0;min-height:auto}.hero h1{font-size:clamp(38px,10vw,57px);margin-top:15px}.catalog{padding:45px 0 55px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.section-heading h2{font-size:29px}.catalog-tools{width:100%;justify-content:space-between}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-card{padding:6px;border-radius:15px}.product-visual{border-radius:10px}.quick-code{top:7px;right:7px;font-size:8px}.quick-add{bottom:7px;left:7px;width:31px;height:31px;border-radius:9px}.product-content{padding:10px 4px 5px}.product-name{font-size:12px;margin:4px 0 7px}.product-price{font-size:13px}.view-product{font-size:9px}.site-footer{flex-wrap:wrap;justify-content:space-between}.site-footer>span:nth-child(2){display:none}.cart-drawer{padding:22px 17px 18px}.product-modal{grid-template-columns:1fr;gap:0;padding:9px;width:min(470px,100%);max-height:calc(100dvh - 24px)}.modal-wrap{padding:12px}.modal-image{min-height:220px;max-height:34vh}.modal-image>img{min-height:220px;max-height:34vh}.modal-info{padding:17px 13px 15px}.modal-info h2{font-size:22px}.modal-price{font-size:22px;margin:5px 0}.modal-info>p{font-size:11px;margin-bottom:10px}.field-label{margin:10px 0 6px}.qty-control{margin-bottom:12px}.modal-close{top:10px;left:10px}.checkout-modal{padding:30px 20px 22px;width:min(440px,100%);max-height:calc(100dvh - 24px)}.checkout-modal h2{font-size:23px}}@media(max-width:380px){.search-box{width:46vw}.search-box input::placeholder{font-size:9px}.product-bottom{align-items:flex-start;flex-direction:column;gap:1px}.view-product{align-self:flex-end}.product-grid{gap:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* ===== v2: solid background, simplified hero, footer buttons, full-ratio modal image ===== */
img{max-width:100%}
.brand{flex-shrink:0}
.hero{display:block;min-height:0;padding:56px 0 6px;text-align:center}
.hero h1{margin:0;font-size:clamp(28px,4.6vw,52px);line-height:1.4;letter-spacing:-.5px;font-weight:900;color:var(--ink)}
.catalog{padding:30px 0 70px}
.section-heading h2{margin:0 0 4px}
.button-primary:hover{background:#6841d8}
.site-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:30px 0 40px;border-top:1px solid var(--line);color:inherit;font-size:inherit}
.footer-btn{min-height:46px;padding:0 26px;border:1px solid #e1dcea;border-radius:13px;background:#fff;color:var(--ink);font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,border-color .2s,color .2s}
.footer-btn:hover,.footer-btn[aria-current]{border-color:var(--purple);color:var(--purple)}
.footer-btn:hover{transform:translateY(-2px)}
.policies-page{min-height:50vh}
.modal-image{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-height:380px;background:#f1eff6}
.modal-image>img{flex:0 1 auto;width:100%;height:auto;min-height:0;max-height:min(72dvh,640px);object-fit:contain;display:block}
.image-thumbs{position:static;padding:10px 12px 12px;flex-wrap:wrap}
.image-thumbs button{width:46px;height:46px}
.image-index{z-index:2}
.pending-orders{margin:0 0 12px;padding:10px 12px;border:1px solid #e8ddfc;background:#f6f0ff;border-radius:12px;font-size:11px;line-height:1.9;color:#665080}
.pending-orders b{font-family:Manrope,sans-serif;direction:ltr;unicode-bidi:embed}
@media(min-width:1400px){.site-header{width:min(1320px,calc(100% - 48px))}}
@media(max-width:720px){
  .hero{padding:34px 0 0}
  .catalog{padding:22px 0 45px}
  .site-footer{flex-direction:column;align-items:stretch;padding:24px 0 30px}
  .footer-btn{width:100%}
  .modal-image{min-height:0}
  .modal-image>img{min-height:0;max-height:44dvh}
  .image-thumbs button{width:40px;height:40px}
}
@media(max-width:380px){.hero h1{font-size:26px}}
