/*
 * IAWEB E-COMMERCE — carrello, checkout, account, ordine ricevuto.
 * Caricato solo su quelle pagine (inc/asset.php).
 */

.woocommerce-notices-wrapper:empty { display: none; }

/* --------------------------------------------------------------- carrello */

@media (min-width: 900px) {
  .woocommerce-cart .iw-pagina__corpo > .woocommerce {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    column-gap: var(--iw-spazio-7);
    align-items: start;
  }
  .woocommerce-cart .iw-pagina__corpo > .woocommerce > * { grid-column: 1 / -1; }
  .woocommerce-cart .iw-pagina__corpo > .woocommerce > .woocommerce-cart-form { grid-column: 1; }
  /*
   * La colonna del riepilogo parte in alto, allineata alla barra della
   * spedizione gratuita, e resta appiccicata mentre si scorre il carrello.
   *
   * Le tre righe esplicite servono a questo: la barra e la tabella stanno una
   * sotto l altra nella prima colonna, e il riepilogo le affianca entrambe
   * partendo dalla stessa altezza della barra. Senza, la griglia lo metteva
   * accanto alla sola tabella e partiva 94 px piu in basso.
   *
   * «dense» perche il riepilogo viene dopo la tabella nel codice: senza, il
   * cursore della griglia non torna indietro e la barra finisce in fondo.
   *
   * Lo sticky qui rende davvero: prima il pulsante «Procedi con l ordine»
   * usciva dallo schermo mentre si guardava il carrello, adesso resta.
   * Quello che NON lo ferma e la sua cella: un elemento appiccicato e
   * trattenuto dal contenitore, non dall area di griglia, e per questo i
   * blocchi sotto il carrello (recensioni, visti di recente) si stampano
   * fuori da questa griglia — vedi i rispettivi moduli.
   */
  .woocommerce-cart .iw-pagina__corpo > .woocommerce { grid-auto-flow: row dense; }
  .woocommerce-cart .iw-pagina__corpo > .woocommerce > .iw-spedizione-gratis.iw-spedizione-gratis { grid-column: 1 / 2; grid-row: 1; }
  .woocommerce-cart .iw-pagina__corpo > .woocommerce > .woocommerce-cart-form.woocommerce-cart-form { grid-column: 1 / 2; grid-row: 2; }
  .woocommerce-cart .iw-pagina__corpo > .woocommerce > .cart-collaterals.cart-collaterals {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: start;
    position: sticky;
    top: calc(var(--iw-altezza-testata) + var(--iw-annunci-h, 0px) + var(--iw-spazio-5));
  }
}

.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals { float: none; width: auto; }

.woocommerce table.shop_table.cart { border: 0; border-collapse: collapse; background: transparent; }
.woocommerce table.shop_table.cart th { padding: 0 var(--iw-spazio-3) var(--iw-spazio-3); border: 0; color: var(--iw-testo-tenue); font-size: var(--iw-testo-piccolo); font-weight: 500; }
.woocommerce table.shop_table.cart td { padding: var(--iw-spazio-4) var(--iw-spazio-3); border: 0; border-top: 1px solid var(--iw-bordo); vertical-align: middle; }
.woocommerce table.shop_table.cart td.product-thumbnail img { width: 88px; border-radius: var(--iw-raggio-piccolo); }
.woocommerce table.shop_table.cart td.product-name a { color: var(--iw-testo); font-weight: 500; text-decoration: none; }
.woocommerce table.shop_table.cart td.product-name a:hover { text-decoration: underline; }
.woocommerce table.shop_table.cart td.product-name .variation { margin-top: var(--iw-spazio-1); color: var(--iw-testo-tenue); font-size: var(--iw-testo-piccolo); }
.woocommerce table.shop_table.cart td.product-subtotal { font-weight: 600; }

.woocommerce a.remove {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: var(--iw-testo-tenue) !important;
  font-size: 1.4rem;
  font-weight: 400;
}
.woocommerce a.remove:hover { background: var(--iw-velo); color: var(--iw-testo) !important; }

.woocommerce table.shop_table.cart td.actions { padding-top: var(--iw-spazio-5); }
.woocommerce table.shop_table.cart td.actions .coupon { display: flex; flex-wrap: wrap; gap: var(--iw-spazio-2); }
.woocommerce table.shop_table.cart td.actions .coupon .input-text { width: 220px; margin: 0; }
.woocommerce table.shop_table.cart td.actions .coupon .button,
.woocommerce table.shop_table.cart td.actions > .button {
  border: 1px solid var(--iw-bordo-forte);
  background: transparent;
  color: var(--iw-testo);
}
/* con JavaScript il carrello si aggiorna da solo (assets/js/acquisto.js) */
/* !important: su telefono WooCommerce lo rimette a blocco con .woocommerce-page table.cart td.actions .button */
.iw-js .woocommerce-cart-form button[name="update_cart"] { display: none !important; }

/* telefono: ogni prodotto una carta, con le etichette di WooCommerce */
@media (max-width: 768px) {
  .woocommerce table.shop_table_responsive.cart tr.cart_item {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    column-gap: var(--iw-spazio-4);
    position: relative;
    padding: var(--iw-spazio-4) 0;
    border-top: 1px solid var(--iw-bordo);
  }
  .woocommerce table.shop_table_responsive.cart tr.cart_item td { display: block; padding: var(--iw-spazio-1) 0; border: 0; text-align: left !important; background: transparent !important; }
  .woocommerce table.shop_table_responsive.cart tr.cart_item td::before { display: none; }
  .woocommerce table.shop_table_responsive.cart tr.cart_item td.product-thumbnail { display: block; grid-row: 1 / span 4; }
  .woocommerce table.shop_table_responsive.cart tr.cart_item td.product-thumbnail img { width: 88px; }
  .woocommerce table.shop_table_responsive.cart tr.cart_item td.product-remove { position: absolute; top: var(--iw-spazio-3); right: 0; padding: 0; }
  .woocommerce table.shop_table_responsive.cart tr.cart_item td.product-name { padding-right: 40px; }
  .woocommerce table.shop_table_responsive.cart tr.cart_item td.product-price { display: none; }
  .woocommerce table.shop_table.cart td.actions .coupon .input-text { flex: 1 1 100%; width: auto; }
  .woocommerce table.shop_table.cart td.actions .coupon .button { flex: 1 1 100%; width: 100%; }
  .woocommerce .cart_totals table.shop_table_responsive tr td,
  .woocommerce .cart_totals table.shop_table_responsive tr:nth-child(2n) td { background: transparent; }
}

