:root{--black:#121212;--green:#0d4937;--gold:#b88a32;--beige:#f5f1e8;--white:#fff;--gray:#6f6f6f;--line:#e7e7e7;--soft:#f7f7f7;--danger:#a63a32;--shadow:0 14px 38px rgba(0,0,0,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--black);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.announcement{display:flex;justify-content:center;gap:45px;padding:8px 4%;background:var(--black);color:white;font-size:11px;letter-spacing:.4px}.site-header{position:sticky;top:0;z-index:50;background:white;border-bottom:1px solid var(--line)}.header-top{display:grid;grid-template-columns:230px minmax(280px,560px) 1fr;align-items:center;gap:30px;padding:14px 4%}.brand{display:flex;align-items:center;gap:11px;border:0;background:none;text-align:left}.brand-mark{width:52px;height:52px;overflow:hidden;border:1px solid var(--line);border-radius:50%}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-text strong,.brand-text small{display:block}.brand-text strong{font-size:19px}.brand-text small{margin-top:3px;color:var(--gray);font-size:12px}.global-search{position:relative}.global-search span{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:24px}.global-search input{width:100%;padding:14px 18px 14px 47px;border:1px solid var(--line);border-radius:999px;background:var(--soft);outline:none}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px}.header-action{position:relative;display:grid;justify-items:center;gap:3px;border:0;background:none}.header-action span{font-size:21px}.header-action small{font-size:11px}.header-action b{position:absolute;top:-8px;right:-8px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:50%;background:var(--gold);color:white;font-size:10px}.owner-access{padding:12px 16px;border:0;background:var(--green);color:white;font-size:12px;font-weight:700}.main-nav{display:flex;justify-content:center;gap:45px;padding:13px 4%;border-top:1px solid #f3f3f3}.nav{border:0;background:none;font-size:13px;font-weight:700}.nav:hover,.nav.active{color:var(--gold)}.view{display:none;min-height:70vh;padding:0 4% 60px}.view.active{display:block}.hero{min-height:520px;display:grid;grid-template-columns:.9fr 1.1fr;margin:20px 0 35px;background:var(--beige)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:60px 12%}.kicker{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:2px}.hero h1{margin:12px 0 20px;font-family:Georgia,serif;font-size:76px;font-weight:500;line-height:.9}.hero-copy p{max-width:520px;color:#585858;line-height:1.65}.hero-buttons{display:flex;gap:10px;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border-radius:0;font-size:12px;font-weight:800;text-decoration:none}.dark{border:1px solid var(--black);background:var(--black);color:white}.light{border:1px solid var(--black);background:white;color:var(--black)}.gold{border:1px solid var(--gold);background:var(--gold);color:white}.full{width:100%}.hero-visual{position:relative;overflow:hidden;background:#d9dfd7}.hero-block{position:absolute}.hero-block.one{inset:0 45% 0 0;background:#204e3e}.hero-block.two{inset:12% 8% 14% 38%;background:#d9c5a8}.hero-block.three{right:8%;bottom:14%;width:28%;height:54%;background:#f7f3eb;border:18px solid white}.hero-label{position:absolute;left:45%;top:45%;padding:28px 35px;background:white;box-shadow:var(--shadow)}.hero-label strong,.hero-label span{display:block}.hero-label strong{font-family:Georgia,serif;font-size:28px}.hero-label span{margin-top:7px;color:var(--gold);font-size:11px;letter-spacing:2px}.department-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:75px}.department-card{min-height:270px;display:flex;justify-content:space-between;padding:28px;border:1px solid var(--line);background:white;text-align:left}.department-card:nth-child(2){background:var(--black);color:white}.department-card:nth-child(3){background:#efe4d8}.department-card>span{font-family:Georgia,serif;font-size:48px;color:#d2d2d2}.department-card small{font-size:10px;letter-spacing:2px}.department-card h2{margin:7px 0;font-family:Georgia,serif;font-size:42px;font-weight:500}.department-card p{max-width:270px;color:inherit;line-height:1.5}.content-section{padding:35px 0 65px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.section-head h2{margin:6px 0;font-family:Georgia,serif;font-size:46px;font-weight:500}.section-head p{max-width:500px;color:var(--gray)}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collection-card{position:relative;min-height:350px;overflow:hidden;background:#333;color:white}.collection-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.collection-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent 65%)}.collection-content{position:absolute;z-index:2;left:24px;right:24px;bottom:24px}.collection-content h3{margin:0;font-family:Georgia,serif;font-size:30px}.collection-content p{line-height:1.5}.collection-content button{padding:9px 0;border:0;border-bottom:1px solid white;background:none;color:white}.catalog-layout{display:grid;grid-template-columns:230px 1fr;gap:30px}.filters{align-self:start;position:sticky;top:150px;padding:20px;border:1px solid var(--line)}.filter-title{display:flex;justify-content:space-between;margin-bottom:20px}.filter-title button{border:0;background:none;text-decoration:underline}.filters label{display:grid;gap:7px;margin-bottom:15px;font-size:12px;font-weight:700}.filters select,.settings-form input,.settings-form textarea,input,select,textarea{width:100%;padding:12px;border:1px solid var(--line);background:white;outline:none}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.catalog-search{position:relative;width:min(500px,70%)}.catalog-search span{position:absolute;left:13px;top:50%;transform:translateY(-50%)}.catalog-search input{padding-left:39px}.catalog-toolbar>span{color:var(--gray);font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{position:relative;overflow:hidden;border:1px solid var(--line);background:white}.product img,.product-placeholder{width:100%;aspect-ratio:3/4;display:block;object-fit:cover}.product-placeholder{display:grid;place-items:center;background:#eee;font-size:60px}.product-body{padding:15px}.product-meta{color:var(--gray);font-size:10px;text-transform:uppercase;letter-spacing:1px}.product-title{display:flex;justify-content:space-between;gap:10px;margin-top:8px}.product-title h3{margin:0;font-family:Georgia,serif;font-size:20px;font-weight:500}.price{font-weight:800}.chips{display:flex;flex-wrap:wrap;gap:5px;margin:11px 0}.chip{padding:5px 8px;background:var(--soft);font-size:10px}.collection-chip{background:var(--beige)}.stock{font-size:11px;font-weight:800;color:var(--green)}.out{color:var(--danger)}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.product-actions button{padding:10px;border:1px solid var(--black);font-weight:700}.details{background:white}.add{background:var(--black);color:white}.page-heading{padding:50px 0 25px}.page-heading h1{margin:8px 0;font-family:Georgia,serif;font-size:52px;font-weight:500}.page-heading p{color:var(--gray)}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.contact-card,.map-card{padding:25px;border:1px solid var(--line)}.contact-card>img{width:130px;height:130px;border-radius:50%;object-fit:cover}.contact-card #contactDetails{display:grid;gap:13px;margin-top:20px}.social-links{display:flex;gap:10px;margin-top:20px}.social-links a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--black);color:white;text-decoration:none}.map-card iframe{width:100%;height:520px;border:0}.cart-layout{display:grid;grid-template-columns:1fr 330px;gap:30px}.cart-item,.order-card{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:15px;margin-bottom:12px;padding:14px;border:1px solid var(--line)}.cart-item img,.cart-placeholder{width:90px;height:105px;object-fit:cover}.summary{align-self:start;position:sticky;top:145px;padding:22px;border:1px solid var(--line)}.summary>div{display:flex;justify-content:space-between;margin:15px 0}.summary-total{font-size:19px}.note,.empty{color:var(--gray);font-size:12px}.auth-card{max-width:460px;margin:60px auto;padding:32px;border:1px solid var(--line)}.auth-card h1{font-family:Georgia,serif;font-size:38px;font-weight:500}.google-button{width:100%;padding:13px;border:1px solid var(--line);background:white;font-weight:700}.separator{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--gray)}.separator:before,.separator:after{content:"";flex:1;height:1px;background:var(--line)}.tabs{display:flex;gap:7px;margin-bottom:12px}.tabs button{flex:1;padding:10px;border:1px solid var(--line);background:white}.tabs button.active{background:var(--black);color:white}.auth-card form{display:grid;gap:10px}.text-button{margin-top:10px;border:0;background:none;text-decoration:underline}.error{color:var(--danger)}.admin-view{padding:0}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:750px;background:#f5f5f5}.admin-sidebar{display:flex;flex-direction:column;padding:20px 15px;background:var(--black);color:white}.admin-logo{display:flex;align-items:center;gap:10px;padding:0 10px 22px;border-bottom:1px solid #333}.admin-logo img{width:46px;height:46px;border-radius:50%;object-fit:cover}.admin-logo strong,.admin-logo small{display:block}.admin-logo small{margin-top:3px;color:#aaa}.admin-sidebar nav{display:grid;gap:4px;margin-top:22px}.admin-nav{padding:13px;border:0;background:none;color:white;text-align:left}.admin-nav.active,.admin-nav:hover{background:#2a2a2a}.admin-logout{margin-top:auto;padding:13px;border:0;background:none;color:white;text-align:left}.admin-content{padding:28px}.admin-page{display:none}.admin-page.active{display:block}.admin-heading h1{margin:0;font-size:30px}.admin-heading p{color:var(--gray)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.stat{padding:20px;background:white;border:1px solid var(--line)}.stat span{display:block;color:var(--gray);font-size:12px}.stat strong{display:block;margin-top:7px;font-size:28px}.quick-actions{display:flex;gap:10px;margin-top:20px}.admin-collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-collection{padding:18px;background:white;border:1px solid var(--line)}.contact-admin-layout{display:grid;grid-template-columns:1fr 330px;gap:22px}.settings-form,.contact-preview{padding:20px;background:white;border:1px solid var(--line)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.settings-grid label{display:grid;gap:6px;font-size:12px;font-weight:700}.wide{grid-column:1/-1}.contact-preview iframe{width:100%;height:180px;border:0;margin-top:18px}.preview-contact-row{display:flex;gap:10px;margin-bottom:12px;font-size:12px}.preview-socials{display:flex;gap:7px}.preview-socials a{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--black);color:white;text-decoration:none}.table-wrap{overflow:auto;background:white;border:1px solid var(--line)}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line);font-size:12px}th{background:#fafafa}.table-product{display:flex;align-items:center;gap:9px}.table-product img,.table-thumb{width:45px;height:53px;object-fit:cover}.table-actions,.admin-collection-actions{display:flex;gap:5px}.edit,.delete{padding:7px 8px;border:0;font-size:11px}.edit{background:#eee}.delete{background:#f6e3e1;color:var(--danger)}dialog{width:min(820px,calc(100% - 24px));padding:0;border:0;box-shadow:0 25px 70px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(0,0,0,.55)}dialog form{padding:25px}.dialog-head{display:flex;justify-content:space-between}.close{width:38px;height:38px;border:0;border-radius:50%;background:#eee;font-size:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:6px;font-size:12px;font-weight:700}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.check-option{display:flex;align-items:center;gap:7px}.check-option input{width:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:18px}footer{display:flex;justify-content:space-between;padding:28px 4%;background:var(--black);color:white}footer div{display:flex;gap:20px}footer span{color:#aaa;font-size:12px}@media(max-width:1100px){.header-top{grid-template-columns:220px 1fr}.header-actions{grid-column:1/-1}.product-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.announcement{display:none}.header-top{display:flex;flex-wrap:wrap}.brand{flex:1}.global-search{order:3;width:100%}.header-actions{display:none}.main-nav{justify-content:flex-start;gap:24px;overflow-x:auto}.hero{grid-template-columns:1fr}.hero-visual{min-height:350px}.hero h1{font-size:58px}.department-grid,.collection-grid,.product-grid,.contact-layout,.cart-layout,.admin-collection-grid{grid-template-columns:1fr}.catalog-layout{grid-template-columns:1fr}.filters{position:static}.admin-shell{grid-template-columns:1fr}.admin-sidebar nav{grid-template-columns:repeat(2,1fr)}.contact-admin-layout,.settings-grid,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.stats{grid-template-columns:1fr 1fr}}
.admin-heading-row{display:flex;justify-content:space-between;align-items:center;gap:20px}
.variant-fieldset{padding:16px;border:1px solid var(--line)}
.variant-help{margin-bottom:12px;color:var(--gray);font-size:12px}
.variant-rows{display:grid;gap:10px;margin-bottom:12px}
.variant-row{display:grid;grid-template-columns:1.2fr .8fr 1fr .7fr auto;gap:8px;align-items:end;padding:10px;background:#fafafa;border:1px solid var(--line)}
.variant-row label{display:grid;gap:5px;font-size:11px;font-weight:700}
.variant-row input{width:100%;padding:9px;border:1px solid var(--line);background:white}
.variant-remove{width:36px;height:36px;border:1px solid #ecc9c6;background:white;color:var(--danger);font-weight:900}
.product-department-badge{display:inline-block;margin-top:5px;padding:3px 6px;background:var(--beige);font-size:10px}
.admin-message{padding:15px;border:1px solid var(--line);background:white;color:var(--gray)}
@media(max-width:760px){
  .admin-heading-row{align-items:flex-start;flex-direction:column}
  .variant-row{grid-template-columns:1fr 1fr}
  .variant-remove{grid-column:1/-1;width:100%}
}

.upload-fieldset{padding:16px;border:1px solid var(--line)}
.upload-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.upload-row input[type=file]{padding:10px;border:1px dashed var(--line);background:#fafafa}
.upload-status{min-height:20px;margin-top:10px;color:var(--green);font-size:12px;font-weight:700}
.upload-preview{display:block;width:150px;height:190px;margin-top:10px;object-fit:cover;border:1px solid var(--line)}
@media(max-width:760px){.upload-row{grid-template-columns:1fr}}

.customer-order-card,.admin-order-card{margin-bottom:18px;padding:22px;border:1px solid var(--line);background:white}
.order-card-head,.admin-order-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.order-card-head small,.admin-order-top small{color:var(--gray);font-size:10px;letter-spacing:1.2px}
.order-card-head h3,.admin-order-top h3{margin:5px 0;font-size:22px}
.order-card-head span,.admin-order-top span,.admin-order-top p{color:var(--gray);font-size:12px}
.order-status{padding:8px 12px;background:var(--beige);font-size:12px;font-weight:800}
.order-items-list{display:grid;gap:8px;margin:18px 0;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.order-item-line,.order-summary-row{display:flex;justify-content:space-between;gap:15px;font-size:13px}
.tracking-timeline{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0}
.tracking-step{position:relative;display:grid;justify-items:center;gap:7px;color:#999;font-size:11px;text-align:center}
.tracking-step:before{content:"";position:absolute;top:7px;left:-50%;width:100%;height:2px;background:#ddd}
.tracking-step:first-child:before{display:none}
.tracking-step i{position:relative;z-index:2;width:16px;height:16px;border:3px solid white;border-radius:50%;background:#ddd;box-shadow:0 0 0 1px #ddd}
.tracking-step.done{color:var(--green);font-weight:800}
.tracking-step.done:before,.tracking-step.done i{background:var(--green)}
.tracking-step.done i{box-shadow:0 0 0 1px var(--green)}
.tracking-info{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:15px;padding:12px;background:var(--soft);font-size:12px}
.tracking-link{padding:8px 11px;background:var(--black);color:white;text-decoration:none}
.tracking-cancelled{margin:18px 0;padding:10px;background:#f8e8e6;color:var(--danger);font-weight:800}
.admin-tracking-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}
.admin-tracking-grid label{display:grid;gap:6px;font-size:11px;font-weight:800}
.admin-tracking-grid .wide{grid-column:1/-1}
.admin-order-actions{display:flex;justify-content:flex-end;margin-top:14px}
@media(max-width:760px){
  .order-card-head,.admin-order-top{flex-direction:column}
  .tracking-timeline{grid-template-columns:1fr;gap:8px}
  .tracking-step{grid-template-columns:20px 1fr;justify-items:start;text-align:left}
  .tracking-step:before{display:none}
  .admin-tracking-grid{grid-template-columns:1fr}
  .admin-tracking-grid .wide{grid-column:auto}
}

/* Dettaglio ordine proprietario */
.admin-order-summary{padding:18px 22px}.admin-order-summary-right{display:flex;align-items:center;gap:16px}.admin-order-summary-right>strong{font-size:20px}.admin-order-detail{padding:26px}.admin-order-detail h2{margin:6px 0 0;font-size:30px}.order-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:20px 0;padding:16px;background:var(--soft)}.order-detail-meta p{margin:0;font-size:12px}.order-detail-totals{margin:18px 0;border-top:1px solid var(--line);padding-top:10px}.order-detail-totals>div{display:flex;justify-content:space-between;padding:7px 0}.order-detail-totals .total{font-size:17px;border-top:1px solid var(--line);margin-top:5px;padding-top:12px}#adminOrderDetailDialog{width:min(900px,calc(100% - 24px));max-height:90vh;overflow:auto}@media(max-width:760px){.admin-order-summary-right{align-items:flex-start;flex-direction:column}.order-detail-meta{grid-template-columns:1fr}}


/* =========================================================
   TROPICAL CITY - MOBILE FIX FORTE
   ========================================================= */

@media (max-width: 760px) {
  /* lascia spazio alla barra fissa in basso */
  body {
    padding-bottom: 82px !important;
  }

  /* header principale */
  .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    background: rgba(255,255,255,.98) !important;
  }

  .header-top {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 10px 12px !important;
  }

  .brand {
    justify-self: start !important;
    max-width: 70% !important;
  }

  .brand-mark {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
  }

  .brand-text strong {
    font-size: 18px !important;
  }

  .brand-text small {
    font-size: 10px !important;
  }

  .global-search {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .global-search input {
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    font-size: 16px !important;
  }

  /* azioni sempre visibili in fondo */
  .header-actions {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    z-index: 3000 !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    padding: 7px !important;
    margin: 0 !important;
    background: rgba(255,255,255,.98) !important;
    border: 1px solid #e8e5de !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 35px rgba(0,0,0,.16) !important;
    backdrop-filter: blur(14px) !important;
  }

  .header-action {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    padding: 5px 3px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #111 !important;
  }

  .header-action span {
    display: block !important;
    font-size: 21px !important;
    line-height: 1 !important;
  }

  .header-action small {
    display: block !important;
    margin-top: 5px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    color: #111 !important;
  }

  .header-action b {
    position: absolute !important;
    top: 2px !important;
    right: 22% !important;
    min-width: 17px !important;
    height: 17px !important;
    padding: 0 4px !important;
    border-radius: 9px !important;
    background: #c3922f !important;
    color: #fff !important;
    font-size: 10px !important;
    line-height: 17px !important;
    text-align: center !important;
  }

  .owner-access {
    display: none !important;
  }

  /* menu sezioni */
  .main-nav {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    overflow-x: auto !important;
    padding: 0 12px 10px !important;
    scrollbar-width: none !important;
    white-space: nowrap !important;
  }
  .main-nav::-webkit-scrollbar { display: none !important; }

  .main-nav .nav {
    flex: 0 0 auto !important;
    padding: 8px 12px !important;
    border: 1px solid #e7e3da !important;
    border-radius: 999px !important;
    background: #fff !important;
    font-size: 12px !important;
  }

  .main-nav .nav.active {
    background: #0b4f3c !important;
    color: #fff !important;
    border-color: #0b4f3c !important;
  }

  /* contenuto */
  main,
  .view {
    width: 100% !important;
    max-width: 100% !important;
  }

  .view {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* hero più compatto */
  .hero {
    display: block !important;
    min-height: 0 !important;
    margin: 12px 0 22px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  .hero-copy {
    padding: 28px 22px !important;
  }

  .hero h1 {
    font-size: 46px !important;
    line-height: .92 !important;
  }

  .hero-visual {
    min-height: 245px !important;
  }

  /* catalogo */
  .catalog-layout {
    display: block !important;
  }

  .filters {
    position: static !important;
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    margin: 0 -12px 14px !important;
    padding: 10px 12px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
  }

  .filters .filter-title {
    flex: 0 0 100% !important;
  }

  .filters label {
    flex: 0 0 145px !important;
    min-width: 145px !important;
  }

  .catalog-toolbar {
    display: block !important;
  }

  .catalog-search {
    width: 100% !important;
    margin-bottom: 8px !important;
  }

  .product-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 9px !important;
  }

  .product {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .product-body {
    padding: 10px !important;
  }

  .product-title {
    display: block !important;
  }

  .product-title h3 {
    font-size: 15px !important;
    line-height: 1.15 !important;
    min-height: 35px !important;
  }

  .product-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }

  .product-actions button {
    min-height: 38px !important;
    font-size: 11px !important;
  }

  /* carrello davvero leggibile */
  .cart-layout {
    display: block !important;
  }

  .cart-item {
    display: grid !important;
    grid-template-columns: 74px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 12px !important;
  }

  .cart-item img,
  .cart-placeholder {
    width: 74px !important;
    height: 92px !important;
  }

  .summary {
    position: static !important;
    width: 100% !important;
    margin-top: 16px !important;
  }

  /* account e ordini */
  .auth-card {
    width: 100% !important;
    margin: 26px 0 !important;
    padding: 20px !important;
  }

  .customer-order-card,
  .admin-order-card {
    padding: 14px !important;
  }

  /* pannello proprietario */
  .admin-shell {
    display: block !important;
  }

  .admin-sidebar {
    position: static !important;
    width: 100% !important;
    overflow-x: auto !important;
    padding: 10px !important;
  }

  .admin-sidebar nav {
    display: flex !important;
    gap: 6px !important;
    width: max-content !important;
  }

  .admin-nav {
    flex: 0 0 auto !important;
  }

  .admin-content {
    padding: 14px 12px 30px !important;
  }

  .stats {
    grid-template-columns: 1fr 1fr !important;
  }

  .table-wrap {
    overflow-x: auto !important;
  }

  dialog {
    width: calc(100% - 14px) !important;
    max-width: none !important;
    max-height: 94vh !important;
    overflow: auto !important;
  }
}

@media (max-width: 390px) {
  .product-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  .brand-text strong {
    font-size: 17px !important;
  }

  .hero h1 {
    font-size: 41px !important;
  }
}