/* =========================================================
   FABRIC-STOCK24 - RESPONSIVE STYLES
   Alle mobilen Breakpoints zentral
   ========================================================= */


/* --- mobile/admin/admin-product-form.mobile.css --- */
@media(max-width:768px){.admin-content>.bg-white,.admin-content form.bg-white,.admin-content .bg-white.p-4.rounded.shadow-sm{padding:18px!important;border-radius:16px!important}.admin-content .row.g-3>[class*="col-"]{width:100%}}

/* --- mobile/admin/admin-product-full.mobile.css --- */
@media(max-width:768px){.product-admin-full-form{padding:0 8px 20px}.product-admin-card{padding:18px}.product-gallery-head{display:block}.product-gallery-head span{display:inline-flex;margin-top:8px}.product-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-gallery-upload{grid-template-columns:1fr}.product-form-actions{text-align:left}.product-form-actions .btn{width:100%;margin:5px 0!important}.product-variant-row>[class*="col-"]{width:100%}}

/* --- mobile/admin/admin-products.mobile.css --- */
@media(max-width:1200px){.admin-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.admin-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-products-hero{flex-direction:column;align-items:flex-start}.admin-products-toolbar{flex-direction:column;align-items:stretch}}
@media(max-width:560px){.admin-products-grid{grid-template-columns:1fr}.admin-products-hero{padding:22px;border-radius:18px}.admin-products-hero h1{font-size:1.55rem}.admin-product-actions .btn:first-child{flex:1}}

/* --- mobile/admin/campaign_send.mobile.css --- */
@media(max-width:768px){}

/* --- mobile/admin/cms-media.mobile.css --- */
@media (max-width:768px){
  .cms-media-page,
  .cms-product-content-page {
    padding:18px;
  }

  .cms-media-upload,
  .cms-media-grid-wrap {
    padding:18px;
  }

  .media-card img,
  .cms-media-item img {
    height:130px;
  }
}


/* --- mobile/admin/cms-password.mobile.css --- */
@media (max-width:768px){
  .cms-media-page,
  .cms-product-content-page {
    padding:18px;
  }

  .cms-media-upload,
  .cms-media-grid-wrap {
    padding:18px;
  }

  .media-card img,
  .cms-media-item img {
    height:130px;
  }
}


/* --- mobile/admin/cms-product-content.mobile.css --- */
@media (max-width:768px){
  .cms-media-page,
  .cms-product-content-page {
    padding:18px;
  }

  .cms-media-upload,
  .cms-media-grid-wrap {
    padding:18px;
  }

  .media-card img,
  .cms-media-item img {
    height:130px;
  }
}


/* --- mobile/admin/cms-sections.mobile.css --- */
@media (max-width: 1200px) {
  .cms-section-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .cms-section-edit-grid {
    grid-template-columns: 1fr;
  }

  .cms-sticky-card {
    position: static;
  }
}

@media (max-width: 768px) {
  .cms-section-hero {
    flex-direction: column;
    align-items: flex-start;
    border-radius: 18px;
    padding: 24px;
  }

  .cms-section-hero h2 {
    font-size: 1.55rem;
  }

  .cms-section-filter {
    display: grid;
    grid-template-columns: 1fr;
  }

  .cms-section-filter .form-select,
  .cms-filter-buttons,
  .cms-filter-buttons .btn {
    width: 100%;
  }

  .cms-section-grid {
    grid-template-columns: 1fr;
  }

  .cms-section-card {
    min-height: auto;
  }

  .cms-edit-card {
    padding: 18px;
    border-radius: 16px;
  }

  .cms-json-helper .btn {
    width: 100%;
  }
}


/* --- mobile/admin/stocklot-edit-gallery.mobile.css --- */
@media (max-width:768px){
  .lot-gallery-head {
    display:block;
  }
  .lot-gallery-counter {
    display:inline-flex;
    margin-top:8px;
  }
  .lot-gallery-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .lot-gallery-upload {
    grid-template-columns: 1fr;
  }
}