.cart_totals,
.woocommerce-checkout-review-order {
  padding: var(--iw-spazio-5);
  border: 1px solid var(--iw-bordo);
  border-radius: var(--iw-raggio);
  background: var(--iw-superficie);
}
.woocommerce .cart_totals h2 { margin-bottom: var(--iw-spazio-3); font-size: 1.2rem; }
.woocommerce .cart_totals table.shop_table,
.woocommerce table.woocommerce-checkout-review-order-table { border: 0; border-radius: 0; background: transparent; }
.woocommerce .cart_totals table.shop_table th,
.woocommerce .cart_totals table.shop_table td,
.woocommerce table.woocommerce-checkout-review-order-table th,
.woocommerce table.woocommerce-checkout-review-order-table td { padding: var(--iw-spazio-3) 0; border-top: 1px solid var(--iw-bordo); font-weight: 400; }
.woocommerce .cart_totals table.shop_table td { text-align: right; }
.woocommerce .cart_totals .order-total th,
.woocommerce .cart_totals .order-total td,
.woocommerce table.woocommerce-checkout-review-order-table .order-total th,
.woocommerce table.woocommerce-checkout-review-order-table .order-total td { font-size: 1.1rem; font-weight: 600; }
.woocommerce .cart_totals .order-total small,
.woocommerce table.woocommerce-checkout-review-order-table .order-total small { color: var(--iw-testo-tenue); font-size: 0.75rem; font-weight: 400; }
.woocommerce ul#shipping_method li { margin-bottom: var(--iw-spazio-1); }

.woocommerce .wc-proceed-to-checkout { padding: var(--iw-spazio-4) 0 0; }
.woocommerce .wc-proceed-to-checkout a.checkout-button { width: 100%; min-height: 52px; margin: 0; font-size: 1rem; }

.woocommerce .cross-sells { margin-top: var(--iw-spazio-7); }
.woocommerce .cross-sells > h2 { margin-bottom: var(--iw-spazio-5); font-size: var(--iw-titolo-2); }

.woocommerce .cart-empty.woocommerce-info { margin-bottom: var(--iw-spazio-5); }

/* --------------------------------------------------------------- checkout */

.woocommerce form.checkout .col2-set { display: grid; gap: var(--iw-spazio-6); }
.woocommerce form.checkout .col2-set::before,
.woocommerce form.checkout .col2-set::after { content: none; }
.woocommerce form.checkout .col2-set .col-1,
.woocommerce form.checkout .col2-set .col-2 { float: none; width: auto; }

.woocommerce form.checkout h3,
.woocommerce #order_review_heading { margin: 0 0 var(--iw-spazio-4); font-size: 1.2rem; }

