:root{--primary:#0e9f9a;--primary-2:#12bcd4;--accent:#f2cf3a;--bg:#eef1ef;--card:#fff;--text:#173130;--muted:#66706e;--border:#dde6e3}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}img{max-width:100%}
.container{max-width:1200px;margin:0 auto;padding:0 14px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.topbar{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 0}.brand{font-size:24px;font-weight:800;color:var(--primary)}.main-nav{display:none;gap:10px;align-items:center;flex-wrap:wrap}
.nav-pill,.btn,.secondary-btn,.badge-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;border:1px solid var(--border);background:#fff}.nav-pill{background:#f7f9f8}.btn{background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#fff;border:none;font-weight:700}.secondary-btn{background:#fff;color:var(--text)}
.menu-toggle{display:inline-flex;border:none;background:#0f1c45;color:#fff;border-radius:16px;padding:12px 18px;font-weight:700}.cart-badge{display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;align-items:center;justify-content:center;margin-left:8px}
.hero{padding:24px 0}.panel{background:var(--card);border:1px solid var(--border);border-radius:28px;padding:18px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.hero h1{font-size:44px;line-height:1.05;margin:0 0 14px}.hero p{color:var(--muted);font-size:22px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.section{padding:18px 0 26px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.carousel-track{display:flex;gap:12px;overflow:auto;padding-bottom:6px;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.category-chip{min-width:180px;background:var(--card);border:1px solid var(--border);padding:18px;border-radius:22px;font-weight:700}
.products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:28px;padding:16px;overflow:hidden}.product-link{display:block}.product-image{position:relative;height:220px;background:#f4f6f5;border-radius:22px;overflow:hidden;margin-bottom:14px}.product-image img{width:100%;height:100%;object-fit:contain;display:block;position:relative;z-index:2}.product-badge,.product-discount{position:absolute;top:12px;z-index:4;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700}.product-badge{left:12px;background:#dff9e9;color:#28563c}.product-discount{right:12px;background:var(--primary);color:#fff}
.price-box{background:var(--accent);border-radius:18px;padding:14px 16px;font-size:24px;font-weight:800;margin-bottom:10px}.installment{font-size:18px;font-weight:700;color:var(--primary);margin-bottom:12px}.product-title{font-size:18px;font-weight:700;min-height:48px;margin-bottom:12px}.badges-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.badges-row .badge-pill{padding:10px 14px;background:#f7f7f7}.product-actions{display:flex;gap:10px;margin-top:auto}.product-actions .btn,.product-actions .secondary-btn{flex:1}
.gallery-wrap{display:grid;grid-template-columns:1fr;gap:12px}.gallery-main{width:100%;height:420px;object-fit:contain;background:#f4f6f5;border-radius:24px;border:1px solid var(--border)}.gallery-thumbs{display:flex;gap:10px;flex-wrap:wrap}.gallery-thumbs img{width:82px;height:82px;border-radius:16px;border:2px solid transparent;padding:4px;background:#f4f6f5;cursor:pointer;object-fit:contain}.gallery-thumbs img.active{border-color:var(--primary)}
.form-card,.admin-card{background:var(--card);border:1px solid var(--border);border-radius:28px;padding:18px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}input,textarea,select{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:18px;background:#fff;font:inherit}textarea{min-height:120px;resize:vertical}.error{color:#c43a3a;font-size:13px}.notice{padding:12px 14px;border-radius:16px;margin-bottom:12px}.notice.ok{background:#e7f8ef;color:#1b6b44}.notice.err{background:#ffe9e9;color:#8a2727}.sig-pad{width:100%;height:220px;background:#fff;border:1px dashed var(--border);border-radius:22px}
.site-footer{padding:30px 0;color:var(--muted)}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--border);text-align:left}.admin-layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.admin-sidebar{background:#122034;color:#fff;padding:18px;position:sticky;top:0;height:100vh}.admin-sidebar a{display:block;padding:12px 14px;border-radius:16px;color:#fff;margin-bottom:8px;background:rgba(255,255,255,.05)}.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mobile-admin-toggle{display:none}
.contract-page{background:#fff;max-width:850px;margin:20px auto;padding:28px;border:8px solid #d9e4df}.contract-page.ornament-1{box-shadow:0 0 0 12px #f4f7f6 inset}.schedule-table{width:100%;border-collapse:collapse;margin-top:10px}.schedule-table th,.schedule-table td{border:1px solid #d8d8d8;padding:8px}
@media (max-width:900px){.hero-grid,.form-row{grid-template-columns:1fr}.gallery-main{height:320px}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:fixed;left:-310px;top:0;width:280px;transition:.25s;z-index:1000}.admin-sidebar.open{left:0}.mobile-admin-toggle{display:inline-flex;border:none;background:#0f1c45;color:#fff;border-radius:16px;padding:12px 16px}}

.header-actions{display:flex;align-items:center;gap:10px}.cart-pill{background:#fff}.menu-overlay{display:none}.callback-panel h2{margin-top:0}.compact-actions{margin-top:6px}.carousel-product{min-width:220px;max-width:220px;background:var(--card);border:1px solid var(--border);border-radius:22px;padding:14px;display:block}.carousel-product-image{height:150px;background:#f4f6f5;border-radius:18px;position:relative;overflow:hidden;margin-bottom:10px}.carousel-product-image img{width:100%;height:100%;object-fit:contain}.mini-discount{position:absolute;top:8px;right:8px;background:var(--primary);color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.carousel-product-title{font-weight:700;font-size:15px;min-height:38px}.carousel-product-price{font-size:18px;font-weight:800;color:var(--text)}.marquee{overflow:hidden}.marquee-track{display:flex;gap:12px;width:max-content;animation:marquee-scroll var(--carousel-speed,25s) linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.card_standard{} .card_compact .product-image{height:180px}.card_compact{padding:12px}.card_premium{box-shadow:0 12px 32px rgba(0,0,0,.06)}.card_outline{border-width:2px}.card_soft{background:#fcfcfd}.card_bold .price-box{font-size:28px}.card_minimal .product-badge,.card_minimal .product-discount{padding:6px 10px;font-size:11px}.card_glass{background:rgba(255,255,255,.95);backdrop-filter:blur(8px)}.card_shadow{box-shadow:0 14px 28px rgba(0,0,0,.08)}.card_square{border-radius:16px}.card_dark{background:#1b2640;color:#fff;border-color:#27314c}.card_dark .product-title,.card_dark .installment,.card_dark .price-box{color:inherit}.card_dark .secondary-btn{background:#fff;color:#14203c}.card_gold .price-box{background:linear-gradient(90deg,#f2cf3a,#f6e27d)}
@media (max-width:900px){.main-nav{display:block;position:fixed;top:0;right:-310px;width:290px;bottom:0;background:#fff;padding:84px 16px 16px;transition:.25s;z-index:1001;border-left:1px solid var(--border)}.main-nav.open{right:0}.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1000}.menu-overlay.open{display:block}.main-nav .nav-pill{width:100%;justify-content:flex-start;margin-bottom:10px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{padding:12px}.product-image{height:170px}.product-title{font-size:16px;min-height:42px}.price-box{font-size:20px;padding:12px 14px}.installment{font-size:14px}.site-header{overflow:visible}.header-actions{margin-left:auto}}


.menu-button{border:none;background:var(--primary);color:#fff;border-radius:16px;padding:12px 18px;font-weight:800;cursor:pointer}
.main-drawer{position:fixed;top:0;right:-360px;width:min(92vw,360px);height:100vh;background:#fff;box-shadow:-16px 0 40px rgba(0,0,0,.12);z-index:1001;transition:.25s;padding:18px;overflow:auto}
.main-drawer.open{right:0}.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:none;z-index:1000}.menu-overlay.open{display:block}
.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.drawer-title{font-size:24px;font-weight:800}.drawer-close{width:42px;height:42px;border:none;border-radius:14px;background:#f2f4f5;font-size:28px;cursor:pointer}
.drawer-links{display:flex;flex-direction:column;gap:10px}.drawer-links .nav-pill{justify-content:flex-start;width:100%}
.drawer-section-title{margin:18px 0 12px;font-size:18px;font-weight:800}.drawer-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drawer-category-card{display:flex;min-height:78px;align-items:center;justify-content:center;text-align:center;border-radius:22px;background:linear-gradient(180deg,#f8fffd 0%,#eef8f5 100%);border:1px solid var(--border);color:var(--primary);font-weight:800;padding:12px;box-shadow:0 8px 20px rgba(0,0,0,.04)}
.short-desc{font-size:13px;color:var(--muted);height:38px;overflow:hidden;margin:0 0 12px}
.product-card{transition:transform .18s ease, box-shadow .18s ease}.product-card:hover{transform:translateY(-2px)}
.card_standard .price-box{background:var(--accent)}
.card_compact .product-image{height:170px}.card_compact .product-title{font-size:16px}
.card_premium{box-shadow:0 14px 28px rgba(0,0,0,.08)}.card_premium .price-box{background:linear-gradient(135deg,var(--accent),#fff1b8)}
.card_outline{border-width:2px}.card_outline .price-box{background:#fff;border:2px solid var(--accent)}
.card_soft{background:#fcfcfd}.card_soft .product-image{background:#fafafa}
.card_bold .price-box{font-size:28px}.card_bold .product-title{font-size:19px}
.card_minimal{border:none;box-shadow:none;background:transparent}.card_minimal .product-image{background:#fff;border:1px solid var(--border)}.card_minimal .price-box{background:#fff;border:1px solid var(--accent)}
.card_glass{background:rgba(255,255,255,.82);backdrop-filter:blur(10px)}
.card_shadow{box-shadow:0 18px 34px rgba(0,0,0,.12)}
.card_square,.card_square .product-image,.card_square .price-box{border-radius:12px}
.card_dark{background:#1b2640;color:#fff;border-color:#27314c}.card_dark .product-title,.card_dark .installment,.card_dark .short-desc{color:#eef5ff}.card_dark .secondary-btn{background:#fff;color:#14203c}.card_dark .price-box{background:#2a3554;color:#fff}
.card_gold{background:linear-gradient(180deg,#fffdf7,#fff7da)}.card_gold .price-box{background:linear-gradient(90deg,#f2cf3a,#f6e27d)}
.carousel-product{min-width:190px;max-width:190px}.carousel-product-image{height:124px}
@media (max-width:900px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{padding:12px}.product-image{height:170px}.product-title{font-size:16px;min-height:42px}.price-box{font-size:20px;padding:12px 14px}.installment{font-size:14px}.main-drawer{width:min(92vw,340px)}}

.service-app-card{max-width:980px;margin:0 auto}
.service-app-form{display:flex;flex-direction:column;gap:16px}
.service-step{background:#f8fbfa;border:1px solid #e2eeeb;border-radius:22px;padding:18px}
.service-step h3{margin:0 0 14px;color:#184843}
.parts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.part-chip{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #dbe8e4;border-radius:16px;background:#fff;min-height:48px}
.admin-parts-grid{margin:10px 0}
.service-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.service-summary-grid p{margin:0}
@media(max-width:768px){.parts-grid,.service-summary-grid{grid-template-columns:1fr}.service-step{padding:14px}}

.service-admin-shell{padding:14px}
.service-admin-grid{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start}
.service-customers-column,.service-detail-column{min-width:0}
.service-mini-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.service-mini-head h2,.service-mini-head h3{margin:0}
.service-customer-list{display:flex;flex-direction:column;gap:10px;max-height:76vh;overflow:auto;padding-right:4px}
.service-customer-item{display:block;padding:14px;border:1px solid var(--border);border-radius:20px;background:#fff;transition:.18s ease;box-shadow:0 4px 12px rgba(0,0,0,.03)}
.service-customer-item.active{border-color:var(--primary);box-shadow:0 10px 24px rgba(14,159,154,.14)}
.service-customer-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:4px}
.service-customer-top strong{font-size:15px}
.service-customer-top span{font-size:12px;color:var(--muted)}
.service-customer-sub{font-size:13px;color:var(--muted);margin-bottom:8px}
.service-customer-tags{display:flex;flex-wrap:wrap;gap:8px}.badge-pill.danger{background:#fff2f2;border-color:#ffd8d8;color:#b13b3b}
.service-detail-card{display:flex;flex-direction:column;gap:16px}
.service-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.service-code-pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eef8f5;border:1px solid #d7e9e5;color:#156f66;font-weight:700;margin-bottom:8px}
.service-grid-2,.service-grid-3,.service-check-grid,.card-grid-2{display:grid;gap:12px}.service-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.service-check-grid{grid-template-columns:1fr 160px}.card-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tiny-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-top:8px}
.service-stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.service-stat{background:#f8fbfa;border:1px solid #e2eeeb;border-radius:18px;padding:14px}.service-stat span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.service-stat strong{font-size:17px}
.compact{padding:16px}.compact-form .form-group{margin-bottom:12px}.compact-actions{display:flex;gap:10px;flex-wrap:wrap}
.mobile-history-list{display:none;flex-direction:column;gap:10px}.mobile-history-item{background:#fff;border:1px solid var(--border);border-radius:18px;padding:12px}.mobile-history-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:8px}.mobile-history-meta{color:var(--muted);font-size:13px;margin-bottom:6px}.mobile-history-parts{font-size:14px;line-height:1.45}.mobile-history-note{margin-top:6px;padding-top:6px;border-top:1px dashed var(--border);font-size:13px;color:#41504f}.mobile-history-actions{margin-top:10px}
.service-history-table .service-parts-cell{max-width:260px;white-space:normal;line-height:1.45}.service-note-row td{background:#fbfcfc;color:#556664;font-size:13px}
.service-create-drawer{position:fixed;top:0;right:-420px;width:min(96vw,420px);height:100vh;background:#fff;box-shadow:-16px 0 40px rgba(0,0,0,.16);z-index:1001;transition:.25s;padding:18px;overflow:auto}.service-create-drawer.open{right:0}
@media (max-width:1024px){.service-admin-grid{grid-template-columns:1fr}.service-customer-list{max-height:none}.service-detail-head{flex-direction:column}.service-stats-row,.service-grid-3{grid-template-columns:1fr 1fr}.service-create-drawer{width:min(100vw,420px)}}
@media (max-width:768px){.service-grid-2,.service-grid-3,.service-stats-row,.service-check-grid,.card-grid-2{grid-template-columns:1fr}.mobile-history-list{display:flex}.service-history-table-wrap{display:none}.service-detail-head h2{font-size:24px;margin:0}.service-admin-shell{padding:10px}}


/* app-like mobile behavior */
html,body{
  overscroll-behavior-x:none;
  -webkit-text-size-adjust:100%;
}
@media (max-width: 768px){
  .container{
    padding-left:12px;
    padding-right:12px;
  }

  .carousel-track,
  .gallery-thumbs{
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .carousel-track::-webkit-scrollbar,
  .gallery-thumbs::-webkit-scrollbar,
  .products-grid::-webkit-scrollbar,
  .similar-products-track::-webkit-scrollbar{
    display:none;
  }

  .products-grid{
    display:flex !important;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    padding-bottom:6px;
  }
  .products-grid > *{
    min-width:220px;
    max-width:220px;
    flex:0 0 220px;
    scroll-snap-align:start;
  }

  .category-chip{
    min-width:160px;
    flex:0 0 160px;
    scroll-snap-align:start;
  }

  .carousel-product{
    min-width:230px;
    flex:0 0 230px;
    scroll-snap-align:start;
  }

  .similar-products-track{
    display:flex;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    padding-bottom:6px;
  }
  .similar-products-track .product-card{
    min-width:220px;
    max-width:220px;
    flex:0 0 220px;
    scroll-snap-align:start;
  }

  .gallery-thumbs img{
    flex:0 0 82px;
  }
}



.drawer-group{margin-top:18px}
.drawer-accordion{display:flex;flex-direction:column;gap:10px}
.drawer-acc-item{border:1px solid rgba(18,145,129,.10);border-radius:20px;background:#f9fbfa;overflow:hidden}
.drawer-acc-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px;background:transparent;border:none;font-size:22px;font-weight:700;color:#1e2b29;text-align:left}
.drawer-acc-icon{font-size:28px;line-height:1;color:#129181}
.drawer-acc-panel{display:none;padding:0 12px 12px}
.drawer-acc-item.open .drawer-acc-panel{display:flex;flex-direction:column;gap:8px}
.drawer-acc-item.open .drawer-acc-icon{transform:rotate(45deg)}
.drawer-sub-link{display:block;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #edf2f0;color:#1f2f2c}
.drawer-sub-all{font-weight:700}
.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.check-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e7efec;border-radius:16px;background:#fff}
.check-card input{width:18px;height:18px}
@media (max-width:768px){
  .drawer-acc-btn{font-size:18px;padding:16px}
  .check-card{font-size:14px}
}


/* FINAL GRID + CAROUSEL BEHAVIOR */
.products-grid,
.product-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  overflow:visible !important;
  overflow-x:visible !important;
  padding-bottom:0 !important;
}
.products-grid > *,
.product-grid > *{
  min-width:0 !important;
  max-width:none !important;
  width:auto !important;
  flex:none !important;
}
@media (max-width:768px){
  .products-grid,
  .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  .product-card{ width:100% !important; }
}
/* only lower blocks and similar products are draggable carousels */
.similar-products-track,
.home-category-carousel,
.other-categories-carousel{
  display:flex !important;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  padding-bottom:6px;
  scrollbar-width:none;
}
.similar-products-track::-webkit-scrollbar,
.home-category-carousel::-webkit-scrollbar,
.other-categories-carousel::-webkit-scrollbar{
  display:none;
}
.similar-products-track .product-card,
.home-category-carousel .product-card,
.other-categories-carousel .product-card{
  min-width:220px;
  max-width:220px;
  flex:0 0 220px;
  scroll-snap-align:start;
}
.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.check-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e7efec;border-radius:16px;background:#fff}
.check-card input{width:18px;height:18px}


/* admin products app-like form */
.app-product-form{
  border-radius:28px;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
}
.app-product-form .form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.app-product-form .form-group{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:12px;
}
.app-product-form input,
.app-product-form select,
.app-product-form textarea{
  border-radius:18px;
  min-height:48px;
  padding:12px 14px;
}
.app-product-form textarea{
  min-height:110px;
}
@media (max-width:768px){
  .app-product-form .form-row{
    grid-template-columns:1fr;
  }
}


/* ADMIN FINAL UI */
.admin-shortcuts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:14px 0 20px;
}
.admin-shortcut{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:12px 14px;
  border-radius:18px;
  background:linear-gradient(180deg,#0d9488,#0f766e);
  color:#fff !important;
  text-decoration:none;
  font-weight:700;
  box-shadow:0 8px 18px rgba(13,148,136,.18);
}
.admin-soft-card{
  background:#fff;
  border:1px solid #e7efec;
  border-radius:24px;
  box-shadow:0 10px 28px rgba(0,0,0,.05);
  padding:18px;
  margin-bottom:18px;
}
.admin-soft-card h2,.admin-soft-card h3{margin-top:0}
.admin-edit-sections{
  display:grid;
  gap:14px;
}
.admin-accordion{
  border:1px solid #e7efec;
  border-radius:20px;
  overflow:hidden;
  background:#fff;
}
.admin-accordion summary{
  cursor:pointer;
  list-style:none;
  padding:16px 18px;
  font-weight:700;
  background:#f8fcfb;
}
.admin-accordion summary::-webkit-details-marker{display:none}
.admin-accordion .accordion-body{
  padding:16px 18px;
  border-top:1px solid #eef3f1;
}
.category-pills{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.category-pill{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid #e4eeeb;
  border-radius:16px;
  background:#fbfefd;
}
.admin-list-table-wrap{overflow:auto}
.admin-toolbar{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom:14px;
}
.admin-toolbar input[type="search"]{
  min-height:46px;
  border-radius:16px;
  border:1px solid #d8e6e1;
  padding:10px 14px;
  min-width:220px;
}
@media (max-width: 768px){
  .admin-shortcuts{grid-template-columns:1fr}
  .category-pills{grid-template-columns:1fr}
}


/* Accessibility final improvements */
html{scroll-behavior:smooth}
body{color:#111827}
p, li, label, input, select, textarea, button, a{font-size:16px}
a{color:#0b5ed7;text-underline-offset:2px}
a:hover{text-decoration:underline}
input, select, textarea, button, .btn, .secondary-btn, .nav-pill, .menu-btn, .cart-btn{
  min-height:44px;
}
input, select, textarea{
  font-size:16px !important;
  color:#111827;
  background:#ffffff;
  border:1px solid #cbd5e1;
}
::placeholder{color:#6b7280}
body, .site-body, .panel, .footer-card, footer, .drawer, .drawer a, .drawer-section-title,
.muted, .subtle, .footer-links a, .category-pill, .check-card, .product-card, .product-title{
  color:#111827 !important;
}
.brand, .logo, .site-logo{color:#0f766e !important}
.btn{
  background:#0f766e !important;
  color:#ffffff !important;
  border-color:#0f766e !important;
}
.secondary-btn, .nav-pill{
  background:#ffffff !important;
  color:#0f172a !important;
  border:1px solid #cbd5e1 !important;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible{
  outline:3px solid #2563eb !important;
  outline-offset:2px !important;
  box-shadow:none !important;
}
.check-card input[type="checkbox"],
.check-card input[type="radio"]{
  width:20px;
  height:20px;
}
table th, table td{color:#111827}
@media (max-width:768px){
  p, li, label, input, select, textarea, button, a{font-size:16px}
}


/* Final PRO polish */
.menu-button,
.menu-btn,
button.menu-button,
button.menu-btn{
  background:#0b7a66 !important;
  color:#ffffff !important;
  border-color:#0b7a66 !important;
}
.product-discount{
  background:#0b7a66 !important;
  color:#ffffff !important;
  font-weight:700 !important;
}
.installment{
  color:#0f172a !important;
  font-weight:700 !important;
}
.price-badge,
.product-price{
  color:#0f172a !important;
}


/* Safe index recovery fix */
.product-card,
.product-card_standard,
.product-card-standard{
  min-height: 320px !important;
}
.product-card img,
.product-card_standard img,
.product-card-standard img{
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  display: block !important;
}
.product-price,
.installment,
.product-discount{
  min-height: 24px !important;
}


/* Accessibility 100 final fix */
:root{
  --muted:#475569 !important;
}
p[style*="--muted"],
.site-body .muted,
.site-body .subtle,
.site-body .small-note,
.site-body p,
.site-body li,
.site-body label,
.footer-links a,
.drawer-section-title{
  color:#334155 !important;
}
.menu-button,
.menu-btn,
button.menu-button,
button.menu-btn,
.product-discount{
  background:#0b7a66 !important;
  color:#ffffff !important;
  border-color:#0b7a66 !important;
}
.installment,
.product-price,
.price-badge{
  color:#0f172a !important;
  font-weight:700 !important;
}


/* Admin flow final helpers */
.admin-shortcuts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:14px 0 20px;
}
.admin-shortcut{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:12px 14px;
  border-radius:18px;
  background:#0f766e;
  color:#fff !important;
  text-decoration:none;
  font-weight:700;
}
.admin-soft-card{
  background:#fff;
  border:1px solid #e7efec;
  border-radius:24px;
  box-shadow:0 10px 28px rgba(0,0,0,.05);
  padding:18px;
  margin-bottom:18px;
}
.admin-toolbar{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom:14px;
}
.admin-toolbar input[type="search"]{
  min-height:46px;
  border-radius:16px;
  border:1px solid #d8e6e1;
  padding:10px 14px;
  min-width:220px;
}
.admin-list-table-wrap{overflow:auto}
.category-pills{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.category-pill{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid #e4eeeb;
  border-radius:16px;
  background:#fbfefd;
}
.app-product-form .form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.app-product-form .form-group{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:12px;
}
.app-product-form input,
.app-product-form select,
.app-product-form textarea{
  border-radius:18px;
  min-height:48px;
  padding:12px 14px;
}
.app-product-form textarea{min-height:110px}
.admin-accordion{
  border:1px solid #e7efec;
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  margin-bottom:12px;
}
.admin-accordion summary{
  cursor:pointer;
  list-style:none;
  padding:16px 18px;
  font-weight:700;
  background:#f8fcfb;
}
.admin-accordion summary::-webkit-details-marker{display:none}
.admin-accordion .accordion-body{
  padding:16px 18px;
  border-top:1px solid #eef3f1;
}
@media (max-width:768px){
  .admin-shortcuts{grid-template-columns:1fr}
  .category-pills{grid-template-columns:1fr}
  .app-product-form .form-row{grid-template-columns:1fr}
}


/* homepage pagination + smaller lower carousel */
.pagination-wrap{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:#fff;font-weight:700}
.pagination-link.active{background:var(--primary);border-color:var(--primary);color:#fff}
.compact-home-carousel .product-card{min-width:185px;max-width:185px;flex-basis:185px;padding:12px;border-radius:22px}
.compact-home-carousel .product-image{height:150px;margin-bottom:10px;border-radius:18px}
.compact-home-carousel .price-box{font-size:20px;padding:12px 14px;margin-bottom:8px}
.compact-home-carousel .product-title{font-size:15px;min-height:40px;margin-bottom:0}
@media (max-width:768px){
  .compact-home-carousel .product-card{min-width:170px;max-width:170px;flex-basis:170px}
  .compact-home-carousel .product-image{height:130px}
  .pagination-link{min-width:38px;height:38px;padding:0 12px}
}

/* user requested menu + pagination final small fix */
html,
body{
  max-width:100% !important;
  overflow-x:hidden !important;
}
.site-header,
.site-body{
  overflow-x:hidden !important;
}
.menu-button{
  position:relative !important;
  z-index:1002 !important;
  touch-action:manipulation !important;
}
.menu-overlay{
  position:fixed !important;
  inset:0 !important;
  background:rgba(0,0,0,.35) !important;
  display:none !important;
  z-index:1000 !important;
}
.menu-overlay.open,
.menu-overlay.show{
  display:block !important;
}
.main-drawer{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  width:min(88vw,340px) !important;
  max-width:340px !important;
  height:100dvh !important;
  transform:translateX(112%) !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:transform .25s ease, visibility .25s ease !important;
  z-index:1001 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
}
.main-drawer.open{
  transform:translateX(0) !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
body.menu-open{
  overflow:hidden !important;
  touch-action:none !important;
}
.pagination-wrap{
  gap:7px !important;
  margin-top:16px !important;
}
.pagination-link{
  min-width:34px !important;
  width:34px !important;
  height:34px !important;
  padding:0 !important;
  border-radius:8px !important;
  font-size:14px !important;
  line-height:1 !important;
}
@media (max-width:768px){
  .main-drawer{
    width:min(86vw,320px) !important;
    max-width:320px !important;
  }
  .pagination-link{
    min-width:32px !important;
    width:32px !important;
    height:32px !important;
    border-radius:7px !important;
    font-size:13px !important;
  }
}

/* menu button click open final fix */
body.menu-open .main-drawer{
  transform:translateX(0) !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
body.menu-open .menu-overlay{
  display:block !important;
}
.main-drawer{
  will-change:transform !important;
}

/* MOBILE APP REAL UI - only visual layer, functions preserved */
:root{--app-green:#073f24;--app-soft:#f3f8f5;--app-gold:#f4cf65}
.site-header{background:linear-gradient(180deg,var(--app-green),#06351f);border-bottom:0;box-shadow:0 8px 22px rgba(7,63,36,.18)}
.topbar{min-height:86px;padding:14px 0!important;position:relative;overflow:visible!important}
.brand{display:inline-flex!important;align-items:center;gap:10px;color:#fff!important;font-size:34px!important;line-height:1;font-weight:900!important;letter-spacing:-.8px}
.brand:before{content:"";width:44px;height:44px;display:inline-block;background:linear-gradient(135deg,#83d365,#1e8d44);border-radius:70% 10% 70% 10%;transform:rotate(-22deg);box-shadow:inset -10px -10px 16px rgba(0,0,0,.12)}
.header-actions{gap:14px}.cart-pill{background:transparent!important;color:#fff!important;border:0!important;padding:8px!important;font-size:0!important;position:relative}.cart-icon{font-size:32px;line-height:1}.cart-badge{position:absolute;right:-4px;top:-2px;width:22px!important;height:22px!important;margin:0!important;background:#68c85b!important;color:#fff!important;font-size:12px!important;font-weight:900!important}.cart-text{display:none}
.menu-button{background:transparent!important;border:0!important;border-radius:12px!important;padding:8px!important;min-width:48px;min-height:48px;color:#fff!important;box-shadow:none!important}.menu-text{display:none}.menu-lines,.menu-lines:before,.menu-lines:after{display:block;width:34px;height:4px;border-radius:999px;background:#fff;content:""}.menu-lines{position:relative}.menu-lines:before{position:absolute;top:-11px;left:0}.menu-lines:after{position:absolute;top:11px;left:0}
.mobile-search-shell{display:none;background:#06351f;padding:0 0 18px;margin:0}.mobile-search-form{display:flex;align-items:center;gap:8px;background:#fff;border-radius:22px;padding:6px;box-shadow:0 10px 22px rgba(0,0,0,.12)}.mobile-search-form input{flex:1;border:0!important;background:transparent!important;min-height:50px!important;padding:0 16px!important;font-size:17px!important;outline:none}.mobile-search-form button{width:58px;height:50px;border:0;border-radius:18px;background:var(--app-green)!important;color:#fff;font-size:28px;font-weight:900;line-height:1;display:flex;align-items:center;justify-content:center}
.section{padding:22px 0}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title h2{font-size:27px!important;line-height:1.15;margin:0!important;color:#101817!important}.section-title h2:before{content:"";display:inline-block;width:9px;height:28px;border-radius:99px;background:var(--app-green);margin-right:10px;vertical-align:-5px}
.chips-track{display:flex!important;gap:18px!important;overflow-x:auto!important;scrollbar-width:none;padding:2px 2px 8px!important}.chips-track::-webkit-scrollbar{display:none}.category-chip{min-width:112px!important;flex:0 0 112px!important;min-height:106px;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;color:#172522!important;font-weight:500!important;text-align:center;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px}.category-chip:before{content:"◼";width:78px;height:78px;border-radius:50%;background:#eef6f1;color:var(--app-green);display:flex;align-items:center;justify-content:center;font-size:25px;box-shadow:inset 0 0 0 1px rgba(7,63,36,.04)}.category-chip:first-child:after{content:"";display:block;width:82px;height:4px;border-radius:999px;background:var(--app-green);margin-top:4px}
.products-grid{gap:18px!important}.product-card{border:1px solid #edf0ee!important;background:#fff!important;border-radius:24px!important;padding:14px!important;box-shadow:0 7px 20px rgba(15,23,42,.08)!important;overflow:hidden!important;position:relative!important}.product-card:hover{transform:none!important}.product-image{background:#fff!important;border-radius:18px!important;height:205px!important;margin-bottom:12px!important;overflow:visible!important}.product-image img{object-fit:contain!important;filter:drop-shadow(0 8px 8px rgba(15,23,42,.08))}.product-badge,.product-discount{top:8px!important;border-radius:12px!important;padding:7px 11px!important;font-size:12px!important;text-transform:uppercase}.product-badge{left:8px!important;background:#f5d66f!important;color:#111!important}.product-discount{right:auto!important;left:8px!important;background:var(--app-green)!important;color:#fff!important}.product-badge + .product-discount,.product-discount + .product-badge{left:92px!important}.product-title{font-size:18px!important;line-height:1.2!important;font-weight:800!important;color:#111!important;min-height:auto!important;margin:7px 0 3px!important}.short-desc{font-size:14px!important;line-height:1.25!important;color:#4b5652!important;margin:0 0 10px!important;min-height:35px}.price-box{background:transparent!important;color:var(--app-green)!important;font-size:22px!important;font-weight:900!important;padding:0!important;margin:8px 0!important;border-radius:0!important;box-shadow:none!important}.installment{display:inline-flex!important;background:#f3f8f5!important;color:var(--app-green)!important;border:1px solid #d9ebe0!important;border-radius:999px!important;padding:6px 9px!important;font-size:12px!important}.secondary-btn{background:var(--app-green)!important;color:#fff!important;border:0!important;border-radius:13px!important;min-height:48px!important;font-size:15px!important;font-weight:800!important;box-shadow:none!important}.btn-cart-icon{font-size:18px;margin-right:5px}
.pagination-wrap{gap:14px!important;margin:24px 0 6px!important}.pagination-link{width:48px!important;height:48px!important;min-width:48px!important;border-radius:12px!important;background:#fff!important;border:1px solid #dfe5e2!important;color:#16221f!important;font-size:18px!important;font-weight:700!important;box-shadow:0 4px 12px rgba(15,23,42,.04)}.pagination-link.active{background:var(--app-green)!important;border-color:var(--app-green)!important;color:#fff!important}
.compact-home-carousel .product-card{min-width:178px!important;max-width:178px!important;flex-basis:178px!important}.compact-home-carousel .product-image{height:126px!important}.compact-home-carousel .product-title{font-size:14px!important}.compact-home-carousel .price-box{font-size:18px!important}.main-drawer{background:#fff!important}.drawer-head{position:sticky;top:0;background:#fff;z-index:2;padding-bottom:12px}.drawer-title{color:var(--app-green)!important}.drawer-links .nav-pill,.drawer-accordion .nav-pill,.drawer-sub-link{border-radius:16px!important;background:#f6faf8!important;border:1px solid #e3eee8!important;color:#10221b!important;font-weight:700!important}
@media (min-width:901px){.mobile-search-shell{display:none!important}.products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.site-header{background:#fff;box-shadow:none;border-bottom:1px solid var(--border)}.brand{color:var(--primary)!important;font-size:26px!important}.brand:before{width:30px;height:30px}.menu-button{background:var(--primary)!important;padding:12px 18px!important}.menu-text{display:inline}.menu-lines{display:none}.cart-pill{background:#fff!important;color:var(--text)!important;border:1px solid var(--border)!important;font-size:16px!important}.cart-icon{display:none}.cart-text{display:inline}}
@media (max-width:768px){body{background:#fff!important}.mobile-search-shell{display:block}.topbar{min-height:82px!important}.brand{font-size:32px!important}.brand:after{content:"Təmiz su sağlam həyat";position:absolute;left:66px;top:53px;font-size:15px;line-height:1;color:var(--app-gold);font-weight:700;letter-spacing:0}.products-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important}.product-card{border-radius:18px!important;padding:10px!important}.product-image{height:168px!important;border-radius:14px!important}.product-title{font-size:16px!important}.short-desc{font-size:13px!important;min-height:32px}.price-box{font-size:20px!important}.secondary-btn{min-height:44px!important;font-size:14px!important;border-radius:11px!important}.product-badge,.product-discount{font-size:11px!important;padding:6px 9px!important}.pagination-link{width:44px!important;height:44px!important;min-width:44px!important;font-size:17px!important}.section{padding:18px 0}.section-title h2{font-size:23px!important}.category-chip{min-width:104px!important;flex-basis:104px!important;font-size:14px!important}.category-chip:before{width:68px;height:68px}.compact-home-carousel .product-card{min-width:160px!important;max-width:160px!important;flex-basis:160px!important}.compact-home-carousel .product-image{height:112px!important}.compact-home-carousel .secondary-btn{display:none!important}}
@media (max-width:420px){.brand{font-size:28px!important}.brand:before{width:39px;height:39px}.brand:after{left:61px;top:51px;font-size:14px}.topbar{padding-left:4px!important;padding-right:4px!important}.products-grid,.product-grid{gap:10px!important}.product-card{padding:9px!important}.product-image{height:145px!important}.product-title{font-size:15px!important}.short-desc{font-size:12.5px}.price-box{font-size:18px!important}.secondary-btn{font-size:13px!important}.btn-cart-icon{display:none}.category-chip{min-width:96px!important;flex-basis:96px!important}.category-chip:before{width:62px;height:62px}.mobile-search-form input{font-size:16px!important}.mobile-search-form button{width:54px}.pagination-link{width:40px!important;height:40px!important;min-width:40px!important}}

/* PRICE + MENU FINAL FIX: only visual/menu layer, old functions preserved */
html, body{max-width:100%!important;overflow-x:hidden!important;}
.site-header{overflow:visible!important;z-index:999!important;}
.topbar{overflow:visible!important;}
.product-card{display:flex!important;flex-direction:column!important;min-width:0!important;}
.product-link{display:flex!important;flex-direction:column!important;min-width:0!important;}
.product-image{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;flex:0 0 auto!important;position:relative!important;z-index:1!important;}
.product-image img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;display:block!important;position:relative!important;z-index:1!important;}
.price-box{position:relative!important;z-index:3!important;display:block!important;clear:both!important;margin:8px 0 6px!important;line-height:1.15!important;min-height:0!important;}
.installment,.product-title,.short-desc{position:relative!important;z-index:3!important;}
.main-drawer{position:fixed!important;top:0!important;right:0!important;bottom:0!important;height:100dvh!important;transform:translateX(110%)!important;visibility:hidden!important;pointer-events:none!important;z-index:2147483001!important;}
.main-drawer.open,body.menu-open .main-drawer{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important;}
.menu-overlay{z-index:2147483000!important;}
.menu-overlay.open,.menu-overlay.show,body.menu-open .menu-overlay{display:block!important;}
.menu-button{position:relative!important;z-index:2147483002!important;pointer-events:auto!important;}
body.menu-open{overflow:hidden!important;}
@media (max-width:420px){.product-image{height:150px!important;margin-bottom:10px!important;}.price-box{font-size:18px!important;margin:7px 0 6px!important;}}

/* Bulk product add slots */
.bulk-slots-wrap{display:flex;flex-direction:column;gap:12px}
.bulk-slot-row{display:grid;grid-template-columns:86px 1.2fr 1.8fr 1fr 1fr 1fr;gap:10px;align-items:end;padding:12px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}
.bulk-slot-no{font-weight:800;color:#064e3b;padding-bottom:13px}
.real-media-box{margin:16px 0;padding:14px;border:1px solid #dbeafe;background:#f8fbff;border-radius:16px}
.callback-card{max-width:760px;margin:0 auto}
@media (max-width:900px){.bulk-slot-row{grid-template-columns:1fr}.bulk-slot-no{padding-bottom:0}}.drawer-acc-head{display:flex;align-items:center;gap:8px}
.drawer-acc-main-link{flex:1;display:block;padding:12px 14px;border-radius:12px;background:#f7fafc;font-weight:800;color:inherit;text-decoration:none}
.drawer-acc-plus{width:44px;min-width:44px;display:flex;align-items:center;justify-content:center}

/* MENU + BULK + LIGHT HOME CAROUSEL FIX 2026-04-24 */
.main-drawer{width:min(420px,94vw)!important;max-width:94vw!important;padding:14px!important;overflow-y:auto!important;overflow-x:hidden!important;box-shadow:-18px 0 40px rgba(15,23,42,.16)!important;background:#fff!important}.drawer-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:8px!important;padding:6px 2px 12px!important}.drawer-title{font-size:22px!important;font-weight:900!important;color:#10221b!important}.drawer-close{width:42px!important;height:42px!important;border-radius:14px!important;border:1px solid #dbe7e2!important;background:#fff!important;color:#0f766e!important;font-size:28px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important}.drawer-group{margin:10px 0 16px!important}.drawer-section-title{font-size:14px!important;font-weight:900!important;color:#64748b!important;margin:8px 0!important;text-transform:uppercase;letter-spacing:.03em}.drawer-links{display:grid!important;gap:8px!important}.drawer-links .nav-pill,.drawer-accordion .nav-pill,.drawer-sub-link{min-height:44px!important;padding:10px 12px!important;font-size:15px!important}.drawer-accordion{display:grid!important;gap:9px!important}.drawer-acc-item{border:1px solid #e3eee8!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important}.drawer-acc-head{display:grid!important;grid-template-columns:1fr 46px!important;gap:8px!important;align-items:center!important;padding:6px!important}.drawer-acc-main-link,.drawer-cat-link{display:flex!important;align-items:center!important;gap:10px!important;min-height:44px!important;padding:10px 12px!important;border-radius:12px!important;background:#f6faf8!important;color:#10221b!important;font-weight:800!important;text-decoration:none!important;white-space:normal!important;line-height:1.2!important}.drawer-cat-icon{width:28px;height:28px;min-width:28px;border-radius:10px;background:#eaf7f0;display:inline-flex;align-items:center;justify-content:center;font-size:16px}.drawer-acc-plus{height:44px!important;border:1px solid #dbe7e2!important;border-radius:12px!important;background:#fff!important;color:#0f766e!important;font-size:22px!important;font-weight:900!important}.drawer-acc-panel{display:none!important;padding:0 8px 8px!important}.drawer-acc-item.open .drawer-acc-panel{display:grid!important;gap:7px!important}.drawer-sub-link{display:flex!important;align-items:center!important;background:#fff!important;border:1px solid #edf4f0!important;margin:0!important;color:#334155!important}.drawer-sub-all{font-weight:900!important;color:#0f766e!important}@media (max-width:480px){.main-drawer{width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important;right:9px!important;top:9px!important;bottom:9px!important;height:calc(100dvh - 18px)!important;border-radius:22px!important}.menu-overlay.open,.menu-overlay.show,body.menu-open .menu-overlay{background:rgba(15,23,42,.34)!important;backdrop-filter:blur(2px)!important}}
.bulk-extra-cats{border:1px solid #e5e7eb;border-radius:16px;background:#fff;overflow:hidden}.bulk-extra-cats summary{cursor:pointer;padding:13px 14px;font-weight:800;color:#0f766e;list-style:none}.bulk-extra-cats summary::-webkit-details-marker{display:none}.bulk-extra-cats summary:after{content:'+';float:right;font-size:20px;font-weight:900}.bulk-extra-cats[open] summary:after{content:'−'}.bulk-extra-cat-list{max-height:240px!important;overflow:auto!important;padding:10px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.bulk-extra-cat-list .category-pill{margin:0!important;font-size:14px!important;padding:10px!important;border-radius:12px!important}.bulk-extra-cat-list .category-pill input{width:18px!important;height:18px!important}@media (max-width:700px){.bulk-extra-cat-list{grid-template-columns:1fr!important;max-height:210px!important}.bulk-slot-row{padding:12px!important;border-radius:18px!important}.bulk-slot-row .form-group{margin-bottom:8px!important}.bulk-slot-no{font-size:18px!important}}
.section-more-link{font-weight:800;color:#0f766e;text-decoration:none;background:#eef9f5;border:1px solid #d9eee7;padding:8px 12px;border-radius:999px}.top-category-carousel{padding-bottom:8px}.top-category-carousel .product-card{min-width:168px!important;max-width:168px!important}.top-category-carousel .product-image{height:118px!important}@media (max-width:480px){.top-category-carousel .product-card{min-width:148px!important;max-width:148px!important}.top-category-carousel .product-image{height:104px!important}.section-category-highlights{padding-top:8px!important}}
/* Final user fix: tiny auto-rotating top product carousel */
.mini-top-products{padding:10px 0 6px!important;background:#fff!important;overflow:hidden!important}
.mini-carousel-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px!important}
.mini-carousel-head h2{font-size:18px!important;line-height:1.1!important;margin:0!important;color:#10221b!important;font-weight:900!important}
.mini-carousel-head h2:before{content:"";display:inline-block;width:6px;height:18px;border-radius:99px;background:var(--app-green,#007a4d);margin-right:8px;vertical-align:-3px}
.mini-marquee{overflow:hidden!important;width:100%!important;mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}
.mini-marquee-track{display:flex!important;gap:10px!important;width:max-content!important;animation:mini-scroll var(--carousel-speed,30s) linear infinite!important;will-change:transform!important}
.mini-marquee:hover .mini-marquee-track{animation-play-state:paused!important}
.mini-product{flex:0 0 142px!important;width:142px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:7px!important;border:1px solid #e7eee9!important;border-radius:15px!important;background:#fff!important;box-shadow:0 3px 10px rgba(15,23,42,.05)!important;color:#10221b!important;min-height:66px!important}
.mini-product-img{width:50px!important;height:50px!important;flex:0 0 50px!important;border-radius:12px!important;background:#f6faf8!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.mini-product-img img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
.mini-product-info{min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
.mini-product-title{font-size:12px!important;line-height:1.15!important;font-weight:800!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.mini-product-price{font-size:13px!important;line-height:1!important;color:var(--app-green,#007a4d)!important;font-weight:900!important;white-space:nowrap!important}
@keyframes mini-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:768px){.mini-top-products{padding:8px 0 4px!important}.mini-carousel-head h2{font-size:16px!important}.mini-product{flex-basis:124px!important;width:124px!important;min-height:58px!important;padding:6px!important;border-radius:13px!important}.mini-product-img{width:42px!important;height:42px!important;flex-basis:42px!important}.mini-product-title{font-size:11px!important}.mini-product-price{font-size:12px!important}.mini-marquee-track{gap:8px!important}}
.coupon-status-box{border:1px solid #c7ead7!important;background:#f4fff8!important;color:#064e3b!important;border-radius:14px!important;padding:12px 14px!important;margin:12px 0!important;font-weight:700!important}
.coupon-status-box.warn{border-color:#fde68a!important;background:#fffbeb!important;color:#92400e!important}

/* FINAL CLEAN MOBILE HEADER + DRAGGABLE CAROUSELS FIX */
.brand:after{content:none!important;display:none!important;}
@media (max-width:768px){.topbar{min-height:72px!important;padding-top:10px!important;padding-bottom:10px!important}.brand{font-size:30px!important;line-height:1!important}}
@media (max-width:420px){.topbar{min-height:68px!important}.brand{font-size:27px!important}}
.chips-track,.mini-marquee{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;cursor:grab!important;touch-action:pan-x!important;user-select:none!important}.chips-track.dragging,.mini-marquee.dragging{cursor:grabbing!important;scroll-behavior:auto!important}.chips-track::-webkit-scrollbar,.mini-marquee::-webkit-scrollbar{display:none!important}.category-chip{scroll-snap-align:start!important}.chips-track{scroll-snap-type:x proximity!important}
.mini-top-products{padding:8px 0 8px!important;background:#fff!important}.mini-marquee{width:100%!important;max-width:100%!important;mask-image:linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)!important;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)!important}.mini-marquee-track{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:8px!important;width:max-content!important;min-width:max-content!important;animation:mini-scroll var(--carousel-speed,30s) linear infinite!important;will-change:transform!important}.mini-marquee:hover .mini-marquee-track,.mini-marquee.dragging .mini-marquee-track,.mini-marquee.paused .mini-marquee-track{animation-play-state:paused!important}.mini-product{flex:0 0 118px!important;width:118px!important;max-width:118px!important;min-width:118px!important;min-height:128px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;padding:7px!important;border:1px solid #e7eee9!important;border-radius:14px!important;background:#fff!important;box-shadow:0 3px 10px rgba(15,23,42,.05)!important;color:#10221b!important;text-decoration:none!important;overflow:hidden!important}.mini-product-img{width:76px!important;height:76px!important;flex:0 0 76px!important;border-radius:12px!important;background:#f6faf8!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.mini-product-img img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}.mini-product-info{width:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;text-align:center!important}.mini-product-title{font-size:11px!important;line-height:1.15!important;font-weight:800!important;color:#10221b!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;max-width:100%!important}.mini-product-price{font-size:12px!important;line-height:1!important;color:var(--app-green,#007a4d)!important;font-weight:900!important;white-space:nowrap!important}@media (max-width:768px){.mini-product{flex-basis:104px!important;width:104px!important;max-width:104px!important;min-width:104px!important;min-height:116px!important;padding:6px!important}.mini-product-img{width:66px!important;height:66px!important;flex-basis:66px!important}.mini-product-title{font-size:10.5px!important}.mini-product-price{font-size:11px!important}}

/* BLOG + WHATSAPP FINAL ADDON - Filterim.az */
.blog-hero{background:linear-gradient(135deg,#eef8ff 0%,#ffffff 55%,#effdf7 100%);padding:34px 0 26px;overflow:hidden}.blog-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:28px}.blog-kicker{display:inline-flex;align-items:center;gap:8px;background:#e6f6ef;color:#047857;border:1px solid #c8eadb;border-radius:999px;padding:8px 12px;font-weight:900;font-size:13px}.blog-hero h1,.blog-detail h1{font-size:clamp(30px,5vw,54px);line-height:1.05;margin:14px 0 12px;color:#0f172a;letter-spacing:-1px}.blog-hero p,.blog-detail-head p{font-size:18px;line-height:1.65;color:#475569;margin:0;max-width:690px}.blog-hero-card{background:#fff;border:1px solid #e4eef8;border-radius:34px;padding:10px;box-shadow:0 22px 55px rgba(15,23,42,.10)}.blog-hero-card img{width:100%;height:auto;display:block;border-radius:26px}.blog-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.blog-primary-btn,.blog-secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:14px;padding:0 18px;text-decoration:none;font-weight:900}.blog-primary-btn{background:#075cac;color:#fff;box-shadow:0 12px 24px rgba(7,92,172,.18)}.blog-secondary-btn{background:#fff;color:#075cac;border:1px solid #cfe2f5}.blog-trust-row{margin-top:-10px;position:relative;z-index:2}.blog-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.blog-trust-grid>div{background:#fff;border:1px solid #e5eef7;border-radius:18px;padding:16px 18px;box-shadow:0 12px 28px rgba(15,23,42,.06)}.blog-trust-grid strong{display:block;color:#0f172a;font-size:16px}.blog-trust-grid span{display:block;margin-top:5px;color:#64748b;font-size:14px}.blog-title-center{display:block!important;text-align:center!important}.blog-title-center h2:before{display:none!important}.blog-title-center h2{font-size:34px!important}.blog-title-center p{margin:8px auto 0;color:#64748b}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-card{background:#fff;border:1px solid #e6edf3;border-radius:22px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.06);transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(15,23,42,.10)}.blog-card-img{display:block;aspect-ratio:16/9;background:#eef8ff;overflow:hidden}.blog-card-img img{width:100%;height:100%;object-fit:cover;display:block}.blog-card-body{padding:16px}.blog-card h3{font-size:18px;line-height:1.25;margin:0 0 10px}.blog-card h3 a{color:#0f172a;text-decoration:none}.blog-card p{font-size:14px;line-height:1.55;color:#64748b;margin:0 0 14px}.blog-read-more{color:#075cac;font-weight:900;text-decoration:none}.blog-bottom-cta{padding:10px 0 36px}.blog-cta-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#075cac,#0f766e);border-radius:28px;padding:28px;color:#fff}.blog-cta-panel h2{margin:0 0 8px;font-size:28px}.blog-cta-panel p{margin:0;color:rgba(255,255,255,.86)}.blog-cta-panel .blog-primary-btn{background:#fff;color:#075cac;box-shadow:none;white-space:nowrap}.blog-detail{background:#fff}.blog-detail-wrap{padding-top:24px;padding-bottom:34px}.blog-breadcrumb{font-size:14px;color:#64748b;margin:8px 0 18px}.blog-breadcrumb a{color:#075cac;text-decoration:none;font-weight:800}.blog-detail-head{display:grid;grid-template-columns:1fr 420px;gap:26px;align-items:center;background:linear-gradient(135deg,#f2f9ff,#fff);border:1px solid #e5eef7;border-radius:28px;padding:24px}.blog-detail-head img{width:100%;height:auto;border-radius:22px;background:#fff}.blog-content-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin-top:22px}.blog-content{background:#fff;border:1px solid #e5eef7;border-radius:24px;padding:24px}.blog-content p{font-size:17px;line-height:1.8;color:#334155}.blog-content h2{font-size:26px;color:#0f172a;margin-top:28px}.blog-check-list{display:grid;gap:10px;padding:0;margin:12px 0;list-style:none}.blog-check-list li{background:#f0fdf4;border:1px solid #d9f7e4;border-radius:14px;padding:12px 14px;color:#14532d;font-weight:700}.blog-check-list li:before{content:'✓ ';font-weight:900}.blog-faq-list{display:grid;gap:10px}.blog-faq-list details{border:1px solid #e5eef7;border-radius:14px;background:#f8fbff;padding:12px 14px}.blog-faq-list summary{cursor:pointer;font-weight:900;color:#0f172a}.blog-faq-list p{font-size:15px;margin:10px 0 0;color:#475569}.blog-side-card{position:sticky;top:108px;align-self:start;background:#fff;border:1px solid #e5eef7;border-radius:24px;padding:18px;box-shadow:0 12px 28px rgba(15,23,42,.06)}.blog-side-card h3{margin:0 0 8px}.blog-side-card p{color:#64748b;line-height:1.55}.blog-side-card .blog-primary-btn,.blog-side-card .blog-secondary-btn{width:100%;margin-top:10px}.filterim-wa{position:fixed;right:18px;bottom:18px;z-index:1300;font-family:Arial,sans-serif}.filterim-wa-panel{position:absolute;right:0;bottom:76px;width:min(330px,calc(100vw - 28px));background:#fff;border:1px solid #e5eef7;border-radius:22px;padding:14px;box-shadow:0 22px 60px rgba(15,23,42,.22);opacity:0;transform:translateY(12px) scale(.98);pointer-events:none;transition:.18s ease}.filterim-wa.open .filterim-wa-panel{opacity:1;transform:none;pointer-events:auto}.filterim-wa-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.filterim-wa-head strong{display:block;color:#0f172a;font-size:16px}.filterim-wa-head span{display:block;margin-top:4px;color:#64748b;font-size:13px}.filterim-wa-close{border:0;background:#f1f5f9;color:#334155;width:30px;height:30px;border-radius:10px;font-size:20px;line-height:1;cursor:pointer}.filterim-wa-options{display:grid;gap:8px}.filterim-wa-option{display:flex;align-items:center;gap:10px;min-height:48px;padding:9px 11px;border:1px solid #e5eef7;border-radius:14px;text-decoration:none;color:#0f172a;font-weight:800;background:#fff}.filterim-wa-option:hover{background:#f8fbff}.filterim-wa-icon{width:30px;height:30px;border-radius:10px;background:#e8f8ef;color:#16a34a;display:flex;align-items:center;justify-content:center}.filterim-wa-main{width:62px;height:62px;border:0;border-radius:50%;background:#22c55e;color:#fff;box-shadow:0 14px 30px rgba(34,197,94,.35);display:flex;align-items:center;justify-content:center;cursor:pointer}.filterim-wa-main svg{width:34px;height:34px;fill:currentColor}.filterim-wa-pulse{position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(34,197,94,.35);animation:waPulse 1.8s ease-out infinite;pointer-events:none}@keyframes waPulse{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.45);opacity:0}}
@media (max-width:900px){.blog-hero-inner,.blog-detail-head,.blog-content-shell{grid-template-columns:1fr}.blog-hero-card{order:-1}.blog-trust-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-side-card{position:static}.blog-cta-panel{display:block}.blog-cta-panel .blog-primary-btn{margin-top:16px}.filterim-wa{right:14px;bottom:14px}.filterim-wa-main{width:58px;height:58px}}
@media (max-width:560px){.blog-hero{padding:18px 0}.blog-hero h1,.blog-detail h1{font-size:30px}.blog-hero p,.blog-detail-head p{font-size:16px}.blog-hero-card{border-radius:24px}.blog-title-center h2{font-size:27px!important}.blog-grid{grid-template-columns:1fr;gap:14px}.blog-card{border-radius:18px}.blog-detail-head,.blog-content{padding:16px;border-radius:20px}.blog-cta-panel{padding:20px;border-radius:22px}.blog-cta-panel h2{font-size:22px}.filterim-wa-panel{bottom:70px;right:-4px}.filterim-wa-option{min-height:46px;font-size:14px}}

/* ADMIN APP POLISH - mobile-first, structure-safe */
.admin-app-body{background:#f4f8f7!important;color:#10221b!important;-webkit-font-smoothing:antialiased}.admin-app-shell{grid-template-columns:292px minmax(0,1fr)!important;background:#f4f8f7!important}.admin-app-sidebar{background:linear-gradient(180deg,#0f766e 0%,#0f2f3a 100%)!important;border-right:1px solid rgba(255,255,255,.14)!important;box-shadow:18px 0 50px rgba(15,23,42,.08)!important;padding:16px!important;overflow:auto!important}.admin-brand-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}.admin-brand-icon{width:46px;height:46px;border-radius:18px;background:#fff;color:#0f766e;display:flex;align-items:center;justify-content:center;font-weight:1000;font-size:24px;box-shadow:0 12px 30px rgba(0,0,0,.14)}.admin-brand-title{font-size:19px;font-weight:1000;line-height:1.1}.admin-brand-sub{font-size:12px;color:rgba(255,255,255,.72);margin-top:3px}.admin-close-btn{display:none;margin-left:auto;width:38px;height:38px;border:0;border-radius:14px;background:rgba(255,255,255,.12);color:#fff;font-size:28px;line-height:1}.admin-nav-list{display:grid;gap:7px}.admin-nav-link{display:flex!important;align-items:center;gap:11px;min-height:46px;padding:11px 13px!important;border-radius:16px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;box-shadow:none!important}.admin-nav-link span{width:26px;text-align:center;font-size:17px}.admin-nav-link b{font-size:14px;line-height:1.2}.admin-nav-link:hover,.admin-nav-link.active{background:#fff!important;color:#0f766e!important;transform:translateX(2px)}.admin-logout-link{margin-top:14px;background:rgba(239,68,68,.24)!important}.admin-main-area{min-width:0;padding:18px 18px 34px!important}.admin-app-top{position:sticky;top:0;z-index:50;background:rgba(244,248,247,.88);backdrop-filter:blur(14px);border:1px solid #dcebe6;border-radius:24px;padding:12px 14px;margin-bottom:16px;box-shadow:0 12px 32px rgba(15,23,42,.06)}.admin-app-top h1{margin:0!important;font-size:clamp(22px,4vw,34px);line-height:1.1;letter-spacing:-.02em;color:#0f172a}.admin-app-top p{margin:4px 0 0;color:#64748b;font-size:13px}.admin-user-chip{background:#fff;border:1px solid #dcebe6;border-radius:999px;padding:10px 14px;font-weight:900;color:#0f766e;box-shadow:0 8px 18px rgba(15,23,42,.05)}.admin-card,.admin-soft-card,.panel{border-radius:24px!important;border:1px solid #dcebe6!important;background:#fff!important;box-shadow:0 12px 34px rgba(15,23,42,.06)!important}.admin-card,.admin-soft-card{padding:16px!important;margin-bottom:16px}.admin-card h2,.admin-soft-card h2,.panel h3{color:#0f172a!important;letter-spacing:-.01em}.admin-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}.admin-shortcut,.secondary-btn,.danger-btn,.btn{min-height:42px!important;border-radius:14px!important;font-weight:900!important;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;gap:8px}.admin-shortcut{background:#ecfdf5;border:1px solid #bbf7d0;color:#047857;padding:0 14px}.admin-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}.admin-toolbar input,.admin-card input,.admin-card select,.admin-card textarea,.admin-soft-card input,.admin-soft-card select,.admin-soft-card textarea{border:1px solid #dbe7e2!important;border-radius:14px!important;min-height:42px!important;padding:10px 12px!important;background:#fbfefd!important;outline:none!important}.admin-toolbar input:focus,.admin-card input:focus,.admin-card select:focus,.admin-card textarea:focus,.admin-soft-card input:focus,.admin-soft-card select:focus,.admin-soft-card textarea:focus{border-color:#0f766e!important;box-shadow:0 0 0 4px rgba(15,118,110,.10)!important}.table-wrap,.admin-list-table-wrap{overflow:auto;border-radius:18px;border:1px solid #e5efeb;background:#fff}.table{border-collapse:separate!important;border-spacing:0!important;width:100%}.table th{background:#f2fbf8!important;color:#0f766e!important;font-size:13px;text-transform:uppercase;letter-spacing:.03em}.table th,.table td{padding:12px!important;border-bottom:1px solid #e8f1ed!important;vertical-align:middle}.table tr:hover td{background:#fbfefd}.notice{border-radius:16px!important;padding:12px 14px!important;margin:10px 0!important}.products-grid{gap:14px!important}.products-grid .panel{min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.products-grid .panel h3{margin:0 0 8px;font-size:15px;color:#64748b!important}.products-grid .panel div{font-size:30px;font-weight:1000;color:#0f766e}.mobile-admin-toggle{border:0!important;background:#0f766e!important;color:#fff!important;border-radius:16px!important;width:46px;height:46px;padding:0!important;font-size:22px;align-items:center;justify-content:center;box-shadow:0 12px 24px rgba(15,118,110,.22)}.admin-menu-backdrop{display:none}.admin-sidebar.open + .admin-menu-backdrop{display:block}
@media (max-width:900px){.admin-app-shell{display:block!important}.admin-app-sidebar{left:-320px!important;width:292px!important;height:100dvh!important;border-radius:0 24px 24px 0!important;transition:.2s ease!important}.admin-app-sidebar.open{left:0!important}.admin-close-btn{display:inline-flex;align-items:center;justify-content:center}.admin-main-area{padding:10px 10px 96px!important}.admin-app-top{border-radius:20px;margin-bottom:12px}.admin-app-top{display:grid!important;grid-template-columns:46px 1fr auto;gap:10px;align-items:center}.admin-app-top p{display:none}.mobile-admin-toggle{display:inline-flex!important}.admin-user-chip{font-size:12px;padding:8px 10px}.admin-card,.admin-soft-card{padding:12px!important;border-radius:20px!important}.admin-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-shortcut{width:100%;padding:0 8px;font-size:13px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.products-grid .panel{min-height:104px;padding:14px!important}.products-grid .panel div{font-size:25px}.table-wrap,.admin-list-table-wrap{border:0;overflow:visible;background:transparent}.admin-card table.table,.admin-soft-card table.table,.table-wrap table.table{display:block}.admin-card table.table tbody,.admin-soft-card table.table tbody,.table-wrap table.table tbody{display:block}.admin-card table.table tr,.admin-soft-card table.table tr,.table-wrap table.table tr{display:block;background:#fff;border:1px solid #dcebe6;border-radius:18px;margin:10px 0;padding:10px;box-shadow:0 10px 24px rgba(15,23,42,.05)}.admin-card table.table tr:first-child,.admin-soft-card table.table tr:first-child,.table-wrap table.table tr:first-child{display:none}.admin-card table.table td,.admin-soft-card table.table td,.table-wrap table.table td{display:flex!important;justify-content:space-between;gap:14px;align-items:flex-start;border:0!important;border-bottom:1px dashed #e5efeb!important;padding:10px 4px!important;white-space:normal!important;background:transparent!important}.admin-card table.table td:last-child,.admin-soft-card table.table td:last-child,.table-wrap table.table td:last-child{border-bottom:0!important;display:block!important}.admin-card table.table td:before,.admin-soft-card table.table td:before,.table-wrap table.table td:before{content:attr(data-label);min-width:96px;color:#64748b;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.02em}.admin-card table.table td:last-child:before,.admin-soft-card table.table td:last-child:before,.table-wrap table.table td:last-child:before{display:block;margin-bottom:8px}.admin-card form,.admin-soft-card form{max-width:100%;min-width:0!important}.admin-card form[style*="grid"],.admin-soft-card form[style*="grid"]{display:grid!important;grid-template-columns:1fr!important;min-width:0!important}.admin-card img,.admin-soft-card img{max-width:92px;height:auto}.admin-menu-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:999;opacity:0;pointer-events:none;transition:.2s}.admin-app-sidebar.open ~ .admin-menu-backdrop{display:block;opacity:1;pointer-events:auto}}
@media (max-width:520px){.admin-main-area{padding-left:8px!important;padding-right:8px!important}.products-grid{grid-template-columns:1fr!important}.admin-app-top{grid-template-columns:44px 1fr}.admin-user-chip{display:none}.admin-app-top h1{font-size:21px}.admin-shortcuts{grid-template-columns:1fr}.admin-card table.table td,.admin-soft-card table.table td,.table-wrap table.table td{display:block!important}.admin-card table.table td:before,.admin-soft-card table.table td:before,.table-wrap table.table td:before{display:block;margin-bottom:5px}.btn,.secondary-btn,.danger-btn{width:100%;margin-top:5px}}
.admin-dashboard-grid a.panel{text-decoration:none!important;color:inherit!important;transition:transform .15s ease,box-shadow .15s ease}.admin-dashboard-grid a.panel:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(15,23,42,.10)!important}

@media (max-width:900px){body.admin-menu-open .admin-menu-backdrop{display:block!important;opacity:1!important;pointer-events:auto!important}}

/* FINAL MOBILE ADMIN FIX v4 - no horizontal scroll, app cards, fast mobile */
html,body{max-width:100%;overflow-x:hidden!important}
*,*::before,*::after{box-sizing:border-box}
input[type="checkbox"],input[type="radio"]{width:auto!important;min-width:18px!important;min-height:18px!important;height:18px!important;padding:0!important;display:inline-block!important;flex:0 0 auto!important;accent-color:#0f766e}
.badge-pill input[type="checkbox"],.check-card input[type="checkbox"]{margin-right:8px!important}
.admin-main-area,.admin-card,.admin-soft-card,.panel,.table-wrap,.admin-list-table-wrap{max-width:100%!important;min-width:0!important}
.admin-card form,.admin-soft-card form,.form-row{max-width:100%!important;min-width:0!important}
.admin-card input,.admin-card select,.admin-card textarea,.admin-soft-card input,.admin-soft-card select,.admin-soft-card textarea{max-width:100%!important}
@media (max-width:1200px){body.admin-app-body{background:#f4f8f7!important;overflow-x:hidden!important}.admin-app-shell,.admin-layout{display:block!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}.admin-app-sidebar,.admin-sidebar{position:fixed!important;left:-330px!important;top:0!important;width:min(292px,86vw)!important;height:100dvh!important;z-index:1000!important;border-radius:0 24px 24px 0!important;transition:left .18s ease!important;overflow:auto!important}.admin-app-sidebar.open,.admin-sidebar.open{left:0!important}.admin-close-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important}.admin-main-area{padding:10px 10px 96px!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.admin-app-top,.admin-top{position:sticky!important;top:0!important;z-index:50!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;margin:0 0 12px!important;padding:12px!important;border-radius:20px!important;width:100%!important;max-width:100%!important;background:rgba(244,248,247,.94)!important;backdrop-filter:blur(14px)!important;border:1px solid #dcebe6!important;box-shadow:0 12px 32px rgba(15,23,42,.06)!important}.admin-app-top h1,.admin-top h1{font-size:clamp(22px,7vw,34px)!important;line-height:1.05!important;margin:0!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important}.admin-app-top p,.admin-top p{display:none!important}.mobile-admin-toggle{display:inline-flex!important;position:static!important;min-width:46px!important;width:46px!important;height:46px!important;border-radius:16px!important;align-items:center!important;justify-content:center!important;z-index:3!important}.admin-user-chip{font-size:12px!important;padding:8px 10px!important;max-width:88px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.admin-card,.admin-soft-card,.panel{border-radius:20px!important;padding:12px!important;margin:0 0 14px!important;width:100%!important;overflow:hidden!important}.admin-card h2,.admin-soft-card h2{font-size:clamp(22px,6vw,30px)!important;line-height:1.15!important;margin-top:0!important}.form-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.admin-shortcuts{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}.admin-shortcut,.btn,.secondary-btn,.danger-btn{width:100%!important;min-height:48px!important;font-size:15px!important}.products-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.table-wrap,.admin-list-table-wrap{border:0!important;overflow:visible!important;background:transparent!important;width:100%!important;max-width:100%!important}.admin-card table.table,.admin-soft-card table.table,.table-wrap table.table{display:block!important;width:100%!important;min-width:0!important;border:0!important;background:transparent!important}.admin-card table.table tbody,.admin-soft-card table.table tbody,.table-wrap table.table tbody{display:block!important;width:100%!important}.admin-card table.table tr,.admin-soft-card table.table tr,.table-wrap table.table tr{display:block!important;width:100%!important;background:#fff!important;border:1px solid #dcebe6!important;border-radius:18px!important;margin:10px 0!important;padding:10px!important;box-shadow:0 10px 24px rgba(15,23,42,.05)!important}.admin-card table.table tr:first-child,.admin-soft-card table.table tr:first-child,.table-wrap table.table tr:first-child{display:none!important}.admin-card table.table th,.admin-soft-card table.table th,.table-wrap table.table th{display:none!important}.admin-card table.table td,.admin-soft-card table.table td,.table-wrap table.table td{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;width:100%!important;border:0!important;border-bottom:1px dashed #e5efeb!important;padding:9px 2px!important;white-space:normal!important;word-break:break-word!important;background:transparent!important;text-align:left!important}.admin-card table.table td:last-child,.admin-soft-card table.table td:last-child,.table-wrap table.table td:last-child{border-bottom:0!important}.admin-card table.table td:before,.admin-soft-card table.table td:before,.table-wrap table.table td:before{content:attr(data-label)!important;color:#64748b!important;font-weight:900!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.02em!important;min-width:0!important}.admin-card table.table td:empty{display:none!important}.admin-card img,.admin-soft-card img,.table img{max-width:84px!important;height:auto!important;border-radius:12px!important}}
@media (max-width:520px){.admin-main-area{padding-left:8px!important;padding-right:8px!important}.admin-app-top,.admin-top{grid-template-columns:44px minmax(0,1fr)!important}.admin-user-chip{display:none!important}.admin-card table.table td,.admin-soft-card table.table td,.table-wrap table.table td{grid-template-columns:1fr!important;gap:4px!important}}

/* ADMIN BUTTON TEXT VISIBILITY FIX */
body.admin-app-body .admin-shortcut,
body.admin-app-body a.admin-shortcut,
body.admin-app-body .admin-card .btn,
body.admin-app-body .admin-soft-card .btn,
body.admin-app-body .admin-card .secondary-btn,
body.admin-app-body .admin-soft-card .secondary-btn,
body.admin-app-body .table-wrap .secondary-btn,
body.admin-app-body .admin-list-table-wrap .secondary-btn{
  background:#0f766e!important;
  background-image:linear-gradient(180deg,#0f766e,#0b5f58)!important;
  color:#ffffff!important;
  border:1px solid #0b5f58!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18)!important;
  box-shadow:0 10px 22px rgba(15,118,110,.20)!important;
}
body.admin-app-body .admin-shortcut *,
body.admin-app-body .admin-card .btn *,
body.admin-app-body .admin-soft-card .btn *,
body.admin-app-body .admin-card .secondary-btn *,
body.admin-app-body .admin-soft-card .secondary-btn *,
body.admin-app-body .table-wrap .secondary-btn *,
body.admin-app-body .admin-list-table-wrap .secondary-btn *{
  color:#ffffff!important;
}
body.admin-app-body .admin-shortcut:hover,
body.admin-app-body .admin-card .btn:hover,
body.admin-app-body .admin-soft-card .btn:hover,
body.admin-app-body .admin-card .secondary-btn:hover,
body.admin-app-body .admin-soft-card .secondary-btn:hover,
body.admin-app-body .table-wrap .secondary-btn:hover,
body.admin-app-body .admin-list-table-wrap .secondary-btn:hover{
  background:#0b5f58!important;
  background-image:linear-gradient(180deg,#0b5f58,#064e48)!important;
  color:#ffffff!important;
}
body.admin-app-body .danger-btn,
body.admin-app-body .admin-card .danger-btn,
body.admin-app-body .admin-soft-card .danger-btn{
  background:#dc2626!important;
  background-image:linear-gradient(180deg,#dc2626,#991b1b)!important;
  color:#ffffff!important;
  border:1px solid #991b1b!important;
}


/* Product delivery badges */
.delivery-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px}
.delivery-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:800;line-height:1.2;border:1px solid transparent}
.delivery-badge.free{background:#ecfdf5;color:#065f46;border-color:#bbf7d0}
.delivery-badge.bolt{background:#eef2ff;color:#3730a3;border-color:#c7d2fe}
.delivery-badge.paid{background:#fef3c7;color:#92400e;border-color:#fde68a}
.delivery-badge.region{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.delivery-badge.pickup{background:#f7f7f7;color:#374151;border-color:#e5e7eb}
.delivery-note{font-size:13px;color:#6b7280;font-weight:700}
.card-delivery{margin-top:8px;padding:6px 10px;font-size:12px}

/* PUBLIC PRODUCT GRID ONLY FIX - keeps mobile cards side by side, does not touch admin */
body.site-body .products-grid,
body:not(.admin-app-body) .products-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
body.site-body .products-grid > *,
body:not(.admin-app-body) .products-grid > *{
  width:100%!important;
  min-width:0!important;
}
@media (max-width:900px){
  body.site-body .products-grid,
  body:not(.admin-app-body) .products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
}
@media (max-width:520px){
  body.site-body .products-grid,
  body:not(.admin-app-body) .products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.site-body .product-card,
  body:not(.admin-app-body) .product-card{
    padding:10px!important;
    width:100%!important;
  }
  body.site-body .product-image,
  body:not(.admin-app-body) .product-image{
    height:150px!important;
  }
}