/* --- mobile/admin/stocklot-form.mobile.css --- */
@media(max-width:768px){.stocklot-admin-form{padding:0 10px 18px}.lot-gallery-head{display:block}.lot-gallery-counter{display:inline-flex;margin-top:8px}.lot-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lot-gallery-upload{grid-template-columns:1fr}.stocklot-form-actions{text-align:left}.variant-img-upload{display:grid;grid-template-columns:1fr auto}.variant-img-upload input{max-width:none}}

/* --- mobile/admin/stocklot-list.mobile.css --- */
@media(max-width:768px){.stocklot-list-card{overflow-x:auto}.stocklot-list-card table{min-width:900px}}

/* --- mobile/admin-billing-plans.mobile.css --- */
/* Mobile styles for admin page. */


/* --- mobile/admin-billing.mobile.css --- */
/* Mobile styles for admin page. */


/* --- mobile/admin-categories.mobile.css --- */
/* Mobile styles for admin page. */


/* --- mobile/admin-contacts.mobile.css --- */
/* Mobile styles for admin page. */


/* --- mobile/admin-index.mobile.css --- */
/* Mobile styles for admin page. */


/* --- mobile/admin-inquiries.mobile.css --- */
/* Mobile styles for admin page. */


/* --- mobile/admin-product-add.mobile.css --- */
/* Mobile styles for admin page. */


/* --- mobile/admin-product-edit.mobile.css --- */
/* Mobile styles for admin page. */


/* --- mobile/admin-product-form.mobile.css --- */
@media (max-width: 768px) {
  .admin-product-form .row.g-4,
  form .row.g-4 {
    gap: 1rem;
  }

  .admin-product-form .bg-white,
  form .bg-white.rounded.shadow-sm.p-4 {
    padding: 1rem !important;
  }

  .admin-product-form .mt-4.d-flex,
  form + .mt-4.d-flex,
  form .mt-4.d-flex {
    flex-direction: column;
  }
}


/* --- mobile/admin-products.mobile.css --- */
/* Mobile styles for admin page. */


/* --- mobile/admin-settings.mobile.css --- */
/* Mobile styles for admin page. */


/* --- mobile/admin-stocklot-add.mobile.css --- */
/* Mobile styles for admin page. */


/* --- mobile/admin-stocklot-edit.mobile.css --- */
/* Mobile styles for admin page. */


/* --- mobile/admin-stocklot-form.mobile.css --- */
/* Shared admin mobile styles */
@media (max-width:768px){.row.g-4,.row.g-3{--bs-gutter-y:1rem}.table-responsive{font-size:.88rem}}


/* --- mobile/admin-stocklots.mobile.css --- */
/* Mobile styles for admin page. */


/* --- mobile/admin-users.mobile.css --- */
/* Mobile styles for admin page. */


/* --- mobile/admin-vendor-submissions.mobile.css --- */
/* Shared admin mobile styles */
@media (max-width:768px){.row.g-4,.row.g-3{--bs-gutter-y:1rem}.table-responsive{font-size:.88rem}}