@media (min-width: 1000px) {
  .woocommerce form.checkout.woocommerce-checkout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    column-gap: var(--iw-spazio-7);
    align-items: start;
  }
  .woocommerce form.checkout > .woocommerce-NoticeGroup { grid-column: 1 / -1; grid-row: 1; }
  .woocommerce form.checkout > #customer_details { grid-column: 1; grid-row: 2 / span 2; }
  .woocommerce form.checkout > #order_review_heading { grid-column: 2; grid-row: 2; }
  /*
   * Alla cassa il riepilogo non e appiccicato: e alto 1313 px, piu dei dati
   * del cliente accanto (1100) e piu di una finestra da 900. Tenere fermo
   * qualcosa di piu alto dello schermo non tiene fermo niente — il pulsante
   * «Effettua ordine» sta in fondo a quel blocco e scorreva via lo stesso.
   * Parte in linea col titolo, cioe in cima alla colonna, e scorre.
   */
  .woocommerce form.checkout > #order_review { grid-column: 2; grid-row: 3; align-self: start; }
}

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-additional-fields__field-wrapper { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: var(--iw-spazio-4); }
@media (min-width: 600px) {
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields__field-wrapper { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
.woocommerce form .form-row { grid-column: 1 / -1; float: none; width: auto; margin: 0 0 var(--iw-spazio-4); padding: 0; }
@media (min-width: 600px) {
  .woocommerce form .form-row.form-row-first { grid-column: 1; }
  .woocommerce form .form-row.form-row-last { grid-column: 2; }
}
.woocommerce form .form-row label { margin-bottom: var(--iw-spazio-1); font-size: 0.9rem; line-height: 1.35; }
.woocommerce form .form-row .required { color: #B42318; text-decoration: none; }
.woocommerce form .form-row .optional { color: var(--iw-testo-tenue); font-weight: 400; }
.woocommerce form .form-row.woocommerce-invalid .input-text,
.woocommerce form .form-row.woocommerce-invalid select { border-color: #B42318; }
.woocommerce form .form-row .description { color: var(--iw-testo-tenue); font-size: var(--iw-testo-piccolo); }

/* le tendine con ricerca (paese, provincia) alla stessa misura dei campi */
.select2-container--default .select2-selection--single {
  height: 44px;
  border: 1px solid var(--iw-bordo-forte);
  border-radius: var(--iw-raggio-piccolo);
  background: var(--iw-superficie);
}
.select2-container--default .select2-selection--single .select2-selection__rendered { display: block; padding: 0 2.2em 0 0.85em; color: var(--iw-testo); line-height: 42px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; }
.select2-dropdown { border-color: var(--iw-bordo-forte); border-radius: var(--iw-raggio-piccolo); }
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] { background: var(--iw-accento); color: var(--iw-accento-testo); }

.woocommerce-checkout #payment { margin-top: var(--iw-spazio-4); }
.woocommerce-checkout #payment ul.payment_methods { padding: var(--iw-spazio-4); border-bottom-color: var(--iw-bordo); }
.woocommerce-checkout #payment ul.payment_methods li { margin-bottom: var(--iw-spazio-2); }
.woocommerce-checkout #payment ul.payment_methods li label { font-weight: 500; }
.woocommerce-checkout #payment div.form-row { padding: var(--iw-spazio-4); }
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order { float: none; width: 100%; min-height: 52px; font-size: 1rem; }
.woocommerce-terms-and-conditions-wrapper { font-size: var(--iw-testo-piccolo); color: var(--iw-testo-tenue); }

.woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-form-login-toggle .woocommerce-info { margin-bottom: var(--iw-spazio-4); }
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  margin: 0 0 var(--iw-spazio-5);
  padding: var(--iw-spazio-5);
  border: 1px solid var(--iw-bordo);
  border-radius: var(--iw-raggio);
  background: var(--iw-superficie);
}

/* ----------------------------------------------------------------- account */


.woocommerce-account .col2-set { display: grid; gap: var(--iw-spazio-5); }
@media (min-width: 900px) {
  .woocommerce-account .col2-set { grid-template-columns: 1fr 1fr; }
}
.woocommerce-account .col2-set::before,
.woocommerce-account .col2-set::after { content: none; }
.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2 { float: none; width: auto; }

.logged-in.woocommerce-account .iw-pagina__corpo > .woocommerce { display: grid; gap: var(--iw-spazio-5) var(--iw-spazio-7); }
/* il clearfix di WooCommerce (::before/::after) diventerebbe una cella della griglia e sposterebbe menu e contenuto */
.logged-in.woocommerce-account .iw-pagina__corpo > .woocommerce::before,
.logged-in.woocommerce-account .iw-pagina__corpo > .woocommerce::after { content: none; }
.logged-in.woocommerce-account .iw-pagina__corpo > .woocommerce > * { min-width: 0; grid-column: 1 / -1; }
@media (min-width: 900px) {
  .logged-in.woocommerce-account .iw-pagina__corpo > .woocommerce { grid-template-columns: 240px minmax(0, 1fr); align-items: start; }
  .logged-in.woocommerce-account .iw-pagina__corpo > .woocommerce > .woocommerce-MyAccount-navigation { grid-column: 1; grid-row: 1 / span 2; position: sticky; top: calc(var(--iw-altezza-testata) + var(--iw-annunci-h, 0px) + var(--iw-spazio-5)); }
  .logged-in.woocommerce-account .iw-pagina__corpo > .woocommerce > .woocommerce-MyAccount-content { grid-column: 2; grid-row: 1 / span 2; }
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content { float: none; width: auto; }

/* moduli dell account: righe leggibili, nome e cognome affiancati, riquadro password */
.woocommerce-MyAccount-content .woocommerce-address-fields,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm { max-width: 46rem; }
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: var(--iw-spazio-4); }
@media (min-width: 600px) {
  .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper,
  .woocommerce-MyAccount-content .woocommerce-EditAccountForm { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm > :not(.form-row-first):not(.form-row-last) { grid-column: 1 / -1; }
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .clear { display: none; }
.woocommerce-MyAccount-content fieldset { margin: var(--iw-spazio-4) 0; padding: var(--iw-spazio-5); border: 1px solid var(--iw-bordo); border-radius: var(--iw-raggio); }
.woocommerce-MyAccount-content fieldset legend { padding: 0 var(--iw-spazio-2); font-weight: 600; }
.woocommerce-MyAccount-content fieldset .form-row:last-child { margin-bottom: 0; }
.woocommerce-MyAccount-content #account_display_name_description em { font-style: normal; color: var(--iw-testo-tenue); font-size: var(--iw-testo-piccolo); }
.woocommerce form .form-row .woocommerce-input-wrapper input[type="radio"] { width: auto; margin: 0 6px 0 0; vertical-align: middle; }
.woocommerce form .form-row input[type="radio"] + label.radio { display: inline; margin: 0 20px 0 0; }
.woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; }
.woocommerce-MyAccount-navigation a {
  display: block;
  padding: var(--iw-spazio-3) var(--iw-spazio-4);
  border-radius: var(--iw-raggio-piccolo);
  color: var(--iw-testo);
  text-decoration: none;
}
.woocommerce-MyAccount-navigation a:hover { background: var(--iw-velo); }
.woocommerce-MyAccount-navigation .is-active a { background: var(--iw-velo); font-weight: 600; }
@media (max-width: 899px) {
  .woocommerce-MyAccount-navigation ul { display: flex; gap: var(--iw-spazio-2); overflow-x: auto; padding-bottom: var(--iw-spazio-1); }
  .woocommerce-MyAccount-navigation a { white-space: nowrap; border: 1px solid var(--iw-bordo); border-radius: 999px; }
}

/* ------------------------------------------------------- ordine ricevuto */

.woocommerce ul.order_details,
.woocommerce-order-overview {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: var(--iw-spazio-3);
  margin: 0 0 var(--iw-spazio-6);
  padding: 0;
  list-style: none;
}
.woocommerce ul.order_details::before,
.woocommerce ul.order_details::after { content: none; }
.woocommerce ul.order_details li {
  float: none;
  margin: 0;
  padding: var(--iw-spazio-4);
  border: 1px solid var(--iw-bordo);
  border-radius: var(--iw-raggio);
  background: var(--iw-superficie);
  font-size: var(--iw-testo-piccolo);
  text-transform: none;
}
.woocommerce ul.order_details li strong { margin-top: var(--iw-spazio-1); font-size: 1rem; }
.woocommerce .woocommerce-customer-details address { padding: var(--iw-spazio-4); border-color: var(--iw-bordo); border-radius: var(--iw-raggio); }

/* ============================================================ gestore 0.2 */

.iw-consenso label { display: flex; align-items: flex-start; gap: var(--iw-spazio-2); font-weight: 400; font-size: var(--iw-testo-piccolo); line-height: 1.5; }
.iw-consenso input { margin-top: 3px; }

.iw-bacheca { display: grid; gap: var(--iw-spazio-5); }
.iw-bacheca__saluto { margin: 0; font: var(--iw-titoli-peso, 600) var(--iw-titolo-3)/1.35 var(--iw-font-titoli); }
.iw-bacheca__ordine { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--iw-spazio-4); padding: var(--iw-spazio-5); border: 1px solid var(--iw-bordo); border-radius: var(--iw-raggio); background: var(--iw-fondo-tenue); }
.iw-bacheca__ordine p { margin: 0; }
.iw-bacheca__etichetta { color: var(--iw-testo-tenue); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.iw-bacheca__numero { font-weight: 600; }
.iw-stato { display: inline-block; padding: 2px 10px; border-radius: 999px; background: var(--iw-velo); font-size: 0.8rem; font-weight: 600; }
.iw-stato--completed { background: #DCFAE6; color: #067647; }
.iw-stato--processing { background: #EFF8FF; color: #175CD3; }
.iw-stato--on-hold, .iw-stato--pending { background: #FFFAEB; color: #B54708; }
.iw-stato--cancelled, .iw-stato--failed, .iw-stato--refunded { background: #FEF3F2; color: #B42318; }
.iw-bacheca__scorciatoie { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--iw-spazio-3); margin: 0; padding: 0; list-style: none; }
.iw-bacheca__scorciatoie a { display: grid; gap: 4px; height: 100%; padding: var(--iw-spazio-5); border: 1px solid var(--iw-bordo); border-radius: var(--iw-raggio); color: var(--iw-testo); text-decoration: none; transition: border-color var(--iw-transizione), box-shadow var(--iw-transizione); }
.iw-bacheca__scorciatoie a:hover { border-color: var(--iw-testo); color: var(--iw-testo); box-shadow: var(--iw-ombra); }
.iw-bacheca__scorciatoie .iw-icona { width: 26px; height: 26px; margin-bottom: var(--iw-spazio-2); }
.iw-bacheca__scorciatoie span { color: var(--iw-testo-tenue); font-size: var(--iw-testo-piccolo); }
/* su telefono il menu dell account scorre di lato dentro la sua riga, la pagina no */
.logged-in.woocommerce-account .iw-pagina__corpo > .woocommerce { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) {
  .logged-in.woocommerce-account .iw-pagina__corpo > .woocommerce { grid-template-columns: 240px minmax(0, 1fr); }
}

/* ------------------------------------------------ accesso e registrazione */

.woocommerce-account:not(.logged-in) .iw-pagina__titolo { text-align: center; }
.iw-accesso { display: grid; gap: var(--iw-spazio-5); max-width: 460px; margin: var(--iw-spazio-5) auto 0; }
.iw-accesso--doppio { max-width: 980px; }
@media (min-width: 900px) {
  .iw-accesso--doppio { grid-template-columns: 1fr 1fr; gap: 0; border: 1px solid var(--iw-bordo); border-radius: var(--iw-raggio); overflow: hidden; }
  .iw-accesso--doppio .iw-accesso__schede { display: none; }
  .iw-accesso--doppio .iw-accesso__pannello { padding: var(--iw-spazio-7) clamp(1.5rem, 4vw, 3.5rem); }
  .iw-accesso--doppio .iw-accesso__pannello--nuovo { background: var(--iw-fondo-tenue); }
}
@media (max-width: 899px) {
  .iw-js .iw-accesso--doppio[data-iw-accesso="accedi"] #iw-pannello-registrati,
  .iw-js .iw-accesso--doppio[data-iw-accesso="registrati"] #iw-pannello-accedi { display: none; }
}
.iw-accesso__schede { display: grid; grid-template-columns: 1fr 1fr; padding: 4px; border-radius: 999px; background: var(--iw-fondo-tenue); }
.iw-accesso__schede button { min-height: 44px; border: 0; border-radius: 999px; background: transparent; color: var(--iw-testo-tenue); font: 600 0.95rem/1 var(--iw-font-testo); cursor: pointer; }
.iw-accesso__schede button[aria-selected="true"] { background: var(--iw-superficie); color: var(--iw-testo); box-shadow: 0 1px 3px rgb(0 0 0 / 0.1); }
.iw-accesso__titolo { margin: 0 0 var(--iw-spazio-1); font-size: var(--iw-titolo-2); }
.iw-accesso__sottotitolo { margin: 0 0 var(--iw-spazio-5); color: var(--iw-testo-tenue); }
.woocommerce .iw-accesso form.login,
.woocommerce .iw-accesso form.register { margin: 0; padding: 0; border: 0; background: none; }
.iw-accesso .form-row { margin: 0 0 var(--iw-spazio-4); padding: 0; }
.iw-accesso label { display: block; margin-bottom: 6px; }
.iw-accesso__riga { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--iw-spazio-2); margin-bottom: var(--iw-spazio-5); }
.iw-accesso__riga label { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-weight: 400; }
.iw-accesso__dimenticata { color: var(--iw-testo); font-size: var(--iw-testo-piccolo); }
.woocommerce .iw-accesso .iw-accesso__invia.button { width: 100%; min-height: 52px; font-size: 1rem; }
.iw-accesso__nota { margin: 0 0 var(--iw-spazio-4); color: var(--iw-testo-tenue); font-size: var(--iw-testo-piccolo); }
.iw-accesso .iw-consenso { margin-bottom: var(--iw-spazio-5); }
.iw-accesso__vantaggi { display: grid; gap: var(--iw-spazio-3); margin: var(--iw-spazio-6) 0 0; padding: var(--iw-spazio-5) 0 0; border-top: 1px solid var(--iw-bordo); list-style: none; font-size: var(--iw-testo-piccolo); }
.iw-accesso__vantaggi li { display: flex; align-items: center; gap: var(--iw-spazio-3); }
.iw-accesso__vantaggi .iw-icona { width: 20px; height: 20px; }
.iw-accesso .show-password-input { width: 44px; height: 44px; }
.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword { max-width: 460px; margin-inline: auto; }

/* -------------------------------------------------- recesso dal contratto */
.woocommerce-order-withdrawal-content { max-width: 46rem; }
.woocommerce-order-withdrawal-content__intro { margin: 0 0 var(--iw-spazio-2); font-size: 1.0625rem; }
.woocommerce-order-withdrawal-content__note { display: block; margin: 0 0 var(--iw-spazio-4); color: var(--iw-testo-tenue); font-size: var(--iw-testo-piccolo); }
.woocommerce-order-withdrawal-content__steps { display: flex; flex-wrap: wrap; gap: var(--iw-spazio-2) var(--iw-spazio-5); margin: var(--iw-spazio-5) 0; padding: 0; list-style: none; counter-reset: iw-passo; }
.woocommerce-order-withdrawal-content__step { display: flex; align-items: center; gap: var(--iw-spazio-2); color: var(--iw-testo-tenue); font-size: var(--iw-testo-piccolo); counter-increment: iw-passo; }
.woocommerce-order-withdrawal-content__step::before { content: counter(iw-passo); display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid var(--iw-bordo-forte); border-radius: 50%; font-weight: 600; }
.woocommerce-order-withdrawal-content__step--current { color: var(--iw-testo); font-weight: 600; }
.woocommerce-order-withdrawal-content__step--current::before { border-color: var(--iw-accento); background: var(--iw-accento); color: var(--iw-accento-testo); }
.woocommerce-order-withdrawal-content .woocommerce-OrderWithdrawalForm { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: var(--iw-spazio-4); }
@media (min-width: 600px) {
  .woocommerce-order-withdrawal-content .woocommerce-OrderWithdrawalForm { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
.woocommerce-order-withdrawal-content .woocommerce-OrderWithdrawalForm > :not(.form-row-first):not(.form-row-last) { grid-column: 1 / -1; }
.woocommerce-order-withdrawal-content .woocommerce-OrderWithdrawalForm .clear { display: none; }
.woocommerce-order-withdrawal-content__radio-field { margin: 0 0 var(--iw-spazio-4); padding: 0; border: 0; }
.woocommerce-order-withdrawal-content__radio-field legend { margin-bottom: var(--iw-spazio-2); font-size: 0.9rem; }
.woocommerce-order-withdrawal-content__radio-label { display: flex; align-items: center; gap: var(--iw-spazio-2); margin: 0 0 var(--iw-spazio-2); padding: var(--iw-spazio-3) var(--iw-spazio-4); border: 1px solid var(--iw-bordo); border-radius: var(--iw-raggio-piccolo); cursor: pointer; }
.woocommerce-order-withdrawal-content__radio-label:has(input:checked) { border-color: var(--iw-accento); box-shadow: inset 0 0 0 1px var(--iw-accento); }
.woocommerce-order-withdrawal-content__radio-label input { margin: 0; accent-color: var(--iw-accento); }
.woocommerce-order-withdrawal-content__field-error { display: block; margin-top: 4px; color: #B42318; font-size: var(--iw-testo-piccolo); }
.woocommerce-order-withdrawal-content__review { margin: 0 0 var(--iw-spazio-4); border: 1px solid var(--iw-bordo); border-radius: var(--iw-raggio); }
.woocommerce-order-withdrawal-content__review-row { display: grid; grid-template-columns: minmax(0, 11rem) minmax(0, 1fr); gap: var(--iw-spazio-3); padding: var(--iw-spazio-3) var(--iw-spazio-4); }
.woocommerce-order-withdrawal-content__review-row + .woocommerce-order-withdrawal-content__review-row { border-top: 1px solid var(--iw-bordo); }
.woocommerce-order-withdrawal-content__review dt { color: var(--iw-testo-tenue); }
.woocommerce-order-withdrawal-content__review dd { margin: 0; overflow-wrap: anywhere; }
.woocommerce-order-withdrawal-content__actions { display: flex; flex-wrap: wrap; gap: var(--iw-spazio-3); margin-top: var(--iw-spazio-2); }
.woocommerce .woocommerce-order-withdrawal-content__button--secondary { background: transparent; color: var(--iw-testo); border: 1px solid var(--iw-bordo-forte); }
@media (max-width: 599px) {
  .woocommerce-order-withdrawal-content__review-row { grid-template-columns: 1fr; gap: 2px; }
  .woocommerce-order-withdrawal-content__actions .button { flex: 1 1 100%; }
}

/* ------------------------------------------------ checkout senza distrazioni */
/* aree proprie: quelle della testata normale (logo menu azioni) sposterebbero gli elementi */
.iw-testata--checkout .iw-testata__riga,
.iw-testata--checkout.iw-testata .iw-testata__riga { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "logo destra"; gap: var(--iw-spazio-4); }
.iw-testata--checkout .iw-testata__logo { grid-area: logo; justify-self: start; text-align: left; }
.iw-testata--checkout .custom-logo { margin-inline: 0; }
.iw-checkout-destra { grid-area: destra; display: flex; align-items: center; gap: var(--iw-spazio-5); }
.iw-checkout-sicuro, .iw-checkout-indietro { display: inline-flex; align-items: center; gap: 8px; margin: 0; min-height: 44px; font-size: var(--iw-testo-piccolo); font-weight: 500; line-height: 1; }
.iw-checkout-sicuro { color: #067647; }
.iw-checkout-indietro { color: var(--iw-testo); text-decoration: none; }
.iw-checkout-indietro:hover span { text-decoration: underline; text-underline-offset: 3px; }
.iw-checkout-sicuro .iw-icona, .iw-checkout-sicuro svg, .iw-checkout-indietro svg { flex: none; width: 20px; height: 20px; }
@media (max-width: 599px) {
  .iw-checkout-destra { gap: var(--iw-spazio-2); }
  .iw-checkout-sicuro span, .iw-checkout-indietro span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .iw-checkout-indietro { justify-content: center; min-width: 44px; }
  .iw-testata--checkout .iw-testata__nome { font-size: 1.05rem; }
}
.iw-piede--checkout { margin-top: var(--iw-spazio-7); padding-block: 0; border-top: 1px solid var(--iw-bordo); background: none; }
.iw-piede--checkout .iw-piede__base { border-top: 0; }

/* ------------------------------------------------------------- rassicurazioni */
.iw-rassicurazioni { margin-top: var(--iw-spazio-4); }
.iw-vantaggi--rassicurazioni { gap: var(--iw-spazio-3); padding: var(--iw-spazio-4); border-radius: var(--iw-raggio); background: var(--iw-fondo-tenue); }
.iw-vantaggi--rassicurazioni .iw-vantaggi__voce { display: flex; align-items: flex-start; gap: var(--iw-spazio-3); font-size: var(--iw-testo-piccolo); line-height: 1.4; }
.iw-vantaggi--rassicurazioni .iw-icona { flex: none; width: 20px; height: 20px; margin-top: 1px; }
.iw-vantaggi--rassicurazioni strong { display: block; font-weight: 600; }
.iw-vantaggi--rassicurazioni .iw-vantaggi__testo { display: block; color: var(--iw-testo-tenue); }

/* ------------------------------------------------------ errori mentre si compila */
.iw-errore-campo { display: block; margin-top: 4px; color: #B42318; font-size: var(--iw-testo-piccolo); line-height: 1.35; }
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select { border-color: #B42318; box-shadow: inset 0 0 0 1px #B42318; }
.woocommerce form .form-row.woocommerce-validated input.input-text:not(:placeholder-shown) { border-color: var(--iw-bordo-forte); }

/* ------------------------------------------------------------ pagina «Grazie» */
.iw-grazie { max-width: 60rem; margin-inline: auto; }
/* bonifico: l IBAN (a gruppi di quattro dal plugin) su tutta la riga e grande, da leggere e ricopiare senza che vada a capo a pezzi */
.woocommerce ul.order_details.bacs_details li.iban { grid-column: 1 / -1; }
.woocommerce ul.order_details.bacs_details li.iban strong { font-size: 1.25rem; letter-spacing: 0.04em; }
.iw-grazie__testa { display: grid; justify-items: center; gap: var(--iw-spazio-2); padding: var(--iw-spazio-6) var(--iw-spazio-5); border: 1px solid var(--iw-bordo); border-radius: var(--iw-raggio); text-align: center; }
.iw-grazie__testa--errore { border-color: #F4C7C9; background: #FFF6F6; }
.iw-grazie__spunta { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #E7F6EC; color: #067647; }
.iw-grazie__spunta svg { width: 30px; height: 30px; }
.iw-grazie__titolo { margin: var(--iw-spazio-2) 0 0; font-size: var(--iw-titolo-2); line-height: 1.2; }
.iw-grazie__sotto { max-width: 48ch; margin: 0; color: var(--iw-testo-tenue); }
.iw-grazie__dati { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--iw-spazio-3) var(--iw-spazio-6); margin: var(--iw-spazio-4) 0 0; }
.iw-grazie__dati div { display: grid; gap: 2px; }
.iw-grazie__dati dt { color: var(--iw-testo-tenue); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
.iw-grazie__dati dd { margin: 0; font-weight: 600; }
.iw-grazie__azioni { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--iw-spazio-3); margin: var(--iw-spazio-3) 0 0; }
.woocommerce .iw-grazie__secondario { background: transparent; color: var(--iw-testo); border: 1px solid var(--iw-bordo-forte); }
.iw-grazie__passi { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: var(--iw-spazio-6) 0 var(--iw-spazio-3); padding: 0; list-style: none; counter-reset: iw-grazie; }
.iw-grazie__passo { position: relative; display: grid; justify-items: center; gap: var(--iw-spazio-2); color: var(--iw-testo-tenue); font-size: var(--iw-testo-piccolo); text-align: center; counter-increment: iw-grazie; }
.iw-grazie__passo::before { content: counter(iw-grazie); position: relative; z-index: 1; display: grid; place-items: center; width: 30px; height: 30px; border: 2px solid var(--iw-bordo-forte); border-radius: 50%; background: var(--iw-fondo); font-weight: 600; }
.iw-grazie__passo + .iw-grazie__passo::after { content: ""; position: absolute; top: 15px; right: 50%; width: 100%; height: 2px; background: var(--iw-bordo); }
.iw-grazie__passo--fatto, .iw-grazie__passo--adesso { color: var(--iw-testo); font-weight: 600; }
.iw-grazie__passo--fatto::before { content: "✓"; border-color: #067647; background: #067647; color: #fff; }
.iw-grazie__passo--adesso::before { border-color: var(--iw-accento); color: var(--iw-accento); }
.iw-grazie__passo--adesso::after { background: #067647 !important; }
.iw-grazie .iw-consegna--grazie { display: block; margin: 0 auto var(--iw-spazio-6); text-align: center; max-width: max-content; }
.iw-grazie .iw-consegna--grazie[hidden] { display: none; }
.iw-grazie__riquadri { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: var(--iw-spazio-4); margin: var(--iw-spazio-5) 0 var(--iw-spazio-7); }
.iw-grazie__riquadro { display: grid; align-content: start; gap: var(--iw-spazio-2); padding: var(--iw-spazio-5); border: 1px solid var(--iw-bordo); border-radius: var(--iw-raggio); }
.iw-grazie__riquadro p { margin: 0; }
.iw-grazie__riquadro--codice { border: 1px dashed var(--iw-bordo-forte); background: var(--iw-fondo-tenue); }
.iw-grazie__riquadro--fatto { border-color: #067647; }
.iw-grazie__etichetta { color: var(--iw-testo-tenue); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
.iw-grazie__grande { font-size: 1.25rem; font-weight: 650; line-height: 1.3; }
.iw-grazie__codice { display: flex; flex-wrap: wrap; align-items: center; gap: var(--iw-spazio-3); }
.iw-grazie__codice code { padding: 6px 12px; border-radius: var(--iw-raggio-piccolo); background: var(--iw-superficie); font-size: 1.125rem; font-weight: 700; letter-spacing: 0.12em; }
.iw-grazie__copia { padding: 6px 12px; border: 1px solid var(--iw-bordo-forte); border-radius: var(--iw-raggio-piccolo); background: none; color: var(--iw-testo); font: inherit; font-size: var(--iw-testo-piccolo); cursor: pointer; }
.iw-grazie__nota { color: var(--iw-testo-tenue); font-size: var(--iw-testo-piccolo); }
.iw-grazie__riquadro .button { justify-self: start; margin-top: var(--iw-spazio-2); }
.iw-grazie__esito { color: #067647; font-weight: 600; }
@media (max-width: 599px) {
  .iw-grazie__passo { font-size: 0.75rem; }
  .iw-grazie__testa { padding: var(--iw-spazio-5) var(--iw-spazio-4); }
}

/* ------------------------------------------------ stato ordine e resi (account) */
.iw-ordine-passi { margin: 0 0 var(--iw-spazio-6); }
.iw-resi { margin-top: var(--iw-spazio-6); padding-top: var(--iw-spazio-5); border-top: 1px solid var(--iw-bordo); }
.iw-resi__titolo { margin: 0 0 var(--iw-spazio-4); font-size: var(--iw-titolo-3); }
.iw-resi__richiesta { margin-bottom: var(--iw-spazio-3); padding: var(--iw-spazio-4); border: 1px solid var(--iw-bordo); border-left-width: 1px; border-radius: var(--iw-raggio); }
.iw-resi__richiesta p { margin: 0 0 4px; }
.iw-resi__richiesta--autorizzato { border-color: #9BD4AE; background: #F3FBF6; }
.iw-resi__richiesta--rifiutato { border-color: #F4C7C9; background: #FFF6F6; }
.iw-resi__risposta { margin-top: var(--iw-spazio-2) !important; color: var(--iw-testo-tenue); white-space: normal; }
.iw-resi__nuovo summary { display: inline-flex; min-height: 44px; align-items: center; font-weight: 600; cursor: pointer; }
.iw-resi__modulo { max-width: 40rem; margin-top: var(--iw-spazio-3); }
.iw-resi__modulo fieldset { margin: 0 0 var(--iw-spazio-4); padding: 0; border: 0; }
.iw-resi__modulo legend { margin-bottom: var(--iw-spazio-2); font-weight: 600; }
.iw-resi__riga { display: flex; align-items: center; justify-content: space-between; gap: var(--iw-spazio-4); padding: var(--iw-spazio-2) 0; border-bottom: 1px solid var(--iw-bordo); }
.iw-resi__riga select { width: auto; min-width: 5rem; }
.iw-resi__modulo textarea { width: 100%; }
.woocommerce-order-details .woocommerce-table__shipment-info a { font-weight: 600; }
.iw-accesso__dimenticata { display: inline-flex; align-items: center; min-height: 44px; }

/* -------------------------------------------------------------- codice sconto */
.iw-codice[hidden] { display: none; }
.iw-codice { margin: var(--iw-spazio-4) 0; }
.iw-codice__apri summary { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: var(--iw-testo-piccolo); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; list-style: none; }
.iw-codice__apri summary::-webkit-details-marker { display: none; }
.iw-codice__apri summary::before { content: "+"; display: inline-grid; place-items: center; width: 18px; height: 18px; border: 1px solid currentColor; border-radius: 50%; font-size: 13px; line-height: 1; }
.iw-codice__apri[open] summary::before { content: "−"; }
.iw-codice__riga { display: flex; gap: var(--iw-spazio-2); margin-top: var(--iw-spazio-2); }
.iw-codice__riga input { flex: 1; min-width: 0; min-height: 44px; text-transform: uppercase; letter-spacing: 0.06em; }
.iw-codice__riga .button { flex: none; min-height: 44px; }
.iw-codice__esito { margin: var(--iw-spazio-2) 0 0; color: #067647; font-size: var(--iw-testo-piccolo); }
.iw-codice__esito--errore { color: #B42318; }
.woocommerce-checkout-review-order .iw-codice { padding: 0 0 var(--iw-spazio-2); border-bottom: 1px solid var(--iw-bordo); }

/* ------------------------------------------ barra della spedizione gratuita */

/*
 * In carrello e alla cassa la barra non sta in un pannello stretto: si stacca
 * dal resto con un riquadro, se no si legge come una riga qualunque del
 * carrello e non la nota nessuno.
 */
.woocommerce-cart .iw-spedizione-gratis,
.woocommerce-checkout .iw-spedizione-gratis {
  max-width: 52rem;
  margin: 0 0 var(--iw-spazio-5);
  padding: var(--iw-spazio-4) var(--iw-spazio-5);
  border: 1px solid var(--iw-bordo);
  border-radius: var(--iw-raggio);
}

/* ------------------------------------------------- note sull ordine (carrello) */

.iw-nota { max-width: 52rem; margin-top: var(--iw-spazio-5); }
.iw-nota__etichetta { display: block; margin-bottom: var(--iw-spazio-2); font-weight: 600; }
.iw-nota textarea { width: 100%; padding: 0.6em 0.8em; }
.iw-nota__aiuto { margin: var(--iw-spazio-1) 0 0; color: var(--iw-testo-tenue); font-size: var(--iw-testo-piccolo); }

/* ------------------------------------------------- la cassa sul telefono */

@media (max-width: 767px) {
  /* il riepilogo sopra i campi: si guarda cosa si compra prima di scrivere */
  .woocommerce-checkout form.checkout { display: flex; flex-direction: column; }
  .woocommerce-checkout form.checkout > .iw-riepilogo { order: -1; }
  .iw-riepilogo {
    margin-bottom: var(--iw-spazio-5);
    border: 1px solid var(--iw-bordo);
    border-radius: var(--iw-raggio);
    background: var(--iw-superficie);
  }
  .iw-riepilogo__testa {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--iw-spazio-3);
    min-height: 52px;
    padding: 0 var(--iw-spazio-4);
    font-weight: 600;
    list-style: none;
    cursor: pointer;
  }
  .iw-riepilogo__testa::-webkit-details-marker { display: none; }
  .iw-riepilogo__testa::after {
    content: "";
    width: 9px;
    height: 9px;
    border: 2px solid currentColor;
    border-width: 0 2px 2px 0;
    transform: translateY(-2px) rotate(45deg);
    transition: transform var(--iw-transizione);
  }
  .iw-riepilogo[open] .iw-riepilogo__testa::after { transform: translateY(2px) rotate(-135deg); }
  .iw-riepilogo #order_review { padding: 0 var(--iw-spazio-4) var(--iw-spazio-4); }
  /* il pulsante in fondo al riepilogo resta: e quello vero, la barra lo preme */
}

/* la barra del pagamento: sul telefono prende il posto di quella di navigazione */
.iw-paga-barra { display: none; }
@media (max-width: 767px) {
  .iw-paga-barra {
    display: flex;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 45;
    align-items: center;
    justify-content: space-between;
    gap: var(--iw-spazio-4);
    padding: var(--iw-spazio-3) var(--iw-spazio-4) calc(var(--iw-spazio-3) + min(env(safe-area-inset-bottom, 0px), 8px));
    border-top: 1px solid var(--iw-bordo);
    background: var(--iw-superficie);
    box-shadow: 0 -6px 20px -16px rgb(0 0 0 / 0.35);
    transition: transform 200ms ease;
  }
  /* quando il pulsante vero e sullo schermo la barra si ritira */
  .iw-paga-barra--via { transform: translateY(110%); }
  .iw-paga-barra__totale { display: grid; line-height: 1.2; }
  .iw-paga-barra__totale > span { color: var(--iw-testo-tenue); font-size: var(--iw-testo-piccolo); }
  .iw-paga-barra__totale strong { font-size: 1.05rem; }
  .woocommerce .iw-paga-barra__pulsante.button { min-width: 9rem; min-height: 48px; margin: 0; }
  /* spazio in fondo, se no la barra copre le ultime righe (solo se la barra c'è: con la cassa a blocchi no) */
  .woocommerce-checkout:has(.iw-paga-barra) .iw-contenuto { padding-bottom: calc(76px + min(env(safe-area-inset-bottom, 0px), 8px)); }
}

/* carrello e cassa a BLOCCHI: sotto il prodotto solo le scelte (taglia, colore), non la descrizione breve,
   come nel carrello classico. WooCommerce la scrive solo per i prodotti senza varianti, e due righe diverse sembravano uguali */
.wc-block-cart-item__product .wc-block-components-product-metadata__description,
.wc-block-components-order-summary .wc-block-components-product-metadata__description { display: none; }

/* metodi di pagamento della cassa a BLOCCHI: i loghi tutti a destra, sulla stessa colonna (le carte lo fanno già, PayPal e gli altri no) */
.wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__label {
  display: flex; align-items: center; justify-content: space-between; gap: var(--iw-spazio-3, 12px); width: 100%;
}
.wc-block-components-radio-control-accordion-option .wc-block-components-payment-method-icons { margin-left: auto; }
/* bonifico e contrassegno non hanno un logo: un icona (banca, banconota) nello stesso riquadro dei loghi delle carte,
   così la colonna a destra non ha buchi. Tutti e due: uno solo con l icona sembrava un errore */
.wc-block-components-radio-control-accordion-option:is(:has(input[value="bacs"]), :has(input[value="cod"])) .wc-block-components-radio-control__label::after {
  content: ""; flex: none; margin-left: auto; width: 47px; height: 30px; border: 1px solid var(--iw-bordo, #e6e6e6); border-radius: 4px; background: #fff center / 20px 20px no-repeat;
}
.wc-block-components-radio-control-accordion-option:has(input[value="bacs"]) .wc-block-components-radio-control__label::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10l9-6 9 6'/%3E%3Cpath d='M5 10v8M9.5 10v8M14.5 10v8M19 10v8'/%3E%3Cpath d='M3 20h18'/%3E%3C/svg%3E");
}
.wc-block-components-radio-control-accordion-option:has(input[value="cod"]) .wc-block-components-radio-control__label::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='6' width='19' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M6 9.5v5M18 9.5v5'/%3E%3C/svg%3E");
}