/* ضع هنا كامل أكواد CSS التي كانت بين <style> و </style> في الكود الأصلي */
:root{
    --cream:#F5F7F5;
    --soil:#181A19;
    --clay:#1F5E3B;
    --olive:#1F5E3B;
    --sand:#E8ECE9;
    --gold:#C9A227;
    --white:#FFFFFF;
    --radius:22px;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Tajawal',sans-serif;
    background:var(--cream);
    color:var(--soil);
    overflow-x:hidden;
  }
  .display{font-family:'El Messiri',serif;}
  a{text-decoration:none;color:inherit;}
  ul{list-style:none;}
  button{cursor:pointer;border:none;font-family:inherit;}
  img{max-width:100%;}

  header{
    position:sticky;top:0;z-index:50;
    background:rgba(245,247,245,0.92);
    backdrop-filter:blur(8px);
    border-bottom:1px solid rgba(31,94,59,0.1);
  }
  .nav-wrap{
    max-width:1200px;margin:0 auto;padding:16px 24px;
    display:flex;align-items:center;justify-content:space-between;gap:24px;
    position:relative;
  }
  .logo{display:flex;align-items:center;}
  .header-logo-img{height:65px;width:auto;mix-blend-mode:multiply;}

  nav.links{display:flex;gap:28px;font-weight:600;font-size:.98rem;}
  nav.links a{position:relative;padding:4px 0;transition:color .2s;}
  nav.links a:hover{color:var(--clay);}
  .nav-icons{display:flex;align-items:center;gap:14px;position:relative;}
  .icon-btn{position:relative;width:38px;height:38px;border-radius:50%;background:var(--sand);display:flex;align-items:center;justify-content:center;transition:transform .25s, box-shadow .25s;}
  .icon-btn:hover{transform:translateY(-3px) scale(1.08) rotate(-6deg);box-shadow:0 8px 16px -6px rgba(0,0,0,.3);}
  .icon-btn:active{transform:scale(.92);}
  .lang-btn{
    width:auto;border-radius:50px;padding:0 16px;font-weight:800;font-size:.85rem;
    background:var(--soil);color:var(--cream);height:38px;
  }
  .lang-btn:hover{transform:translateY(-3px);background:#15452A;}

  @keyframes float{
    0%,100%{transform:translateY(0) rotate(0deg);}
    50%{transform:translateY(-14px) rotate(3deg);}
  }
  @keyframes pop-in{
    0%{opacity:0;transform:scale(.6);}
    100%{opacity:1;transform:scale(1);}
  }
  .cart-count{position:absolute;top:-6px;left:-6px;background:var(--gold);color:#fff;font-size:.65rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
  .menu-toggle{display:none;background:none;font-size:1.6rem;color:var(--soil);}

  .account-dropdown{
    position:absolute;top:50px;left:0;background:var(--white);border-radius:16px;
    box-shadow:0 14px 30px -10px rgba(0,0,0,.25);padding:18px;width:220px;
    display:none;flex-direction:column;gap:10px;z-index:60;
  }
  .account-dropdown.open{display:flex;animation:pop-in .2s ease;}
  .account-dropdown a{font-weight:700;padding:10px 12px;border-radius:10px;background:var(--cream);text-align:center;}
  .account-dropdown a:hover{background:var(--sand);}
  .account-dropdown p{font-size:.78rem;opacity:.6;text-align:center;}

  /* --- السلة والمفضلة --- */
  .cart-overlay, .wishlist-overlay{
    position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;
    transition:opacity .25s;z-index:90;
  }
  .cart-overlay.open, .wishlist-overlay.open{opacity:1;visibility:visible;}
  .cart-drawer, .wishlist-drawer{
    position:fixed;top:0;left:-380px;width:340px;max-width:88vw;height:100%;
    background:var(--white);z-index:95;box-shadow:8px 0 30px rgba(0,0,0,.2);
    transition:left .3s ease;display:flex;flex-direction:column;
  }
  .cart-drawer.open, .wishlist-drawer.open{left:0;}
  html[dir="rtl"] .cart-drawer, html[dir="rtl"] .wishlist-drawer{left:auto;right:-380px;transition:right .3s ease;box-shadow:-8px 0 30px rgba(0,0,0,.2);}
  html[dir="rtl"] .cart-drawer.open, html[dir="rtl"] .wishlist-drawer.open{right:0;left:auto;}
  
  .cart-head, .wishlist-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--sand);}
  .cart-head h3, .wishlist-head h3{font-family:'El Messiri',serif;font-size:1.3rem;color:var(--clay);}
  .cart-close, .wishlist-close{background:var(--sand);width:32px;height:32px;border-radius:50%;font-size:1.1rem;color:var(--clay);display:flex;align-items:center;justify-content:center;}
  .cart-items, .wishlist-items{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px;}
  .cart-empty, .wishlist-empty{text-align:center;opacity:.6;padding:40px 10px;font-size:.95rem;}
  .cart-line, .wishlist-line{display:flex;align-items:center;gap:10px;background:var(--cream);border-radius:14px;padding:12px;}
  .cart-line .ci-emoji, .wishlist-line .ci-emoji{font-size:1.6rem;}
  .cart-line .ci-info, .wishlist-line .ci-info{flex:1;}
  .cart-line .ci-info h5, .wishlist-line .ci-info h5{font-size:.92rem;font-weight:700;margin-bottom:4px;}
  .cart-line .ci-info span, .wishlist-line .ci-info span{font-size:.85rem;color:var(--clay);font-weight:600;}
  .cart-qty-ctrl{display:flex;align-items:center;gap:6px;background:var(--sand);padding:4px 6px;border-radius:8px;}
  .cart-qty-ctrl button{background:var(--white);width:22px;height:22px;border-radius:4px;font-weight:bold;font-size:1rem;color:var(--soil);display:flex;align-items:center;justify-content:center;transition:background 0.2s;}
  .cart-qty-ctrl button:hover{background:#ccc;}
  .cart-qty-ctrl span{font-size:0.85rem;font-weight:bold;min-width:14px;text-align:center;}
  .cart-line .ci-remove, .wishlist-line .ci-remove{background:none;color:#e63946;font-size:1.4rem;font-weight:700;margin-inline-start:4px;}
  .cart-foot{padding:18px 20px;border-top:1px solid var(--sand);}
  .cart-total{display:flex;justify-content:space-between;font-weight:800;margin-bottom:14px;font-size:1.05rem;color:var(--clay);}
  .cart-foot .btn-primary{width:100%;text-align:center;display:block;}
  
  .wishlist-actions{display:flex;gap:6px;margin-top:8px;}
  .wishlist-actions button, .wishlist-actions a{flex:1;padding:6px;font-size:0.78rem;border-radius:6px;text-align:center;font-weight:700;}
  .wl-add-cart{background:var(--clay);color:#fff;}
  .wl-wa-order{background:#25D366;color:#fff;}

  /* --- Toast --- */
  .toast{
    position:fixed;
    bottom:30px;
    left:50%;
    transform:translateX(-50%) translateY(20px);
    background:var(--clay);
    color:#fff;
    padding:12px 22px;
    border-radius:50px;
    font-size:.9rem;
    opacity:0;
    pointer-events:none;
    transition:.3s;
    z-index:999;
    box-shadow:0 10px 24px rgba(31,94,59,.3);
    text-align:center;
    white-space:nowrap;
  }
  .toast.show{
    opacity:1;
    transform:translateX(-50%) translateY(0);
  }

  .hero{
    max-width:1200px;margin:0 auto;padding:64px 24px 90px;
    display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;
    position:relative;
  }
  .hero-text h1{font-family:'El Messiri',serif;font-weight:700;font-size:3.4rem;line-height:1.25;color:var(--soil);}
  .hero-text h1 em{color:var(--gold);font-style:normal;}
  .hero-text p{margin:22px 0 32px;font-size:1.12rem;line-height:1.9;color:#4A524D;max-width:480px;}
  .cta-row{display:flex;gap:14px;flex-wrap:wrap;}
  .btn-primary{
    background:var(--clay);color:#fff;padding:15px 34px;border-radius:50px;
    font-weight:700;font-size:1rem;transition:background .2s, transform .2s;
    box-shadow:0 10px 24px -8px rgba(31,94,59,.4);
  }
  .btn-primary:hover{background:#15452A;transform:translateY(-2px);}
  .btn-ghost{background:transparent;color:var(--clay);padding:15px 28px;border-radius:50px;font-weight:700;border:2px solid var(--clay); transition:all .2s;}
  .btn-ghost:hover{background:var(--clay);color:var(--white);}

  .hero-visual{position:relative;height:380px;}
  .blob{position:absolute;border-radius:42% 58% 65% 35% / 45% 40% 60% 55%;background:radial-gradient(circle at 35% 30%,#F0F4F1,#D9E2DC 80%);}
  .blob.b1{width:320px;height:320px;top:10px;right:30px;}
  .hero-logo-display{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;}
  .hero-logo-img{width:280px;height:auto;mix-blend-mode:multiply;animation:float 5s ease-in-out infinite;}

  .wave-divider{display:block;width:100%;height:60px;}
  .wave-divider path{fill:var(--white);}

  .section{max-width:1200px;margin:0 auto;padding:70px 24px;}
  .section-head{text-align:center;margin-bottom:48px;}
  .eyebrow{color:var(--gold);font-weight:700;letter-spacing:1px;font-size:.9rem;}
  .section-head h2{font-family:'El Messiri',serif;font-size:2.4rem;margin-top:8px;color:var(--clay);}

  .categories{background:var(--white);}
  .cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;}
  .cat-item{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;transition:transform .25s;}
  .cat-item:hover{transform:translateY(-6px);}
  .cat-circle{
    width:96px;height:96px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;font-size:2.2rem;
    box-shadow:0 12px 22px -10px rgba(31,94,59,.25);
    transition:transform .35s cubic-bezier(.34,1.56,.64,1);
  }
  .cat-item:hover .cat-circle{transform:scale(1.12) rotate(-8deg);}
  .cat-item span{font-weight:700;font-size:.92rem;color:var(--soil);}

  .promo{
    background:linear-gradient(120deg,#153B24,#1F5E3B);
    color:var(--cream);border-radius:32px;max-width:1200px;margin:0 auto;
    padding:48px 50px;display:flex;align-items:center;justify-content:space-between;
    gap:30px;flex-wrap:wrap;
  }
  .promo h3{font-family:'El Messiri',serif;font-size:2.1rem;color:var(--gold);}
  .promo p{margin-top:10px;opacity:.85;max-width:420px;}
  .promo .btn-primary{background:var(--gold);color:#fff;box-shadow:none;}
  .promo .btn-primary:hover{background:#B38F1F;}

  .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
  .why-card{
    background:var(--white);border-radius:var(--radius);padding:30px 22px;text-align:center;
    box-shadow:0 6px 18px -10px rgba(31,94,59,.15);transition:transform .25s;
  }
  .why-card:hover{transform:translateY(-6px);}
  .why-icon{font-size:2.4rem;margin-bottom:14px;}
  .why-card h4{font-family:'El Messiri',serif;font-size:1.08rem;margin-bottom:8px;color:var(--clay);}
  .why-card p{font-size:.88rem;color:#4A524D;line-height:1.7;}

  .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .info-card{background:var(--sand);border-radius:var(--radius);padding:28px 24px;}
  .info-card h4{font-family:'El Messiri',serif;font-size:1.05rem;margin-bottom:10px;color:var(--clay);}
  .info-card p{font-size:.9rem;color:#4A524D;line-height:1.75;}

  /* --- البحث والتصفية المتطورة --- */
  .search-filter-wrap{
    margin-bottom:40px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:20px;
  }
  .search-box{
    width:100%;
    max-width:600px;
    position:relative;
  }
  .search-box input{
    width:100%;
    padding:14px 20px;
    border-radius:50px;
    border:2px solid var(--sand);
    font-family:inherit;
    font-size:1rem;
    background:var(--white);
    outline:none;
    transition:border-color 0.3s;
  }
  .search-box input:focus{
    border-color:var(--clay);
  }
  
  .advanced-filters {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:12px;
    width:100%;
    max-width:900px;
  }
  .advanced-filters input, .advanced-filters select {
    padding:10px 16px;
    border-radius:50px;
    border:2px solid var(--sand);
    font-family:inherit;
    font-size:0.95rem;
    background:var(--white);
    outline:none;
    transition:border-color 0.3s;
    flex:1;
    min-width:140px;
  }
  .advanced-filters input:focus, .advanced-filters select:focus {
    border-color:var(--clay);
  }
  
  .available-filter-label {
    display:flex;
    align-items:center;
    gap:8px;
    font-size:0.92rem;
    font-weight:700;
    cursor:pointer;
    background:var(--white);
    padding:10px 18px;
    border-radius:50px;
    border:2px solid var(--sand);
    user-select:none;
  }
  .available-filter-label input {
    min-width:auto;
    flex:none;
    cursor:pointer;
    width:16px;
    height:16px;
  }

  .filter-reset-btn {
    padding:10px 20px;
    font-size:0.95rem;
    border-radius:50px;
    flex-shrink:0;
  }

  .filter-cats{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
  }
  .filter-btn{
    background:var(--white);
    border:2px solid var(--sand);
    padding:8px 18px;
    border-radius:50px;
    font-weight:700;
    font-size:0.9rem;
    color:var(--clay);
    transition:all 0.2s;
  }
  .filter-btn:hover{
    background:var(--sand);
    color:var(--clay);
  }
  .filter-btn.active{
    background:var(--clay);
    color:var(--white);
    border-color:var(--clay);
  }
  .no-results{
    text-align:center;
    font-size:1.1rem;
    font-weight:700;
    color:var(--clay);
    margin-top:20px;
    display:none;
    width:100%;
  }

  .prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
  .prod-card{
    background:var(--white);border-radius:var(--radius);overflow:hidden;
    box-shadow:0 6px 18px -10px rgba(31,94,59,.15);
    transition:transform .25s, box-shadow .25s;
    cursor:pointer;
    position:relative;
  }
  .prod-card:hover{transform:translateY(-6px);box-shadow:0 16px 28px -12px rgba(31,94,59,.25);}
  .prod-thumb{
    height:160px;display:flex;align-items:center;justify-content:center;font-size:3.4rem;
    transition:transform .35s cubic-bezier(.34,1.56,.64,1);
    position:relative;overflow:hidden;
  }
  .prod-card:hover .prod-thumb{transform:scale(1.15) rotate(4deg);}
  .prod-thumb .prod-img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  }
  .prod-thumb .prod-emoji-fallback{
    display:none;position:absolute;inset:0;align-items:center;justify-content:center;font-size:3.4rem;
  }
  .prod-body{padding:18px;}
  .prod-cat{color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.5px;}
  .prod-body h4{margin:6px 0 6px;font-size:1.02rem;font-weight:700;color:var(--soil);}
  .prod-foot{display:flex;align-items:center;justify-content:space-between;}
  .price{font-weight:800;color:var(--clay);font-size:1.1rem;}
  
  .price-old{
    text-decoration:line-through;
    color:#8CA095;
    font-size:0.85rem;
    margin-inline-start:6px;
    font-weight:500;
  }
  .discount-expiry-note{
    display:block;
    margin-top:4px;
    font-size:0.75rem;
    color:#e63946;
    font-weight:700;
    line-height:1.4;
  }
  .prod-badge{
    position:absolute;
    top:12px;
    right:12px;
    background:#e63946;
    color:#fff;
    font-size:0.72rem;
    font-weight:800;
    padding:4px 10px;
    border-radius:50px;
    z-index:2;
    box-shadow:0 4px 10px rgba(0,0,0,0.15);
  }
  html[dir="ltr"] .prod-badge { right:auto; left:12px; }

  .out-of-stock-badge{
    position:absolute;
    inset:0;
    background:rgba(255,255,255,0.75);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:3;
  }
  .out-of-stock-text{
    background:var(--clay);
    color:#fff;
    padding:6px 14px;
    border-radius:50px;
    font-weight:700;
    font-size:0.8rem;
  }

  .add-btn{
    width:38px;height:38px;border-radius:50%;background:var(--gold);color:#fff;
    font-size:1.3rem;display:flex;align-items:center;justify-content:center;
    transition:background .2s, transform .2s;
  }
  .add-btn:hover{background:#B38F1F;transform:scale(1.15) rotate(90deg);}
  .add-btn:disabled{
    background:#ccc;
    cursor:not-allowed;
    transform:none !important;
  }
  
  .prod-wishlist-btn{
    position:absolute;
    top:12px;
    left:12px;
    z-index:4;
    background:var(--white);
    width:32px;
    height:32px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:0.95rem;
    box-shadow:0 4px 10px rgba(0,0,0,0.1);
    transition:transform 0.2s;
  }
  html[dir="ltr"] .prod-wishlist-btn { left:auto; right:12px; }
  .prod-wishlist-btn:hover{transform:scale(1.15);}
  .prod-wishlist-btn.active{background:#ffebef;}
  
  .prod-rating{
    color:#FFD700;
    font-size:0.85rem;
    margin-bottom:6px;
    display:flex;
    gap:2px;
  }

  /* --- Modal --- */
  .modal-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.5);
    backdrop-filter:blur(4px);
    z-index:100;
    opacity:0;
    visibility:hidden;
    transition:opacity 0.3s, visibility 0.3s;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:20px;
  }
  .modal-overlay.open{
    opacity:1;
    visibility:visible;
  }
  .modal-box{
    background:var(--white);
    border-radius:30px;
    width:100%;
    max-width:440px;
    padding:30px;
    position:relative;
    transform:scale(0.9);
    transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow:0 20px 40px rgba(0,0,0,0.2);
    text-align:center;
    max-height:92vh;
    overflow-y:auto;
  }
  .modal-overlay.open .modal-box{
    transform:scale(1);
  }
  .modal-close{
    position:absolute;
    top:16px;
    left:16px;
    background:var(--sand);
    width:34px;
    height:34px;
    border-radius:50%;
    font-size:1.2rem;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    color:var(--clay);
    z-index:10;
  }
  html[dir="ltr"] .modal-close{ left:auto; right:16px; }
  .modal-emoji{
    font-size:5rem;
    margin-bottom:10px;
    display:inline-block;
    background:var(--cream);
    width:120px;
    height:120px;
    line-height:130px;
    border-radius:50%;
  }
  .modal-img{
    width:120px;
    height:120px;
    border-radius:50%;
    object-fit:cover;
    display:none;
    margin-bottom:10px;
  }
  .modal-cat{
    font-size:0.85rem;
    color:var(--gold);
    font-weight:700;
    margin-bottom:4px;
  }
  .modal-title{
    font-family:'El Messiri',serif;
    font-size:1.6rem;
    margin-bottom:4px;
    color:var(--clay);
  }
  .modal-price{
    font-size:1.4rem;
    font-weight:800;
    color:var(--clay);
    margin-bottom:12px;
  }
  .modal-desc{
    font-size:0.95rem;
    color:#4A524D;
    line-height:1.6;
    margin-bottom:20px;
  }
  
  .modal-qty-container{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:20px;
  }
  .modal-qty-label{
    font-weight:700;
    font-size:0.9rem;
    color:var(--soil);
  }

  .modal-action-btns {
    display:flex;
    flex-direction:column;
    gap:10px;
  }
  .modal-add-btn{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
  }
  .modal-direct-wa{
    background:#25D366;
    color:#fff;
    box-shadow:none;
  }
  .modal-direct-wa:hover{
    background:#1ebe57;
  }
  
  .modal-share-btn {
    background:var(--sand);
    color:var(--soil);
    box-shadow:none;
  }
  .modal-share-btn:hover {
    background:#d3d9d5;
  }
  
  .related-products-section {
    margin-top:24px;
    padding-top:20px;
    border-top:1px dashed var(--sand);
    text-align:start;
  }
  .related-products-section h4 {
    font-family:'El Messiri',serif;
    color:var(--clay);
    margin-bottom:12px;
    font-size:1.1rem;
  }
  .related-grid {
    display:flex;
    flex-direction:column;
    gap:8px;
  }
  .related-item {
    display:flex;
    align-items:center;
    gap:10px;
    background:var(--cream);
    padding:8px 12px;
    border-radius:12px;
    cursor:pointer;
    transition:background 0.2s;
  }
  .related-item:hover {
    background:var(--sand);
  }
  .related-item-thumb {
    width:40px;
    height:40px;
    border-radius:8px;
    object-fit:cover;
    background:var(--white);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.3rem;
  }
  .related-item-info {
    flex:1;
  }
  .related-item-info h5 {
    font-size:0.88rem;
    font-weight:700;
    color:var(--soil);
  }
  .related-item-info span {
    font-size:0.8rem;
    color:var(--clay);
    font-weight:700;
  }

  /* --- Checkout Form --- */
  .form-group {
    margin-bottom:14px;
    text-align:start;
  }
  .form-group label {
    display:block;
    margin-bottom:5px;
    font-weight:700;
    font-size:0.88rem;
    color:var(--soil);
  }
  .form-group input, .form-group select, .form-group textarea {
    width:100%;
    padding:11px 14px;
    border-radius:12px;
    border:2px solid var(--sand);
    font-family:inherit;
    font-size:0.95rem;
    background:#fff;
    outline:none;
    transition:border-color 0.2s;
  }
  .form-group input:focus, .form-group select:focus, .form-group textarea:focus {
    border-color:var(--clay);
  }
  .checkout-summary-box {
    background:var(--cream);
    border-radius:16px;
    padding:14px;
    margin:18px 0;
    font-size:0.92rem;
  }
  .summary-row {
    display:flex;
    justify-content:space-between;
    margin-bottom:6px;
  }
  .summary-row.total-row {
    font-weight:800;
    font-size:1.05rem;
    border-top:1px dashed var(--sand);
    padding-top:8px;
    margin-top:8px;
    color:var(--clay);
  }
  
  .min-order-alert {
    background:#ffebef;
    color:#e63946;
    padding:10px 14px;
    border-radius:12px;
    font-size:0.88rem;
    font-weight:700;
    margin-bottom:14px;
    display:none;
    text-align:center;
  }

  /* --- حفظ بيانات العميل --- */
  .saved-customer-box{
    background:var(--cream);
    border:1px solid var(--sand);
    border-radius:16px;
    padding:12px 14px;
    margin-bottom:14px;
  }
  .saved-customer-label{
    display:flex;
    align-items:center;
    gap:8px;
    font-weight:700;
    font-size:.9rem;
    color:var(--soil);
    cursor:pointer;
    user-select:none;
  }
  .saved-customer-label input{
    width:16px;
    height:16px;
    accent-color:var(--clay);
    flex-shrink:0;
  }
  .clear-saved-details-btn{
    margin-top:10px;
    background:transparent;
    color:var(--clay);
    font-weight:700;
    font-size:.85rem;
    text-decoration:underline;
    padding:0;
  }
  .clear-saved-details-btn:hover{
    color:#15452A;
  }

  /* --- قسم كيف تطلب --- */
  .albostan-how-to-section{
    max-width:1200px;
    margin:0 auto;
    padding:70px 24px;
  }
  .albostan-how-to-box{
    background:var(--white);
    border-radius:32px;
    padding:38px 28px;
    box-shadow:0 6px 18px -10px rgba(31,94,59,.15);
  }
  .albostan-steps-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:16px;
    margin-top:26px;
  }
  .albostan-step-card{
    background:var(--cream);
    border:1px solid var(--sand);
    border-radius:18px;
    padding:18px 14px;
    text-align:center;
  }
  .albostan-step-icon{
    font-size:2rem;
    margin-bottom:8px;
  }
  .albostan-step-card h4{
    font-family:'El Messiri',serif;
    color:var(--clay);
    font-size:1rem;
    margin-bottom:6px;
  }
  .albostan-step-card p{
    font-size:.88rem;
    color:#4A524D;
    line-height:1.7;
  }
  .albostan-cod-note{
    margin-top:22px;
    background:#EAF7EF;
    color:var(--clay);
    border:1px solid rgba(31,94,59,.15);
    border-radius:18px;
    padding:14px 18px;
    text-align:center;
    font-weight:700;
    line-height:1.8;
  }

  /* --- آخر طلب --- */
  .last-order-box{
    margin-top:22px;
    background:var(--cream);
    border:1px solid var(--sand);
    border-radius:18px;
    padding:16px;
    text-align:start;
  }
  .last-order-box h4{
    font-family:'El Messiri',serif;
    color:var(--clay);
    margin-bottom:8px;
    font-size:1.1rem;
  }
  .last-order-box p{
    color:#4A524D;
    font-size:.9rem;
    line-height:1.7;
    margin-bottom:6px;
  }
  .last-order-actions{
    display:flex;
    gap:10px;
    margin-top:12px;
    flex-wrap:wrap;
  }
  .last-order-actions button{
    flex:1;
    min-width:160px;
    padding:11px 16px;
    border-radius:50px;
    font-weight:700;
  }
  .last-order-track-btn{
    background:#25D366;
    color:#fff;
  }
  .last-order-repeat-btn{
    background:var(--clay);
    color:#fff;
  }

  .faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px;}
  .faq-item{
    background:var(--white);border-radius:18px;overflow:hidden;
    box-shadow:0 4px 14px -8px rgba(31,94,59,.15);
  }
  .faq-question{
    width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:18px 22px;font-weight:700;font-size:1rem;background:none;
    text-align:start;color:var(--clay);
  }
  .faq-question .faq-icon{transition:transform .3s;font-size:1.3rem;flex-shrink:0;color:var(--gold);}
  .faq-item.open .faq-question .faq-icon{transform:rotate(45deg);}
  .faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease;padding:0 22px;}
  .faq-item.open .faq-answer{max-height:300px;padding-bottom:18px;}
  .faq-answer p{font-size:.92rem;color:#4A524D;line-height:1.75;}

  .wa-float{
    position:fixed;bottom:24px;right:24px;width:58px;height:58px;border-radius:50%;
    background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;
    font-size:1.7rem;box-shadow:0 10px 24px -6px rgba(0,0,0,.35);z-index:80;
    transition:transform .25s;
  }
  .wa-float:hover{transform:scale(1.1);}
  
  .back-to-top {
    position:fixed;
    bottom:94px;
    right:24px;
    width:44px;
    height:44px;
    border-radius:50%;
    background:var(--clay);
    color:var(--white);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.2rem;
    box-shadow:0 6px 16px rgba(0,0,0,0.2);
    z-index:80;
    opacity:0;
    visibility:hidden;
    transition:all 0.3s ease;
  }
  .back-to-top.show {
    opacity:1;
    visibility:visible;
  }
  .back-to-top:hover {
    background:#15452A;
    transform:translateY(-3px);
  }
  html[dir="ltr"] .wa-float { right:auto; left:24px; }
  html[dir="ltr"] .back-to-top { right:auto; left:24px; }

  .track-order-section {
    background:var(--white);
    border-radius:32px;
    max-width:1200px;
    margin:0 auto 40px;
    padding:40px 24px;
    text-align:center;
    box-shadow:0 6px 18px -10px rgba(31,94,59,.15);
  }
  .track-order-section h3 {
    font-family:'El Messiri',serif;
    font-size:1.8rem;
    color:var(--clay);
    margin-bottom:10px;
  }
  .track-order-section p {
    color:#4A524D;
    margin-bottom:20px;
    font-size:0.95rem;
  }
  .track-form {
    display:flex;
    max-width:500px;
    margin:0 auto;
    gap:10px;
  }
  .track-form input {
    flex:1;
    padding:14px 18px;
    border-radius:50px;
    border:2px solid var(--sand);
    font-family:inherit;
    font-size:.95rem;
    outline:none;
  }
  .track-form input:focus {
    border-color:var(--clay);
  }
  .track-form button {
    background:#25D366;
    color:var(--white);
    padding:14px 24px;
    border-radius:50px;
    font-weight:700;
  }
  .track-form button:hover {
    background:#1ebe57;
  }

  .customer-order-result{max-width:760px;margin:20px auto 0;text-align:start;}
  .customer-order-card{background:var(--cream);border:1px solid var(--sand);border-radius:22px;padding:18px;box-shadow:0 8px 20px -14px rgba(31,94,59,.22);}
  .customer-order-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px;}
  .customer-order-head strong{color:var(--clay);direction:ltr;display:inline-block;}
  .customer-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:800;background:#fff7e6;color:#9a5a00;}
  .customer-status-paid{background:#eaf7ef;color:#1F5E3B;}
  .customer-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;}
  .customer-order-info{background:#fff;border:1px solid rgba(31,94,59,.08);border-radius:14px;padding:10px 12px;line-height:1.7;color:#4A524D;overflow-wrap:anywhere;}
  .customer-order-info b{color:var(--clay);display:block;font-size:.84rem;}
  .customer-order-items{background:#fff;border:1px dashed rgba(31,94,59,.16);border-radius:16px;padding:12px;margin:12px 0;}
  .customer-order-item{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(31,94,59,.08);line-height:1.6;}
  .customer-order-item:last-child{border-bottom:none;}
  .customer-order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
  .customer-order-actions button{flex:1;min-width:160px;padding:12px 16px;border-radius:50px;font-weight:800;}
  .customer-order-secondary{background:var(--sand);color:var(--clay);}
  .customer-order-message{max-width:760px;margin:18px auto 0;padding:14px 16px;border-radius:16px;background:#fff7e6;color:#6a4600;font-weight:700;line-height:1.8;text-align:center;}
  @media(max-width:680px){.customer-order-grid{grid-template-columns:1fr;}.customer-order-head{display:block;}.customer-order-item{display:block;}.customer-order-actions{flex-direction:column;}}

  .newsletter{background:var(--sand);border-radius:32px;max-width:1200px;margin:0 auto 70px;padding:50px;text-align:center;}
  .newsletter h3{font-family:'El Messiri',serif;font-size:2rem;margin-bottom:10px;color:var(--clay);}
  .newsletter p{color:#4A524D;margin-bottom:26px;}
  .news-form{display:flex;max-width:460px;margin:0 auto;gap:10px;}
  .news-form input{flex:1;padding:14px 18px;border-radius:50px;border:none;font-family:inherit;font-size:.95rem;}
  .news-form button{background:var(--clay);color:var(--white);padding:14px 28px;border-radius:50px;font-weight:700;}

  footer{background:#112E1D;color:var(--cream);}
  .foot-wrap{max-width:1200px;margin:0 auto;padding:60px 24px 30px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;}
  .foot-wrap h5{font-size:1.05rem;margin-bottom:18px;color:var(--gold);}
  .foot-wrap ul li{margin-bottom:10px;opacity:.85;font-size:.92rem;}
  .foot-wrap ul li:hover{opacity:1;color:var(--gold);}
  .foot-logo{margin-bottom:14px;}
  .footer-logo-img{height:70px;width:auto;background:var(--white);padding:6px;border-radius:12px;}
  .foot-wrap p.about{opacity:.75;font-size:.9rem;line-height:1.8;max-width:280px;}
  .copyright{border-top:1px solid rgba(255,255,255,.08);padding:20px 24px;text-align:center;font-size:.85rem;opacity:.65;}

  /* Skeleton Loading */
  .skeleton-card {
    background:var(--white);
    border-radius:var(--radius);
    overflow:hidden;
    padding:18px;
    height:300px;
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  .skeleton-thumb {
    height:140px;
    background:#eef1ef;
    border-radius:14px;
    position:relative;
    overflow:hidden;
  }
  .skeleton-line {
    height:14px;
    background:#eef1ef;
    border-radius:4px;
    position:relative;
    overflow:hidden;
  }
  .skeleton-line.w-50 { width: 50%; }
  .skeleton-line.w-75 { width: 75%; }
  .skeleton-line.w-30 { width: 30%; }
  
  .skeleton-thumb::after, .skeleton-line::after {
    content:'';
    position:absolute;
    inset:0;
    transform:translateX(-100%);
    background:linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
    animation:shimmer 1.5s infinite;
  }
  @keyframes shimmer {
    100% { transform:translateX(100%); }
  }

  @media (max-width:980px){
    .hero{grid-template-columns:1fr;}
    .hero-visual{height:260px;}
    .cat-grid{grid-template-columns:repeat(3,1fr);}
    .prod-grid{grid-template-columns:repeat(2,1fr);}
    .foot-wrap{grid-template-columns:1fr 1fr;}
    .why-grid{grid-template-columns:repeat(2,1fr);}
    .info-grid{grid-template-columns:1fr;}
    .albostan-steps-grid{grid-template-columns:repeat(2,1fr);}
  }

  @media (max-width:680px){
    nav.links{
      display:none;
      position:absolute;
      top:86px;
      inset-inline:24px;
      background:#F5F7F5;
      padding:18px 22px;
      border-radius:18px;
      box-shadow:0 12px 28px rgba(0,0,0,.14);
      flex-direction:column;
      gap:16px;
      z-index:70;
    }
    nav.links.mobile-open{
      display:flex;
    }
    nav.links a{
      padding:10px 6px;
      font-size:1rem;
    }
    .menu-toggle{
      display:flex;
      align-items:center;
      justify-content:center;
      width:38px;
      height:38px;
      border-radius:50%;
      background:var(--sand);
      font-size:1.5rem;
      line-height:1;
      color:var(--soil);
    }
    .hero-text h1{font-size:2.3rem;}
    .promo{flex-direction:column;text-align:center;}
    .foot-wrap{grid-template-columns:1fr;}
    .news-form{flex-direction:column;}
    .prod-grid{grid-template-columns:1fr;}
    .why-grid{grid-template-columns:1fr;}
    .wa-float{width:52px;height:52px;font-size:1.5rem;bottom:18px;right:18px;}
    .back-to-top{bottom:80px;right:18px;width:38px;height:38px;font-size:1rem;}
    html[dir="ltr"] .wa-float { right:auto; left:18px; }
    html[dir="ltr"] .back-to-top { right:auto; left:18px; }
    .advanced-filters { flex-direction: column; }
    .filter-reset-btn { width: 100%; }
    .track-form { flex-direction: column; }
    .albostan-steps-grid{grid-template-columns:1fr;}
    .last-order-actions{flex-direction:column;}
  }

  @media (min-width:681px){
    nav.links{
      display:flex !important;
      position:static;
      background:transparent;
      padding:0;
      box-shadow:none;
      flex-direction:row;
    }
  }

  /* --- قسم تحميل التطبيق --- */
  .download-app-section{
    max-width:1200px;
    margin:0 auto;
    padding:50px 24px;
  }
  .download-app-box{
    background:linear-gradient(135deg, #1a4d2e, #1F5E3B 60%, #2a7a4a);
    border-radius:32px;
    padding:44px 36px;
    text-align:center;
    color:var(--cream);
    box-shadow:0 12px 30px -10px rgba(31,94,59,.35);
  }
  .download-app-box h2{
    font-family:'El Messiri',serif;
    font-size:2.2rem;
    margin-bottom:12px;
    color:var(--gold);
  }
  .download-app-box .download-desc{
    font-size:1.05rem;
    opacity:.9;
    max-width:560px;
    margin:0 auto 28px;
    line-height:1.8;
  }
  .download-app-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:var(--gold);
    color:#fff;
    padding:16px 36px;
    border-radius:50px;
    font-weight:700;
    font-size:1.1rem;
    transition:background .2s, transform .2s;
    box-shadow:0 8px 20px -6px rgba(201,162,39,.4);
  }
  .download-app-btn:hover{
    background:#B38F1F;
    transform:translateY(-2px);
  }
  .download-app-note{
    margin-top:18px;
    font-size:.85rem;
    opacity:.75;
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
    line-height:1.7;
  }

  @media (max-width:680px){
    .download-app-box{
      padding:32px 20px;
    }
    .download-app-box h2{
      font-size:1.7rem;
    }
    .download-app-btn{
      font-size:1rem;
      padding:14px 28px;
    }
  }

  /* FINAL AlBostan soft luxury update */
  body{background:radial-gradient(circle at 10% 5%,rgba(216,184,78,.14),transparent 30%),linear-gradient(135deg,#FBFAF4,#EEF5EF 60%,#FBF7E9);}
  .hero-visual{height:auto;}.hero-banner-img{width:100%;border-radius:32px;box-shadow:0 28px 65px -45px rgba(24,26,25,.65);object-fit:cover;display:block;border:1px solid rgba(31,94,59,.10);}
  .cat-item{background:rgba(255,255,255,.65);border:1px solid rgba(31,94,59,.08);border-radius:24px;padding:18px 10px;box-shadow:0 22px 55px -42px rgba(24,26,25,.55);}
  .cat-circle{overflow:hidden;background:#fff!important;border:1px solid rgba(216,184,78,.25)!important;}.cat-circle .cat-img{width:100%;height:100%;object-fit:cover;display:block;}
  .prod-thumb{height:190px;background:linear-gradient(145deg,#F8FAF8,#EEF5EF)!important;}.prod-card:hover .prod-thumb{transform:none;}.prod-thumb .prod-img{cursor:pointer;transition:transform .35s ease,filter .35s ease;}.prod-card:hover .prod-thumb .prod-img{transform:scale(1.045);filter:saturate(1.04) contrast(1.02);}
  .prod-zoom-btn{position:absolute;bottom:12px;left:12px;z-index:5;min-width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,.9);color:var(--clay);border:1px solid rgba(31,94,59,.14);box-shadow:0 14px 28px -22px rgba(24,26,25,.55);display:flex;align-items:center;justify-content:center;padding:0 10px;font-size:.95rem;font-weight:900;backdrop-filter:blur(8px);opacity:0;transform:translateY(8px);transition:.25s ease;}.prod-card:hover .prod-zoom-btn,.prod-zoom-btn:focus-visible{opacity:1;transform:translateY(0);}html[dir="ltr"] .prod-zoom-btn{left:auto;right:12px;}
  .prod-card-cart-control{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-shrink:0;}.prod-card-minus,.prod-card-qty{display:none;}.prod-card-cart-control.active{background:var(--sand);padding:4px 6px;border-radius:50px;}.prod-card-cart-control.active .prod-card-minus,.prod-card-cart-control.active .prod-card-qty{display:flex;}.prod-card-minus,.prod-card-plus{width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;font-weight:900;line-height:1;box-shadow:none;}.prod-card-minus{background:#fff;color:var(--clay);border:1px solid rgba(31,94,59,.14);font-size:1.15rem;}.prod-card-plus{font-size:1.15rem;}.prod-card-qty{min-width:20px;align-items:center;justify-content:center;font-weight:900;color:var(--clay);}
  .ci-thumb{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#F8FAF8,#E8ECE9);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:1px solid rgba(31,94,59,.08);}.ci-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ci-thumb span{font-size:1.45rem;}
  .promo{background-image:linear-gradient(120deg,rgba(21,59,36,.80),rgba(31,94,59,.72)),url('images/banner-offers.png')!important;background-size:cover!important;background-position:center!important;}
  .image-lightbox-overlay{position:fixed;inset:0;z-index:5000;background:rgba(10,18,14,.82);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:22px;}.image-lightbox-overlay.open{display:flex;}.image-lightbox-box{position:relative;max-width:min(980px,96vw);max-height:92vh;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:18px;box-shadow:0 32px 90px rgba(0,0,0,.35);}.image-lightbox-box img{max-width:100%;max-height:82vh;object-fit:contain;display:block;border-radius:20px;background:#fff;}.image-lightbox-close,.image-lightbox-prev,.image-lightbox-next{position:absolute;border-radius:50%;background:rgba(255,255,255,.92);color:var(--clay);box-shadow:0 14px 30px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;z-index:2;}.image-lightbox-close{top:-14px;right:-14px;width:40px;height:40px;font-size:1.4rem;}html[dir="rtl"] .image-lightbox-close{right:auto;left:-14px;}.image-lightbox-prev,.image-lightbox-next{top:50%;transform:translateY(-50%);width:44px;height:44px;font-size:1.8rem;}.image-lightbox-prev{right:12px}.image-lightbox-next{left:12px}.image-lightbox-counter{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.92);color:var(--clay);border-radius:999px;padding:7px 14px;font-weight:900;font-size:.85rem;}
  @media(max-width:680px){.prod-zoom-btn{opacity:1;transform:none}.ci-thumb{width:48px;height:48px}}

  /* ===== AlBostan final responsive polish + SVG icons ===== */
  .hero{width:100%;max-width:1200px;box-sizing:border-box;overflow:hidden;background:radial-gradient(circle at 18% 18%,rgba(201,162,39,.18),transparent 34%),radial-gradient(circle at 82% 80%,rgba(31,94,59,.12),transparent 38%);border-radius:0 0 42px 42px;}
  .hero-visual{display:flex;align-items:center;justify-content:center;background:transparent;}
  .hero-banner-img{border:0!important;box-shadow:none!important;border-radius:30px!important;background:transparent!important;mix-blend-mode:multiply;filter:drop-shadow(0 26px 34px rgba(31,94,59,.12));-webkit-mask-image:radial-gradient(circle at 48% 48%,#000 68%,rgba(0,0,0,.78) 82%,transparent 100%);mask-image:radial-gradient(circle at 48% 48%,#000 68%,rgba(0,0,0,.78) 82%,transparent 100%);}
  .hero-mobile-cta{display:none;}
  .section.categories{background:rgba(255,255,255,.74);border:1px solid rgba(31,94,59,.08);border-radius:34px;box-shadow:0 26px 70px -56px rgba(24,26,25,.45);margin-top:18px;width:calc(100% - 32px);box-sizing:border-box;}
  .cat-grid{align-items:stretch;}.cat-item{min-width:0;overflow:hidden;gap:12px;padding:10px 10px 16px!important;border-radius:26px!important;}.cat-circle{width:100%!important;height:auto!important;aspect-ratio:1/.78;border-radius:22px!important;overflow:hidden;font-size:2.4rem;}.cat-circle .cat-img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;}.cat-item span{min-height:44px;display:flex;align-items:center;justify-content:center;line-height:1.25;text-align:center;padding:0 4px;}
  .svg-inline{width:1.25em;height:1.25em;display:inline-block;vertical-align:-.22em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
  .icon-btn svg,.menu-toggle svg{width:20px;height:20px;display:block;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
  .albostan-step-icon .svg-inline,.why-icon .svg-inline{width:2rem;height:2rem;color:var(--clay);}.wa-float .svg-inline{width:1.9rem;height:1.9rem;}.empty-svg{display:block;margin:0 auto 10px;color:var(--clay);}.empty-svg .svg-inline{width:2.15rem;height:2.15rem;}
  .footer-contact-icon{display:inline-flex;width:1.15rem;height:1.15rem;margin-inline-end:6px;color:var(--gold);vertical-align:middle;}.footer-contact-icon .svg-inline{width:100%;height:100%;}
  .modal-action-btns .svg-inline,.wishlist-actions .svg-inline,.last-order-actions .svg-inline{width:1em;height:1em;margin-inline-end:6px;}.prod-wishlist-btn .svg-inline,.prod-zoom-btn .svg-inline{width:1.05rem;height:1.05rem;}.prod-wishlist-btn.active{color:#e63946;}
  .modal-emoji .svg-inline,.related-item-thumb .svg-inline,.prod-emoji-fallback .svg-inline,.ci-thumb .svg-inline{width:2.2rem;height:2.2rem;color:var(--clay);}.ci-thumb{font-size:0!important;}.ci-thumb .svg-inline{font-size:16px;}
  .download-app-btn::before{content:"";width:1.15rem;height:1.15rem;display:inline-block;background:currentColor;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 3v11M8 10l4 4 4-4M5 19h14"/></svg>') center/contain no-repeat;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 3v11M8 10l4 4 4-4M5 19h14"/></svg>') center/contain no-repeat;}
  .mobile-menu-brand{display:none;}
  .mobile-menu-brand img{height:55px;width:auto;display:block;margin:0 auto 6px;mix-blend-mode:multiply;}
  .mobile-menu-brand span{display:block;text-align:center;font-family:'El Messiri',serif;color:var(--clay);font-weight:700;font-size:1rem;}
  @media(max-width:680px){
    .hero{width:100%!important;max-width:100%!important;margin:0!important;padding:44px 18px 44px!important;grid-template-columns:1fr!important;gap:28px!important;text-align:center!important;border-radius:0 0 34px 34px!important;}.hero-text p{margin-left:auto!important;margin-right:auto!important;max-width:100%!important;}.hero-text>.cta-row{display:none!important;}
    .hero-visual{width:100%!important;height:auto!important;margin:2px auto 0!important;position:relative!important;overflow:visible!important;}.hero-banner-img{width:min(100%,560px)!important;border-radius:28px!important;transform:translateY(-2px);filter:drop-shadow(0 20px 25px rgba(31,94,59,.10));-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 84%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 84%,transparent 100%);}
    .hero-mobile-cta{position:absolute;top:49%;right:6%;left:auto;transform:translateY(-50%);z-index:8;display:flex!important;flex-direction:column;align-items:stretch;justify-content:center;gap:7px;width:32%;max-width:132px;pointer-events:auto;}html[dir="ltr"] .hero-mobile-cta{right:6%;left:auto;}.hero-mobile-cta .btn-primary,.hero-mobile-cta .btn-ghost{width:100%;min-height:34px;padding:8px 8px!important;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:999px;font-size:.68rem!important;line-height:1.18;box-shadow:0 12px 22px -18px rgba(24,26,25,.55);white-space:normal;}.hero-mobile-cta .btn-primary{background:rgba(31,94,59,.94);}.hero-mobile-cta .btn-ghost{background:rgba(255,255,255,.72);backdrop-filter:blur(8px);border-width:1.5px;}
    .section.categories{width:100%!important;max-width:100%!important;margin:0!important;padding:50px 14px 54px!important;border-radius:30px!important;overflow:hidden!important;}.categories .section-head{margin-bottom:28px!important;}.categories .section-head h2{font-size:2rem!important;line-height:1.25!important;}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important;max-width:100%!important;margin:0 auto!important;}.cat-item{width:100%!important;min-width:0!important;padding:8px 8px 14px!important;border-radius:22px!important;box-shadow:0 18px 38px -30px rgba(24,26,25,.46)!important;}.cat-circle{width:100%!important;aspect-ratio:1/.86!important;border-radius:18px!important;}.cat-item span{min-height:38px!important;font-size:.94rem!important;line-height:1.25!important;}
    .nav-wrap{padding:18px 20px!important;gap:10px!important;}.nav-wrap .logo{display:none!important;}.nav-icons{width:100%!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;align-items:center!important;gap:10px!important;position:relative!important;}.icon-btn,.menu-toggle{width:48px!important;height:48px!important;border-radius:50%!important;background:rgba(255,255,255,.68)!important;border:1px solid rgba(31,94,59,.08)!important;color:var(--clay)!important;box-shadow:0 12px 24px -22px rgba(24,26,25,.45)!important;display:flex!important;align-items:center!important;justify-content:center!important;justify-self:center!important;padding:0!important;}.menu-toggle{font-size:0!important;}.lang-btn{width:64px!important;border-radius:999px!important;background:var(--soil)!important;color:#fff!important;font-size:.96rem!important;font-weight:900!important;}.cart-count{top:-7px!important;left:-5px!important;width:22px!important;height:22px!important;font-size:.75rem!important;background:var(--gold)!important;color:#fff!important;border:2px solid #fff!important;}html[dir="ltr"] .cart-count{left:auto!important;right:-5px!important;}
    nav.links .mobile-menu-brand{display:block;padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid rgba(31,94,59,.1);}
    .albostan-how-to-section{padding:42px 14px!important;}.albostan-how-to-box{padding:24px 14px!important;border-radius:24px!important;}.albostan-how-to-box .section-head h2{font-size:1.55rem!important;line-height:1.35!important;}.albostan-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:20px!important;}.albostan-step-card{padding:12px 9px!important;border-radius:15px!important;min-height:138px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;}.albostan-step-icon{font-size:1.45rem!important;margin-bottom:5px!important;line-height:1!important;}.albostan-step-card h4{font-size:.86rem!important;margin-bottom:4px!important;line-height:1.25!important;}.albostan-step-card p{font-size:.72rem!important;line-height:1.45!important;}.albostan-step-card:nth-child(5){grid-column:1 / -1!important;width:min(74%,280px)!important;justify-self:center!important;min-height:118px!important;}.albostan-cod-note{margin-top:14px!important;padding:10px 12px!important;border-radius:14px!important;font-size:.82rem!important;line-height:1.55!important;}
  }
  @media(max-width:390px){.nav-wrap{padding-left:12px!important;padding-right:12px!important;}.nav-icons{gap:6px!important;}.icon-btn,.menu-toggle{width:44px!important;height:44px!important;}.lang-btn{width:58px!important;}.hero-mobile-cta{right:5%;width:31%;max-width:118px;}.hero-mobile-cta .btn-primary,.hero-mobile-cta .btn-ghost{font-size:.62rem!important;min-height:32px;}.cat-grid{gap:10px!important;}.cat-item{padding:7px 7px 12px!important;}.cat-item span{font-size:.88rem!important;}.albostan-step-card{min-height:132px!important;padding:10px 7px!important;}.albostan-step-card p{font-size:.68rem!important;}}
  @media(min-width:681px) and (max-width:1100px){.nav-wrap{max-width:100%!important;padding:12px 18px!important;gap:14px!important;align-items:center!important;}.header-logo-img{height:48px!important;}nav.links{flex:1!important;justify-content:center!important;gap:16px!important;font-size:.87rem!important;line-height:1.25!important;white-space:normal!important;}nav.links a{text-align:center!important;}.nav-icons{flex-shrink:0!important;gap:8px!important;}.icon-btn{width:36px!important;height:36px!important;background:rgba(255,255,255,.72)!important;color:var(--clay)!important;border:1px solid rgba(31,94,59,.08)!important;box-shadow:none!important;}.lang-btn{width:46px!important;height:36px!important;background:var(--soil)!important;color:#fff!important;font-size:.78rem!important;padding:0!important;}.cart-count{top:-7px!important;left:-7px!important;width:18px!important;height:18px!important;font-size:.65rem!important;border:2px solid #fff!important;}.hero{max-width:1180px!important;padding:58px 28px 70px!important;grid-template-columns:1fr 1fr!important;gap:30px!important;align-items:center!important;text-align:start!important;}.hero-text h1{font-size:2.75rem!important;line-height:1.28!important;}.hero-text p{font-size:1rem!important;line-height:1.85!important;max-width:520px!important;}.hero-text>.cta-row{display:flex!important;justify-content:flex-start!important;}.hero-mobile-cta{display:none!important;}.hero-visual{height:auto!important;margin:0!important;}.hero-banner-img{width:100%!important;max-height:420px!important;object-fit:contain!important;}.section.categories{width:calc(100% - 48px)!important;}.cat-grid{grid-template-columns:repeat(3,1fr)!important;gap:18px!important;}.albostan-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}.albostan-step-card:nth-child(5){grid-column:1 / -1!important;width:50%!important;min-width:320px!important;justify-self:center!important;}}

  @media (prefers-reduced-motion:reduce){
    .hero-logo-img{animation:none;}
    .icon-btn, .cat-circle, .prod-thumb, .add-btn, .cat-item, .prod-card, .why-card, .wa-float{transition:none;}
    .icon-btn:hover, .cat-item:hover .cat-circle, .prod-card:hover .prod-thumb, .add-btn:hover, .why-card:hover, .wa-float:hover{transform:none;}
    .modal-box{transition:none;}
    .faq-answer{transition:none;}
  }

  /* ===== MODERN UI ENHANCEMENTS ===== */
  @keyframes slideInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
  }
  @keyframes slideInLeft {
    from { opacity: 0; transform: translateX(-30px); }
    to { opacity: 1; transform: translateX(0); }
  }
  @keyframes slideInRight {
    from { opacity: 0; transform: translateX(30px); }
    to { opacity: 1; transform: translateX(0); }
  }
  @keyframes fadeInScale {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
  }
  @keyframes glow-pulse {
    0%, 100% { box-shadow: 0 10px 24px -8px rgba(31,94,59,.4); }
    50% { box-shadow: 0 15px 35px -8px rgba(31,94,59,.6); }
  }
  .scroll-reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }
  .scroll-reveal.visible { opacity: 1; transform: translateY(0); }
  header { box-shadow: 0 2px 12px rgba(31,94,59,0.08); transition: all 0.3s ease; }
  header:hover { box-shadow: 0 4px 20px rgba(31,94,59,0.12); }
  nav.links a { position: relative; }
  nav.links a::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: var(--gold); transition: width 0.3s ease; }
  nav.links a:hover::after { width: 100%; }
  .btn-primary { position: relative; overflow: hidden; animation: glow-pulse 3s ease-in-out infinite; }
  .btn-primary::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(255,255,255,0.2); transition: left 0.3s ease; }
  .btn-primary:hover::before { left: 100%; }
  .prod-card { animation: fadeInScale 0.5s ease; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); }
  .prod-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(31,94,59,0.15); }
  .modal-overlay { animation: fadeIn 0.3s ease; }
  @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
  .modal-box { animation: slideInUp 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }
  .cart-drawer, .wishlist-drawer { box-shadow: -8px 0 40px rgba(0,0,0,0.15); }
  .cart-drawer.open, .wishlist-drawer.open { animation: slideInRight 0.3s ease; }
  html[dir="rtl"] .cart-drawer.open, html[dir="rtl"] .wishlist-drawer.open { animation: slideInLeft 0.3s ease; }
  .cat-item { animation: slideInUp 0.5s ease; animation-fill-mode: both; }
  .cat-item:nth-child(1) { animation-delay: 0.1s; }
  .cat-item:nth-child(2) { animation-delay: 0.15s; }
  .cat-item:nth-child(3) { animation-delay: 0.2s; }
  .cat-item:nth-child(4) { animation-delay: 0.25s; }
  .cat-item:nth-child(5) { animation-delay: 0.3s; }
  .cat-item:nth-child(6) { animation-delay: 0.35s; }
  .section-head h2 { animation: slideInUp 0.6s ease; }
  .section-head .eyebrow { animation: slideInUp 0.5s ease; }
  .filter-chip { transition: all 0.2s ease; }
  .filter-chip:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(31,94,59,0.15); }
  .hero { animation: fadeInScale 0.7s ease; }
  .hero-text h1 { animation: slideInLeft 0.6s ease; }
  .hero-text p { animation: slideInLeft 0.7s ease; }
  .cta-row { animation: slideInLeft 0.8s ease; }
  .hero-visual { animation: slideInRight 0.6s ease; }
  .cart-line, .wishlist-line { transition: all 0.2s ease; }
  .cart-line:hover, .wishlist-line:hover { background: var(--sand); transform: translateX(-4px); }
  html[dir="ltr"] .cart-line:hover, html[dir="ltr"] .wishlist-line:hover { transform: translateX(4px); }
  .search-box input:focus, .advanced-filters input:focus, .advanced-filters select:focus, .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--clay); box-shadow: 0 0 0 3px rgba(31,94,59,0.1); transform: scale(1.01); }
  @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
  .foot-wrap ul li { transition: all 0.2s ease; }
  .foot-wrap ul li:hover { transform: translateX(4px); }
  html[dir="ltr"] .foot-wrap ul li:hover { transform: translateX(-4px); }
  .lang-btn { transition: all 0.3s ease; }
  .faq-item { transition: all 0.3s ease; }
  .faq-item:hover { box-shadow: 0 8px 24px rgba(31,94,59,0.12); }
  * { scroll-behavior: smooth; }
  @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }
  
  /* ===== PRODUCT CARD LUXURY ENHANCEMENTS ===== */
  .prod-card { border-radius: 24px; overflow: hidden; background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(245,247,245,0.95)); border: 1px solid rgba(201,162,39,0.1); backdrop-filter: blur(10px); }
  .prod-thumb { position: relative; overflow: hidden; background: linear-gradient(135deg, #F8FAF8 0%, #EEF5EF 100%); }
  .prod-thumb::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 30% 30%, rgba(201,162,39,0.05), transparent 60%); z-index: 1; pointer-events: none; }
  .prod-img { transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.4s ease; will-change: transform; }
  .prod-card:hover .prod-img { transform: scale(1.08) rotate(1deg); filter: brightness(1.05) saturate(1.1); }
  .prod-price { background: linear-gradient(135deg, var(--clay), #15452A); color: var(--white); padding: 8px 16px; border-radius: 50px; font-weight: 800; display: inline-block; box-shadow: 0 8px 16px rgba(31,94,59,0.2); }
  .prod-old-price { text-decoration: line-through; opacity: 0.6; font-size: 0.9em; margin-left: 8px; }
  .prod-discount-badge { position: absolute; top: 12px; right: 12px; background: linear-gradient(135deg, var(--gold), #B38F1F); color: #fff; padding: 6px 12px; border-radius: 50px; font-weight: 800; font-size: 0.85rem; box-shadow: 0 6px 16px rgba(201,162,39,0.3); z-index: 3; animation: pulse 2s ease-in-out infinite; }
  @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }
  .prod-wishlist-btn { transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); background: rgba(255,255,255,0.9); border: 1px solid rgba(31,94,59,0.2); }
  .prod-wishlist-btn:hover { background: rgba(230,57,70,0.1); border-color: #e63946; transform: scale(1.15) rotate(-10deg); }
  .prod-wishlist-btn.active { background: rgba(230,57,70,0.15); color: #e63946; }
  .prod-add-btn { background: linear-gradient(135deg, var(--clay), #15452A); color: var(--white); font-weight: 800; transition: all 0.3s ease; position: relative; overflow: hidden; }
  .prod-add-btn::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(255,255,255,0.2); transition: left 0.3s ease; }
  .prod-add-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(31,94,59,0.3); }
  .prod-add-btn:hover::after { left: 100%; }
  .modal-box { background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(245,247,245,0.98)); border: 1px solid rgba(201,162,39,0.1); backdrop-filter: blur(20px); box-shadow: 0 25px 50px rgba(0,0,0,0.15); }
  .modal-img { border-radius: 20px; box-shadow: 0 12px 30px rgba(31,94,59,0.15); border: 1px solid rgba(201,162,39,0.1); }
  .section { position: relative; }
  .section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,162,39,0.2), transparent); }
  .promo { position: relative; overflow: hidden; box-shadow: 0 20px 40px rgba(31,94,59,0.15); }
  .promo::before { content: ''; position: absolute; top: -50%; right: -10%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(255,255,255,0.1), transparent 70%); border-radius: 50%; animation: float 6s ease-in-out infinite; }
  footer { position: relative; overflow: hidden; }
  footer::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,162,39,0.2), transparent); }
  
  .hero-banner-video { transition: all 0.5s ease; animation: fadeInScale 0.8s ease; }
  @media (max-width: 680px) { .hero-banner-video { border-radius: 20px; } }

  /* ===== AlBostan final safe patch: premium visual layer + compact filters + Android icon ===== */
  body::before{content:"";position:fixed;inset:-20% -10% auto -10%;height:520px;pointer-events:none;z-index:-2;background:radial-gradient(circle at 18% 18%,rgba(201,162,39,.18),transparent 32%),radial-gradient(circle at 82% 12%,rgba(31,94,59,.13),transparent 34%),radial-gradient(circle at 55% 88%,rgba(255,255,255,.55),transparent 38%);filter:blur(2px)}
  body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.24;background-image:radial-gradient(rgba(31,94,59,.12) 1px,transparent 1px),linear-gradient(135deg,rgba(201,162,39,.08),transparent 42%,rgba(31,94,59,.05));background-size:26px 26px,100% 100%;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.65) 42%,transparent 100%)}
  .section,.track-order-section,.albostan-how-to-box,.newsletter,.download-app-box,.promo{position:relative;isolation:isolate}
  .section::before,.track-order-section::before,.albostan-how-to-box::before,.newsletter::before{content:"";position:absolute;inset:10px;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(255,255,255,.20)),radial-gradient(circle at 10% 10%,rgba(201,162,39,.10),transparent 28%);opacity:.72}
  .section-head h2{position:relative;display:inline-block}.section-head h2::after{content:"";position:absolute;height:3px;width:54%;min-width:76px;left:50%;bottom:-12px;transform:translateX(-50%);border-radius:999px;background:linear-gradient(90deg,transparent,var(--gold),var(--clay),transparent);opacity:.72}
  .prod-card,.why-card,.info-card,.albostan-step-card,.cat-item{position:relative}.prod-card::before,.why-card::before,.info-card::before,.albostan-step-card::before,.cat-item::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .28s ease;background:linear-gradient(135deg,rgba(201,162,39,.18),transparent 34%),linear-gradient(315deg,rgba(31,94,59,.10),transparent 38%)}.prod-card:hover::before,.why-card:hover::before,.info-card:hover::before,.albostan-step-card:hover::before,.cat-item:hover::before{opacity:1}
  .prod-card::after,.why-card::after,.albostan-step-card::after{content:"";position:absolute;top:14px;inset-inline-end:14px;width:30px;height:30px;pointer-events:none;opacity:.28;border-top:2px solid var(--gold);border-inline-end:2px solid var(--gold);border-radius:0 12px 0 0}
  .btn-primary,.btn-ghost,.filter-btn,.download-app-btn{position:relative;overflow:hidden}.btn-primary::after,.download-app-btn::after{content:"";position:absolute;inset:-40% auto -40% -55%;width:38%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);transition:left .55s ease}.btn-primary:hover::after,.download-app-btn:hover::after{left:120%}.promo::after{content:"";position:absolute;inset:16px;border:1px solid rgba(201,162,39,.22);border-radius:24px;pointer-events:none}.image-lightbox-box,.modal-box,.cart-drawer,.wishlist-drawer{backdrop-filter:blur(14px)}
  .albostan-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1)}.albostan-reveal.is-visible{opacity:1;transform:translateY(0)}.albostan-reveal.reveal-delay-1{transition-delay:.05s}.albostan-reveal.reveal-delay-2{transition-delay:.10s}.albostan-reveal.reveal-delay-3{transition-delay:.15s}.albostan-reveal.reveal-delay-4{transition-delay:.20s}.hero-banner-img{animation:albostanHeroFloat 7s ease-in-out infinite}@keyframes albostanHeroFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.01)}}
  .download-app-btn::before{display:none!important;content:none!important}.download-app-btn .android-logo-svg{width:1.25rem;height:1.25rem;display:inline-block;flex:0 0 auto;fill:currentColor}html[dir="rtl"] .download-app-btn .android-logo-svg{margin-inline-end:0;margin-inline-start:2px}
  @media(max-width:680px){.section-head h2::after{bottom:-9px;height:2px;width:46%}.prod-card::after,.why-card::after,.albostan-step-card::after{width:22px;height:22px;top:11px;inset-inline-end:11px}body::after{opacity:.16;background-size:32px 32px,100% 100%}
    #products.section{padding-top:34px!important;padding-bottom:44px!important}#products .section-head{margin-bottom:18px!important}#products .section-head .eyebrow{font-size:.78rem!important;letter-spacing:.5px!important;margin-bottom:4px!important}#products .section-head h2{font-size:2rem!important;line-height:1.15!important;margin-top:4px!important}#products .search-filter-wrap{gap:10px!important;margin:0 auto 22px!important;width:100%!important;max-width:100%!important;padding:0 14px!important;box-sizing:border-box!important}#products .search-box{max-width:100%!important}
    #products .search-box input,#products .advanced-filters input:not([type="checkbox"]),#products .advanced-filters select{height:44px!important;min-height:44px!important;width:100%!important;min-width:0!important;padding:0 15px!important;border-radius:18px!important;border:1px solid rgba(31,94,59,.10)!important;background:rgba(255,255,255,.82)!important;box-shadow:0 8px 20px -18px rgba(24,26,25,.28)!important;font-size:.92rem!important;line-height:1!important;box-sizing:border-box!important}#products .advanced-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;max-width:100%!important;align-items:center!important;justify-items:stretch!important}#priceSort{grid-column:1 / -1!important}
    .available-filter-label{grid-column:1 / 2!important;width:100%!important;max-width:100%!important;min-height:42px!important;height:42px!important;margin:0!important;padding:0 10px!important;border-radius:18px!important;border:1px solid rgba(31,94,59,.10)!important;background:rgba(255,255,255,.72)!important;box-shadow:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:.78rem!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;box-sizing:border-box!important}html[dir="rtl"] .available-filter-label{direction:rtl!important}.available-filter-label input[type="checkbox"]{width:17px!important;height:17px!important;min-width:17px!important;flex:0 0 17px!important;margin:0!important;accent-color:var(--clay)!important}.available-filter-label span{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;margin:0!important;line-height:1!important}.filter-reset-btn{grid-column:2 / 3!important;width:100%!important;max-width:100%!important;min-height:42px!important;height:42px!important;padding:0 10px!important;border-radius:18px!important;border:1px solid rgba(31,94,59,.35)!important;background:transparent!important;color:var(--clay)!important;font-size:.86rem!important;font-weight:800!important;box-shadow:none!important;transform:none!important}
    #products .filter-cats{width:100%!important;max-width:100%!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;justify-content:flex-start!important;gap:8px!important;padding:4px 14px 8px!important;margin:2px 0 0!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box!important}#products .filter-cats::-webkit-scrollbar{display:none}#products .filter-btn{flex:0 0 auto!important;min-height:36px!important;height:36px!important;padding:0 14px!important;border-radius:999px!important;font-size:.84rem!important;line-height:1!important;border:1px solid rgba(31,94,59,.12)!important;box-shadow:none!important;scroll-snap-align:start;white-space:nowrap!important}#products .filter-btn.active{box-shadow:0 8px 18px -16px rgba(31,94,59,.5)!important}}
  @media(min-width:681px) and (max-width:1100px){#products .search-filter-wrap{max-width:980px!important;gap:14px!important}#products .advanced-filters{gap:10px!important}.available-filter-label{white-space:nowrap!important;min-height:42px!important;padding:8px 14px!important}.available-filter-label span{white-space:nowrap!important}}
  @media(prefers-reduced-motion:reduce){.albostan-reveal{opacity:1!important;transform:none!important;transition:none!important}.hero-banner-img{animation:none!important}.btn-primary::after,.download-app-btn::after{display:none!important}}

  @media (max-width: 680px) {
    .icon-btn, .menu-toggle, button { min-height: 44px; min-width: 44px; }
    .prod-card { border-radius: 20px; }
    .modal-box { border-radius: 24px; }
    .hero { padding: 40px 16px 50px; }
    .hero-text h1 { font-size: 2.2rem; line-height: 1.3; }
    .cat-grid { gap: 12px; }
    .cat-item { gap: 10px; }
    .prod-grid { gap: 12px; }
    .modal-overlay { padding: 16px; }
    .modal-box { max-width: 90vw; padding: 20px; }
    .cart-drawer, .wishlist-drawer { width: 85vw; max-width: 100%; }
    .btn-primary, .btn-ghost { padding: 14px 24px; font-size: 0.95rem; border-radius: 50px; }
    .form-group input, .form-group select, .form-group textarea { padding: 12px 16px; font-size: 16px; border-radius: 12px; }
    .search-box input { font-size: 16px; padding: 12px 18px; }
    .advanced-filters { flex-direction: column; }
    .advanced-filters input, .advanced-filters select { width: 100%; min-width: auto; }
  }
  @media (min-width: 681px) and (max-width: 1024px) {
    .prod-grid { grid-template-columns: repeat(2, 1fr); }
    .cat-grid { grid-template-columns: repeat(3, 1fr); }
    .why-grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media (min-width: 1025px) {
    .prod-card:hover { box-shadow: 0 20px 40px rgba(31,94,59,0.15); }
    .cat-item:hover { box-shadow: 0 12px 28px rgba(31,94,59,0.15); }
  }
  @media (min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .prod-card, .modal-box, .cart-drawer, .wishlist-drawer { box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
  }
  @media (prefers-color-scheme: dark) { body { background: var(--cream); } }
  @media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }
  button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--clay); outline-offset: 2px; }
  
  .albostan-order-track-form{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;align-items:end!important;max-width:820px!important;gap:12px!important;}
  .albostan-order-track-form .track-field{min-width:0!important;text-align:start!important;}
  .albostan-order-track-form .track-field label{display:block!important;margin:0 12px 7px!important;color:var(--clay)!important;font-weight:800!important;font-size:.92rem!important;line-height:1.4!important;}
  .albostan-order-track-form .track-field input{width:100%!important;height:52px!important;background:#fff!important;}
  .albostan-order-track-form .track-field input::placeholder{color:#8CA095!important;opacity:1!important;}
  .albostan-order-track-form #trackSubmitBtn{min-height:52px!important;white-space:nowrap!important;}

  #productGrid.prod-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;}
  #productGrid .prod-card{width:100%!important;max-width:none!important;border-radius:16px!important;box-shadow:0 12px 28px -24px rgba(24,26,25,.42)!important;overflow:hidden!important;}
  #productGrid .prod-card:hover{transform:translateY(-2px)!important;}
  #productGrid .prod-thumb{height:140px!important;min-height:0!important;}
  #productGrid .prod-body{padding:11px 11px 12px!important;}
  #productGrid .prod-cat{font-size:.70rem!important;line-height:1.25!important;margin-bottom:2px!important;}
  #productGrid .prod-body h4{font-size:.88rem!important;line-height:1.3!important;margin:3px 0 5px!important;min-height:2.35em!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  #productGrid .prod-rating{font-size:.70rem!important;margin-bottom:4px!important;}
  #productGrid .prod-foot{gap:6px!important;align-items:center!important;}
  #productGrid .price{font-size:.90rem!important;white-space:nowrap!important;}
  #productGrid .price-old{font-size:.70rem!important;}
  #productGrid .prod-card-plus,#productGrid .prod-card-minus,#productGrid .add-btn{width:30px!important;height:30px!important;min-width:30px!important;font-size:.98rem!important;}
  #productGrid .prod-card-cart-control.active{padding:3px 5px!important;gap:4px!important;}
  #productGrid .prod-card-qty{font-size:.80rem!important;min-width:15px!important;}
  #productGrid .prod-wishlist-btn,#productGrid .prod-zoom-btn{width:30px!important;height:30px!important;min-width:30px!important;}
  #productGrid .prod-wishlist-btn{top:8px!important;left:8px!important;}
  html[dir="ltr"] #productGrid .prod-wishlist-btn{left:auto!important;right:8px!important;}
  #productGrid .prod-zoom-btn{bottom:8px!important;left:8px!important;opacity:1!important;transform:none!important;}
  html[dir="ltr"] #productGrid .prod-zoom-btn{left:auto!important;right:8px!important;}
  #productGrid .prod-badge{top:8px!important;right:8px!important;font-size:.66rem!important;padding:3px 8px!important;}
  html[dir="ltr"] #productGrid .prod-badge{right:auto!important;left:8px!important;}
  #productGrid .out-of-stock-text{padding:4px 10px!important;font-size:.72rem!important;}

  @media(max-width:1100px){#productGrid.prod-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;}#productGrid .prod-thumb{height:130px!important;}}
  @media(max-width:820px){#productGrid.prod-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}#productGrid .prod-thumb{height:120px!important;}}
  @media(max-width:680px){
    .albostan-order-track-form{grid-template-columns:1fr!important;max-width:100%!important;gap:14px!important;}
    .albostan-order-track-form .track-field label{margin:0 18px 8px!important;font-size:.98rem!important;text-align:start!important;}
    .albostan-order-track-form .track-field input{height:56px!important;font-size:16px!important;}
    .albostan-order-track-form #trackSubmitBtn{width:100%!important;min-height:56px!important;font-size:1rem!important;}
    .section#products{padding-left:10px!important;padding-right:10px!important;}
    #productGrid.prod-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;max-width:100%!important;margin:0 auto!important;}
    #productGrid .prod-card{border-radius:14px!important;min-width:0!important;}
    #productGrid .prod-thumb{height:96px!important;}
    #productGrid .prod-body{padding:8px!important;}
    #productGrid .prod-cat{font-size:.62rem!important;}
    #productGrid .prod-body h4{font-size:.76rem!important;line-height:1.25!important;min-height:2.1em!important;margin:2px 0 4px!important;}
    #productGrid .prod-rating{font-size:.58rem!important;margin-bottom:3px!important;}
    #productGrid .price{font-size:.74rem!important;line-height:1.2!important;}
    #productGrid .price-old{display:block!important;margin-inline-start:0!important;margin-top:1px!important;font-size:.62rem!important;}
    #productGrid .prod-card-plus,#productGrid .prod-card-minus,#productGrid .add-btn{width:26px!important;height:26px!important;min-width:26px!important;font-size:.86rem!important;}
    #productGrid .prod-wishlist-btn,#productGrid .prod-zoom-btn{width:27px!important;height:27px!important;min-width:27px!important;}
    #productGrid .prod-wishlist-btn{top:6px!important;left:6px!important;}
    #productGrid .prod-zoom-btn{bottom:6px!important;left:6px!important;}
    #productGrid .prod-badge{top:6px!important;right:6px!important;font-size:.58rem!important;padding:2px 7px!important;}
  }
  @media(max-width:390px){#productGrid.prod-grid{gap:8px!important;}#productGrid .prod-thumb{height:88px!important;}#productGrid .prod-body{padding:7px!important;}#productGrid .prod-body h4{font-size:.72rem!important;}#productGrid .price{font-size:.70rem!important;}}
/* ===== تحديثات التصميم العصري (Premium UI) ===== */

/* تأثير الزجاج للهيدر */
header {
  background: rgba(255, 255, 255, 0.75) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* تحسين الأزرار الرئيسية لتكون أكثر تفاعلاً */
.btn-primary, .download-app-btn {
  background: linear-gradient(135deg, var(--clay), #2c8556) !important;
  box-shadow: 0 8px 20px -5px rgba(31, 94, 59, 0.4) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative;
  overflow: hidden;
}

.btn-primary:hover, .download-app-btn:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 25px -5px rgba(31, 94, 59, 0.5) !important;
}

.btn-primary:active, .download-app-btn:active {
  transform: translateY(1px) scale(0.98) !important;
}

/* تأثير الموجة (Ripple) للأزرار */
.ripple {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
  transform: scale(0);
  animation: rippleEffect 0.6s linear;
  pointer-events: none;
}
@keyframes rippleEffect {
  to { transform: scale(4); opacity: 0; }
}

/* ترقية بطاقات المنتجات (3D Feel & Soft Shadows) */
.prod-card {
  background: linear-gradient(145deg, #ffffff, #f9faf9) !important;
  border: 1px solid rgba(255,255,255,0.6) !important;
  box-shadow: 0 10px 30px -12px rgba(0,0,0,0.1) !important;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease !important;
}

.prod-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 25px 50px -15px rgba(31, 94, 59, 0.25) !important;
}

/* ترقية النوافذ المنبثقة (Modals) */
.modal-box, .cart-drawer, .wishlist-drawer {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
}

/* أنيميشن اهتزاز السلة عند الإضافة (Cart Bump) */
@keyframes cartBump {
  0%, 100% { transform: scale(1); }
  20% { transform: scale(1.2) rotate(-15deg); }
  40% { transform: scale(0.9) rotate(10deg); }
  60% { transform: scale(1.1) rotate(-5deg); }
  80% { transform: scale(0.95) rotate(0deg); }
}
.bump {
  animation: cartBump 0.5s cubic-bezier(0.28, 0.84, 0.42, 1);
}

/* ترقية بطاقات الأقسام */
.cat-item {
  transition: all 0.3s ease !important;
}
.cat-item:hover .cat-circle {
  box-shadow: 0 15px 30px -10px rgba(31, 94, 59, 0.3) !important;
}

/* تحسين الـ Toast ليبدو كفقاعة عصرية */
.toast {
  background: rgba(24, 26, 25, 0.9) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  font-weight: 700 !important;
  padding: 14px 24px !important;
}

/* العنصر الطائر للسلة (Fly to Cart) */
.fly-img {
  position: fixed;
  z-index: 9999;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid var(--gold);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  pointer-events: none;
  transition: all 0.8s cubic-bezier(0.5, -0.5, 1, 1);
}