/* --- mobile/auth/auth.mobile.css --- */
@media (max-width: 992px) {
  .auth-page {
    padding: 30px 16px 44px;
  }

  .auth-shell,
  .auth-register-shell {
    grid-template-columns: 1fr;
  }

  .auth-left {
    min-height: auto;
    padding: 30px;
    border-radius: 22px;
  }

  .auth-card {
    padding: 26px;
    border-radius: 22px;
  }

  .auth-type-switch {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .auth-form-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .auth-card-links {
    flex-direction: column;
    align-items: center;
  }

  .auth-left h1 {
    font-size: 1.85rem;
  }
}


/* --- mobile/auth-login.mobile.css --- */
/* auth-login.mobile.css */
@media(max-width:1080px){
  .login-shell{
    grid-template-columns:1fr;
  }

  .login-form-panel{
    align-items:flex-start;
  }

  .login-card{
    max-width:720px;
  }
}

@media(max-width:768px){
  .login-page{
    padding:28px 16px 44px;
  }

  .login-info-panel,
  .login-card{
    border-radius:20px;
    padding:24px;
  }

  .login-benefits{
    grid-template-columns:1fr;
  }

  .login-visual{
    height:125px;
  }

  .login-roll{
    width:72px;
    height:38px;
  }

  .login-roll-2{
    left:104px;
  }

  .login-actions{
    grid-template-columns:1fr;
  }
}

@media(max-width:480px){
  .login-info-panel h1{
    font-size:1.75rem;
  }

  .login-access-card{
    left:18px;
    right:18px;
    font-size:.8rem;
  }
}


/* --- mobile/base.mobile.css --- */
@media (max-width: 768px) {
  img { max-width: 100%; height: auto; }
}


/* --- mobile/cms-admin.mobile.css --- */
/* ==========================================================
   TEXTIL CMS MOBILE / TABLET
   ========================================================== */

@media (max-width: 1200px) {
  .cms-dashboard-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 992px) {
  .cms-app {
    display: block;
  }

  .cms-sidebar {
    position: fixed;
    left: -280px;
    top: 0;
    width: 270px;
    height: 100vh;
    transition: left .22s ease;
  }

  body.cms-sidebar-open .cms-sidebar {
    left: 0;
  }

  .cms-sidebar-toggle {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
  }

  .cms-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15,25,35,.42);
    z-index: 950;
  }

  body.cms-sidebar-open .cms-overlay {
    display: block;
  }

  .cms-mobile-menu-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .cms-topbar {
    position: relative;
    padding: 16px 18px;
    min-height: auto;
  }

  .cms-topbar-right {
    display: none;
  }

  .cms-page {
    padding: 18px;
  }

  .cms-hero-card {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
  }

  .cms-stat-grid,
  .row.g-3.mb-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .cms-stat-grid,
  .row.g-3.mb-4 {
    grid-template-columns: 1fr;
  }

  .cms-hero-card h2 {
    font-size: 1.55rem;
  }

  .cms-hero-actions {
    width: 100%;
  }

  .cms-hero-actions a {
    width: 100%;
  }

  .cms-table,
  .table {
    min-width: 760px;
  }

  .cms-panel {
    border-radius: 16px;
  }
}


/* --- mobile/footer.mobile.css --- */
/* ==========================================================
   PROFESSIONAL SITE FOOTER MOBILE
   ========================================================== */

