:root{
      --yellow:#F7C400;
      --dark:#06080c;
      --dark2:#0b0e14;
      --text:#161616;
      --muted:#777;
      --line:#e9e9e9;
      --wrap:1018px;
      --green:#14a54a;
    }

    *{box-sizing:border-box}
    body{
      margin:0;
      font-family:"Heebo", Arial, sans-serif;
      color:var(--text);
      background:#fff;
      direction:rtl;
    }
    a{text-decoration:none;color:inherit}
    img{display:block;max-width:100%}
    button,input{font-family:inherit}
    .wrap{width:calc(100% - 36px);max-width:var(--wrap);margin:0 auto}

    /* ===== top strip ===== */
    .top-strip{height:32px;background:#05070a;color:#fff;font-size:12px;border-bottom:1px solid rgba(255,255,255,.08)}
    .top-strip .wrap{height:32px;display:flex;align-items:center;justify-content:space-between}
    .top-links,.top-service{display:flex;align-items:center;gap:30px;white-space:nowrap}
    .top-links a{font-weight:600;opacity:.95}.top-service span{display:flex;align-items:center;gap:6px;font-weight:500;opacity:.96}.top-service i{font-style:normal;display:flex;align-items:center;color:var(--yellow);flex-shrink:0}.top-service i svg{width:14px;height:14px;display:block}

    /* ===== header ===== */
    .site-header{height:100px;background:linear-gradient(#080a0f,#06080c);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.2)}
    .site-header .wrap{height:100%;display:grid;grid-template-columns:255px 1fr 215px;grid-template-areas:"actions search brand";align-items:center;gap:28px;direction:ltr}
    .brand-zone{grid-area:brand}
    .brand-logo{display:block;height:52px;width:auto;object-fit:contain}
    .search-box{grid-area:search;height:47px;background:#fff;border-radius:6px;display:flex;overflow:visible;box-shadow:0 4px 18px rgba(0,0,0,.2);direction:rtl;position:relative;z-index:30}
    .search-box form,.search-box .search-wrapper{width:100%;height:100%;display:flex;direction:rtl}
    .search-box button{width:61px;border:0;background:var(--yellow);color:#050505;font-size:27px;cursor:pointer;display:flex;align-items:center;justify-content:center}
    .search-box input{flex:1;border:0;outline:0;padding:0 18px;font-size:13px;color:#333;text-align:right}
    .search-box .content-search{position:absolute;top:100%;right:0;left:0;z-index:50}
    .search-box .search-append{position:relative;width:100%}
    .search-box .autocomplete-suggestions{width:100%!important;max-height:420px;overflow:auto;background:#fff;border:1px solid #ececec;border-top:0;border-radius:0 0 8px 8px;box-shadow:0 16px 34px rgba(0,0,0,.18);direction:rtl;text-align:right}
    .search-box .autocomplete-suggestion{cursor:pointer;border-bottom:1px solid #f1f1f1}
    .search-box .autocomplete-suggestion:last-child{border-bottom:0}
    .search-box .autocomplete-selected,.search-box .autocomplete-suggestion:hover{background:#fff8da}
    .search-box .autocomplete-suggestion a{display:flex;align-items:center;gap:12px;padding:10px 12px;color:#111}
    .search-box .autocomplete-suggestion img{width:50px;height:50px;object-fit:contain;flex:0 0 50px}
    .search-box .media-body{min-width:0;line-height:1.35}
    .search-box .media-body span{display:block;font-size:13px;font-weight:800;color:#181818}
    .search-box .search-meta{font-size:11px;color:#777;margin-top:3px}
    .search-box .search-meta .price{margin:0;color:#111;font-weight:900}
    .search-box .no-result{padding:12px 14px;font-size:13px;color:#777}
    .header-actions{grid-area:actions;display:flex;align-items:center;justify-content:space-between;gap:18px;direction:rtl}
    .action{position:relative;text-align:center;font-size:12px;font-weight:600;color:#fff;min-width:48px}
    .action i{display:block;font-style:normal;font-size:28px;line-height:1.05;margin-bottom:6px;color:#fff}
    .action i svg{display:block;width:28px;height:28px;margin:0 auto}
    .badge{position:absolute;top:-5px;right:7px;background:var(--yellow);color:#0a0a0a;border-radius:50%;width:19px;height:19px;line-height:19px;font-size:11px;font-weight:900}

    .breadcrumbs{height:48px;display:flex;align-items:center;gap:8px;color:#777;font-size:13px;border-bottom:1px solid #f0f0f0;white-space:nowrap;overflow:auto}
    .breadcrumbs b,.breadcrumbs .last{color:#111}.breadcrumbs span,.breadcrumbs .delimiter{color:#bbb}

    /* ===== footer ===== */
    .footer{margin-top:18px;background:#090d13;color:#fff}.footer-top{background:linear-gradient(180deg,#111720,#070a0f);padding:27px 0 18px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1.1fr 1fr 1.25fr;gap:22px;direction:rtl}.fcol{min-height:122px;border-left:1px solid rgba(255,255,255,.14);padding-left:20px}.fcol:last-child{border-left:0;padding-left:0}.fcol h4{margin:0 0 10px;font-size:14px;font-weight:900}.fcol p,.fcol li{margin:0;font-size:11px;color:#d7d9dd;line-height:1.85}.fcol ul{margin:0;padding:0;list-style:none}.read-more{color:var(--yellow);font-weight:900}.contact div{font-size:12px;margin-bottom:7px;color:#f3f3f3}.social{display:flex;gap:9px;margin-top:12px}.social-link{width:25px;height:25px;border-radius:50%;background:#161d28;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:background .2s,color .2s}.social-link:hover{background:var(--yellow);color:#111}.social-link svg{width:13px;height:13px;display:block}.mail input{width:100%;height:33px;border:0;border-radius:4px;text-align:right;padding:0 10px;margin:7px 0 8px;font-size:11px}.mail button{width:100%;height:35px;border:0;border-radius:4px;background:var(--yellow);font-size:12px;font-weight:900;color:#111}.footer-bottom{height:35px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#d2d2d2}.footer-credit{display:inline-flex;align-items:center;opacity:.92;transition:opacity .2s}.footer-credit:hover{opacity:1}.footer-credit img{display:block;height:22px;width:auto}.pay{display:flex;align-items:center;gap:10px;direction:ltr;flex-wrap:wrap}.pay-icon-wrap{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:42px;padding:0 9px;background:#fff;border-radius:5px}.pay-icon-wrap img{height:18px;width:auto;max-width:72px;display:block;object-fit:contain}.pay-icon-wrap--bit{padding:0 5px}.pay-icon-wrap--bit img{height:22px}

    @media (max-width:900px){
      .wrap{width:calc(100% - 24px)}.top-strip{display:none}.site-header{height:auto}.site-header .wrap{grid-template-columns:1fr;grid-template-areas:"brand" "search" "actions";gap:13px;padding:13px 0}.brand-zone{justify-content:center}.header-actions{justify-content:center}.top-layout{grid-template-columns:1fr;grid-template-areas:"hero" "cats";direction:rtl}.trust-row{grid-column:auto;grid-template-columns:1fr 1fr;height:auto}.trust{height:70px}.cat-box{order:2}.product-grid{grid-template-columns:repeat(2,1fr)}.product{height:310px}.p-img{height:122px}.p-img img{max-height:118px}.promo-grid{grid-template-columns:1fr 1fr}.why{height:auto;grid-template-columns:1fr 1fr}.why-main,.why-item{min-height:72px}.footer-grid{grid-template-columns:1fr 1fr}.hero-content{left:50%;top:82px;transform:translateX(-50%)}
    }
    @media (max-width:560px){
      .product-grid,.promo-grid,.trust-row,.why,.footer-grid{grid-template-columns:1fr}.tabs-line{overflow:auto}.hero{height:470px}.hero-content{width:300px}.hero h1{font-size:34px}.hero h1 b{font-size:51px}.cat-box li{height:38px;font-size:14px}.footer-bottom{height:auto;gap:10px;padding:12px 0;flex-direction:column}.fcol{border-left:0;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:15px}.search-box{height:44px}
    }
/* Breadcrumb */
    .breadcrumbs{height:50px;display:flex;align-items:center;gap:8px;color:#777;font-size:13px;border-bottom:1px solid #f0f0f0}.breadcrumbs b{color:#171717}.breadcrumbs span{color:#bbb}

    