@media (max-width: 992px) {
  .footer-top {
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .site-footer {
    margin-top: 42px;
  }

  .footer-shell {
    padding: 34px 18px 20px;
  }

  .footer-top {
    gap: 20px;
    padding-bottom: 26px;
  }

  .footer-logo-text {
    font-size: 1.25rem;
  }

  .footer-brand p {
    font-size: .9rem;
  }

  .footer-contact-pills {
    flex-direction: column;
    align-items: stretch;
  }

  .footer-pill {
    justify-content: center;
  }

  .footer-newsletter-box {
    padding: 20px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 28px 0 22px;
  }

  .footer-col {
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }

  .footer-col:last-child {
    border-bottom: none;
  }

  .footer-col h5 {
    margin-bottom: 13px;
  }

  .footer-links a {
    font-size: .92rem;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    text-align: left;
  }

  .footer-tagline {
    text-align: left;
  }

  .footer-rtl .footer-bottom {
    align-items: flex-end;
    text-align: right;
  }

  .footer-rtl .footer-tagline {
    text-align: right;
  }
}


/* --- mobile/header.mobile.css --- */
@media (max-width: 1024px) {
  .nav-hamburger { display: flex; }
  .nav-links {
    display: none; flex-direction: column; align-items: flex-start;
    position: absolute; top: 100%; left: 0; right: 0;
    background: var(--nav-bg, #1b3a4b);
    border-top: 2px solid var(--nav-border, #c9a84c);
    padding: 8px 0; gap: 0;
    box-shadow: 0 8px 24px rgba(0,0,0,.4);
    z-index: 800;
  }
  .nav-links.open { display: flex; }
  .nav-links li { width: 100%; }
  .nav-link-item {
    padding: 10px 20px; border-radius: 0;
    width: 100%; font-size: .82rem;
    letter-spacing: .4px;
    color: var(--nav-dropdown-text, rgba(255,255,255,.9)) !important;
  }
  .nav-dropdown {
    position: static; transform: none;
    border: none; border-left: 3px solid var(--nav-border, #c9a84c);
    margin-left: 20px; background: rgba(0,0,0,.2);
    box-shadow: none; border-radius: 0; min-width: auto;
    border-top: none;
  }
  .nav-dd-item { padding: 7px 14px; font-size: .82rem; }
  .nav-auth { margin-left: 0; }
  .nav-auth .nav-auth-link span { display: none; }
  .main-nav .nav-inner { flex-wrap: wrap; height: auto; padding: 10px 16px; position: relative; }
  .nav-logo { order: 1; }
  .nav-auth { order: 2; }
  .nav-hamburger { order: 3; }
}

@media (max-width: 768px) {
  .topbar-inner { padding: 5px 12px; }
  .topbar-notice { font-size: .68rem; max-width: 50%; }
  .topbar-right { gap: 8px; }
  .topbar-link { display: none; } /* Nur Sprach-Dropdown auf Mobile */
  .topbar-link.topbar-wa { display: flex; } /* WhatsApp immer zeigen */
  .lang-toggle { padding: 3px 7px; font-size: .7rem; }
  .nav-logo img { height: 32px; }
  .nav-btn-register { padding: 6px 12px; font-size: .72rem; }
  /* Grid: 2 Spalten auf Mobile erzwingen */
  .col-6 { flex: 0 0 50% !important; max-width: 50% !important; }
}

@media (max-width: 480px) {
  .topbar-notice { display: none; } /* Notice auf kleinen Screens verstecken */
  .nav-auth-link:not(.nav-btn-register) span { display: none; }
  .nav-logo img { height: 28px; }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .nav-links { display: none; }
  .nav-links.open { display: flex; }
}


@media (max-width:1024px){
  .nav-links.open .megamenu{display:none!important;}
  .nav-links.open .mm-mobile-list{display:none!important;}
  .nav-links.open .has-megamenu.open>.mm-mobile-list{display:block!important;}
}


/* ── Mobile Header Auth/Hamburger Visibility Fix 2026-05 ───────── */
@media(max-width:1024px){
  .main-nav .nav-hamburger{
    display:flex !important;
    background:#fff8df !important;
    border:1px solid rgba(15,25,35,.12) !important;
  }

  .main-nav .nav-hamburger span{
    background:#0f1923 !important;
  }

  .main-nav .nav-auth-link{
    color:#0f1923 !important;
    background:rgba(15,25,35,.04) !important;
    border:1px solid rgba(15,25,35,.08) !important;
  }

  .main-nav .nav-auth-link i{
    color:#0f1923 !important;
  }
}


/* --- mobile/home.mobile.css --- */
.hero-slideshow,
.slide {
  min-height: 360px;
}

.slide {
  padding: 40px 16px 70px;
}

.slide-content h1 {
  font-size: 1.4rem;
}

.slide-stats {
  gap: 20px;
}

.slide-stat .sn {
  font-size: 1.1rem;
}

.grid-switcher-wrap {
  align-items: flex-start;
}

.grid-switcher {
  width: 100%;
  overflow-x: auto;
  padding-bottom: 4px;
}

.search-section .col-md-1 .btn {
  min-height: 42px;
}



/* ==========================================================
   PRODUCT / STOCKLOT LISTING MOBILE FIX
   ========================================================== */
@media (max-width: 768px) {
  #productsGrid {
    margin-left: 0;
    margin-right: 0;
  }

  #productsGrid > [class*="col-"] {
    padding-left: 6px;
    padding-right: 6px;
  }

  #productsGrid .pcard {
    border-radius: 12px;
  }

  #productsGrid .pcard-body {
    padding: 11px 12px 13px;
  }

  #productsGrid .pcard-name {
    font-size: .88rem;
    min-height: 2.45em;
  }

  #productsGrid .pcard-price-val {
    font-size: .9rem;
  }

  #productsGrid .pcard-price-lock,
  #productsGrid .pcard-sqm,
  #productsGrid .pcard-vars {
    font-size: .72rem;
  }

  #productsGrid .pcard-status-badge {
    font-size: .6rem;
    padding: 3px 7px;
  }

  #productsGrid .pcard-cat-tag {
    display: none;
  }
}

@media (max-width:768px){
  .home-info-section {
    padding: 54px 0 !important;
  }

  .home-info-section .row.text-center.g-4:first-of-type .col-md-3,
  .home-info-section hr + .row.text-center.g-4 .col-md-3 {
    margin-bottom: 14px !important;
    padding: 24px 18px !important;
  }

  .home-info-section p {
    max-width: none !important;
  }

  .home-info-section + section {
    padding: 44px 18px !important;
  }
}


/* --- mobile/product.mobile.css --- */
@media (max-width:768px) {
  .pd-title { font-size:1.45rem; }
  .pd-price-box .price-value { font-size:1.6rem; }
  .pd-cta-row { gap:8px; }
}

/* --- mobile/stocklot.mobile.css --- */
/* ==========================================================
   STOCKLOT DETAIL MOBILE
   ========================================================== */

@media (max-width: 992px) {
  .sl-wrap {
    padding: 18px 16px 42px;
  }

  .sl-hero {
    min-height: 300px;
    padding: 26px;
  }

  .sl-stats {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .sl-specs-grid {
    grid-template-columns: 1fr;
  }

  .sl-wrap .col-lg-5 > div[style*="sticky"] {
    position: static !important;
  }
}

@media (max-width: 768px) {
  .sl-hero {
    min-height: 260px;
    border-radius: 18px;
    padding: 22px;
  }

  .sl-lot-title {
    font-size: 1.85rem;
  }

  .sl-badges {
    gap: 7px;
  }

  .sl-badge {
    font-size: .7rem;
  }

  .sl-progress-wrap,
  .sl-variants-wrap,
  .sl-price-box,
  .sl-locked,
  .sl-inquiry,
  .sl-share-box {
    border-radius: 16px;
    padding: 18px;
  }

  .sl-stats {
    grid-template-columns: 1fr 1fr;
    gap: 9px;
  }

  .sl-stat {
    padding: 15px 13px;
  }

  .sl-stat-val {
    font-size: 1.15rem;
  }

  .sl-table {
    min-width: 720px;
  }

  .sl-price-val {
    font-size: 2rem;
  }

  .sl-cta-row {
    flex-direction: column;
  }

  .sl-form-group input,
  .sl-form-group textarea {
    font-size: 16px;
  }

  .lb-overlay {
    padding: 18px;
  }

  .lb-arrow {
    width: 38px;
    height: 38px;
  }
}

@media(max-width:768px){.sl-gallery-strip{margin-top:-4px;padding-bottom:14px}.sl-gallery-thumb{flex-basis:78px;width:78px;height:58px;border-radius:10px}}

/* --- mobile/vendor-checkout.mobile.css --- */
@media (max-width:768px){.checkout-wrap,.checkout-grid{display:block!important;padding:24px 14px}.checkout-card,.summary-card{margin-bottom:16px}}


/* --- mobile/vendor-dashboard.mobile.css --- */
@media (max-width:768px){.vp-header{padding:22px 18px}.sub-table{overflow-x:auto}.vp-wrap{padding:24px 14px}}


/* --- mobile/vendor-pay_listing.mobile.css --- */
@media (max-width:768px){.pay-wrap{padding:24px 14px}.pay-grid{display:block!important}.pay-card{margin-bottom:16px}}


/* --- mobile/vendor-payments.mobile.css --- */
@media (max-width:768px){.paid-wrap,.done-wrap,.invoice-box{padding:24px 14px}.inv-header{display:block!important}}


/* --- mobile/vendor-pricing.mobile.css --- */
/* vendor-pricing.mobile.css */
@media(max-width:1080px){
  .plans-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:768px){
  .pricing-wrap{
    padding:30px 16px 46px;
  }

  .pricing-hero{
    border-radius:20px;
    padding:30px 22px;
    text-align:left;
  }

  .billing-toggle{
    width:100%;
    justify-content:center;
    flex-wrap:wrap;
    border-radius:18px;
  }

  .plans-grid{
    grid-template-columns:1fr;
  }

  .plan-card{
    border-radius:20px;
    padding:24px;
  }

  .fees-section{
    border-radius:20px;
    padding:22px;
  }

  .fee-row{
    display:grid;
  }

  .fee-price{
    text-align:left;
  }

  .fee-price small{
    text-align:left;
  }
}

@media(max-width:460px){
  .plan-price .amount{
    font-size:2.25rem;
  }

  .plan-name{
    padding-right:0;
  }

  .plan-badge{
    position:static;
    display:inline-flex;
    margin-bottom:10px;
  }
}


/* --- mobile/vendor-register.mobile.css --- */
@media (max-width:768px){.vendor-reg-wrap{padding:24px 14px}.vendor-hero{padding:22px 18px}.vendor-reg-card{padding:24px 18px}}


/* --- mobile/vendor-submit.mobile.css --- */
@media (max-width:768px){.submit-wrap{padding:24px 14px}.form-section{padding:20px 16px}.var-row{grid-template-columns:1fr!important}}


@media(max-width:768px){
  .page-hero{padding:42px 0 32px;}
  .page-title{font-size:1.65rem;}
  .page-content-wrap{padding:32px 16px;}
  .page-cta{padding:28px 0;}
  .newsletter-box{padding:28px 20px;}
  .sl-sticky-box{position:static;}
}


/* =========================================================
   CMS Pages Responsive
   ========================================================= */
@media(max-width:992px){
  .cms-hero{padding:58px 0 34px;}
  .cms-content-card{padding:38px 34px;border-radius:24px;}
  .cms-cta-card{grid-template-columns:1fr;text-align:center;justify-items:center;}
  .cms-cta-content{max-width:640px;}
}

@media(max-width:768px){
  .cms-hero{padding:48px 0 30px;}
  .cms-eyebrow{font-size:.75rem;padding:6px 12px;margin-bottom:14px;}
  .cms-title{letter-spacing:-.035em;}
  .cms-content-section{padding:18px 0 38px;}
  .cms-content-card{padding:28px 20px;border-radius:22px;}
  .cms-section-title{font-size:1.12rem;margin:30px 0 14px;}
  .cms-paragraph{font-size:.98rem;line-height:1.85;}
  .cms-list li{padding:12px 14px 12px 38px;}
  html[dir="rtl"] .cms-list li{padding:12px 38px 12px 14px;}
  .cms-cta-section{padding:0 0 42px;}
  .cms-cta-card{padding:26px 20px;border-radius:22px;}
  .cms-cta-icon{width:52px;height:52px;border-radius:16px;}
  .cms-btn{width:100%;white-space:normal;}
  html[dir="rtl"] .cms-hero-card,
  html[dir="rtl"] .cms-empty-card{text-align:right;}
}

@media(max-width:480px){
  .cms-hero{padding:42px 0 26px;}
  .cms-content-card{padding:24px 16px;border-radius:18px;}
  .cms-subtitle{line-height:1.65;}
  .cms-cta-card{padding:22px 16px;}
}


/* HOME CLEAN B2B RESPONSIVE - 20260508 FIX */
@media (max-width: 1100px){.home-hero-inner{grid-template-columns:1fr 310px;gap:24px;}.home-filter-grid{grid-template-columns:1fr 1fr;}.btn-home-reset{grid-column:auto;}}
@media (max-width: 768px){.home-hero-pro{min-height:auto;}.home-hero-inner{grid-template-columns:1fr;padding:38px 0;}.home-login-card{max-width:100%;}.home-hero-copy h1{font-size:2.25rem;}.home-hero-copy p{font-size:1rem;}.home-hero-actions{flex-direction:column;align-items:stretch;}.btn-hero-primary,.btn-hero-outline{width:100%;}.home-search-panel{padding:18px 0;}.home-filter-grid{grid-template-columns:1fr;gap:10px;}.home-products-toolbar{display:block;padding:12px 0 10px;}.home-grid-switcher,.grid-switcher{display:none!important;}}
@media (max-width: 520px){.home-hero-copy h1{font-size:1.9rem;}.home-login-card{padding:18px;}.home-products-section{padding-bottom:28px;}}

/* ==========================================================
   PRODUCT DETAIL PAGE MOBILE - PROFESSIONAL MOCKUP
   added 2026-05
   ========================================================== */
@media (max-width: 1200px){
  .pd-product-page .pd-specs-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .pd-product-page .spec-row:nth-child(3n){border-right:1px solid #e1e8ef !important;}
  .pd-product-page .spec-row:nth-child(2n){border-right:0 !important;}
  .pd-benefit-bar{grid-template-columns:repeat(2,1fr) !important;}
  .pd-benefit-bar > div:nth-child(2n){border-right:0 !important;}
}

@media (max-width: 992px){
  .pd-product-page{padding:22px 18px 42px !important;}
  .pd-product-page .pd-main-img{min-height:300px !important;}
  .pd-side-panel{padding-top:10px !important;}
  .pd-product-page .pd-sticky{position:static !important;}
}

@media (max-width: 640px){
  .pd-product-page{padding:18px 14px 36px !important;}
  .pd-product-page .pd-main-img{min-height:230px !important; aspect-ratio:1.25/1 !important;}
  .pd-thumbs-row{grid-template-columns:28px 1fr 28px !important;}
  .pd-product-page .pd-thumb{width:62px !important;height:48px !important;}
  .pd-product-page .pd-specs-list{grid-template-columns:1fr !important;}
  .pd-product-page .spec-row,
  .pd-product-page .spec-row:nth-child(2n),
  .pd-product-page .spec-row:nth-child(3n){border-right:0 !important;}
  .pd-cta-grid{grid-template-columns:1fr !important;}
  .pd-trust-row{grid-template-columns:1fr !important;}
  .pd-benefit-bar{grid-template-columns:1fr !important;}
  .pd-benefit-bar > div{border-right:0 !important;border-bottom:1px solid #e8edf2 !important;}
  .pd-benefit-bar > div:last-child{border-bottom:0 !important;}
}


/* ==========================================================
   PRODUCT PAGE FIXED ACTION BAR - RESPONSIVE
   Mobile compact bottom buttons for product.php
   ========================================================== */

@media (max-width: 1024px) {
  .pd-floating-actionbar {
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  }

  .pd-floating-inner {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .pd-floating-price,
  .pd-floating-separator,
  .pd-floating-price-note {
    display: none !important;
  }

  .pd-floating-actions {
    width: 100%;
    gap: 10px;
  }

  .pd-floating-btn {
    min-height: 45px;
    border-radius: 11px;
    padding: 9px 12px;
    font-size: .88rem;
    white-space: nowrap;
  }

  .pd-product-page {
    padding-bottom: 82px;
  }
}

@media (max-width: 480px) {
  .pd-floating-actionbar {
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
  }

  .pd-floating-actions {
    gap: 8px;
  }

  .pd-floating-btn {
    min-height: 42px;
    border-radius: 10px;
    font-size: .82rem;
    padding: 8px 10px;
  }

  .pd-floating-btn i {
    font-size: .9rem;
  }

  .pd-product-page {
    padding-bottom: 74px;
  }
}

@media (max-width: 360px) {
  .pd-floating-actions {
    grid-template-columns: 1fr;
  }

  .pd-floating-btn {
    min-height: 40px;
  }

  .pd-product-page {
    padding-bottom: 116px;
  }
}


/* HOME GRID SWITCHER RIGHT ALIGN RESPONSIVE v5 */
@media (min-width: 768px) and (max-width: 1199.98px){
  .home-products-toolbar{grid-template-columns:auto 1fr!important;}
  .home-grid-switcher,.grid-switcher{justify-self:end!important;margin-left:auto!important;}
}
@media (max-width: 767.98px){
  .home-grid-switcher,.grid-switcher{display:none!important;}
  .home-products-toolbar{display:block!important;padding:12px 0 10px!important;}
}
/* END HOME GRID SWITCHER RIGHT ALIGN RESPONSIVE v5 */