:root {
    --black:       #111110;
    --gray:        #6b6b67;
    --light:       #f2f2f0;
    --border:      #e2e2de;
    --white:       #ffffff;
    --serif:       Georgia, 'Times New Roman', serif;
    --sans:        -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    --max:         1100px;
    --pad-x:       48px;
    --pad-x-m:     20px;
    --card-bg:     #ffffff;
    --card-shadow: 0 2px 8px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.04);
  }

/* ── SEZIONE PRINCIPALE: 2 colonne ── */
  .costs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    border-bottom: 1px solid var(--border);
  }

  /* ── CARD BASE ── */
  .cost-card {
    background: var(--card-bg);
    box-shadow: var(--card-shadow);
    border-radius: 3px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  /* Header della card */
  .cost-card-header {
    padding: 24px 28px 20px;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
  }
  .cost-card-header h2 {
    font-family: var(--serif);
    font-size: 20px;
    font-weight: 400;
    color: var(--black);
    line-height: 1.2;
  }
  .cost-card-header .role-badge {
    font-size: 9px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gray);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 4px 12px;
    white-space: nowrap;
    margin-top: 4px;
    flex-shrink: 0;
  }

  /* Corpo della card */
  .cost-card-body {
    padding: 24px 28px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .body-text {
    font-size: 14px;
    color: var(--gray);
    line-height: 1.75;
  }
  .body-text strong { color: var(--black); font-weight: 500; }
  .body-text a {
    color: var(--black);
    text-decoration: none;
    border-bottom: 1px solid var(--border);
    transition: border-color 0.15s;
  }
  .body-text a:hover { border-color: var(--black); }

  /* Blocco tariffa: grande e leggibile */
  .tariff-block {
    background: var(--light);
    border-radius: 2px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .tariff-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border);
  }
  .tariff-row:last-child { border-bottom: none; padding-bottom: 0; }
  .tariff-condition {
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--gray);
    font-weight: 400;
  }
  .tariff-value {
    font-family: var(--serif);
    font-size: 22px;
    font-weight: 400;
    color: var(--black);
    line-height: 1.2;
  }
  .tariff-value span {
    font-family: var(--sans);
    font-size: 13px;
    color: var(--gray);
    display: block;
    margin-top: 4px;
    font-weight: 400;
  }
  .tariff-detail {
    font-size: 12px;
    color: var(--gray);
    line-height: 1.6;
  }
  .tariff-detail strong { color: var(--black); font-weight: 500; }

  /* Nota finale card */
  .cost-card-note {
    padding: 16px 28px 24px;
    font-size: 12px;
    color: var(--gray);
    line-height: 1.65;
    border-top: 1px solid var(--border);
  }
  .cost-card-note strong { color: var(--black); font-weight: 500; }

  /* ── SEZIONE SERVIZI PRO (se presente) ── */
  .section-flat {
    padding: 40px 0;
    border-bottom: 1px solid var(--border);
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 48px;
  }
  .section-label h2 {
    font-family: var(--serif);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.35;
    color: var(--black);
    position: sticky;
    top: 72px;
  }
  .section-body {}
  .info-note {
    margin-top: 16px;
    padding: 13px 18px;
    background: var(--light);
    border-radius: 2px;
    font-size: 12px;
    color: var(--gray);
    line-height: 1.65;
  }
  .info-note a {
    color: var(--black);
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid var(--border);
  }
  .info-note a:hover { border-color: var(--black); }



/* ── SEZIONE PIATTA ── */
  .section-row {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 48px;
    padding: 40px 0;
    border-bottom: 1px solid var(--border);
  }
  .section-label h2 {
    font-family: var(--serif);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.35;
    color: var(--black);
    position: sticky;
    top: 72px;
  }
  .section-label .phase-badge {
    display: inline-block;
    margin-top: 10px;
    font-size: 9px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gray);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 3px 10px;
  }

  /* ── TESTI ── */
  .body-text {
    font-size: 14px;
    color: var(--gray);
    line-height: 1.75;
    margin-bottom: 16px;
  }
  .body-text:last-child { margin-bottom: 0; }
  .body-text strong { color: var(--black); font-weight: 500; }
  .body-text a {
    color: var(--black);
    text-decoration: none;
    border-bottom: 1px solid var(--border);
    transition: border-color 0.15s;
  }
  .body-text a:hover { border-color: var(--black); }
  .body-text em { font-style: italic; }

  /* ── LISTA CONDIZIONI ── */
  .cond-list {
    list-style: none;
    margin: 16px 0;
    border-top: 1px solid var(--border);
  }
  .cond-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid var(--border);
    font-size: 14px;
    color: var(--gray);
    line-height: 1.65;
  }
  .cond-list li::before {
    content: '—';
    color: var(--border);
    flex-shrink: 0;
    margin-top: 1px;
  }
  .cond-list li strong { color: var(--black); font-weight: 500; }

  /* ── MOTIVI RIMBORSO ── */
  .reason-list {
    list-style: none;
    margin: 16px 0;
    border: 1px solid var(--border);
    border-radius: 3px;
    overflow: hidden;
  }
  .reason-list li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
    font-size: 13px;
    color: var(--gray);
    line-height: 1.65;
    background: var(--card-bg);
    box-shadow: var(--card-shadow);
  }
  .reason-list li:last-child { border-bottom: none; }
  .reason-list li strong { color: var(--black); font-weight: 500; }
  .reason-num {
    font-family: var(--serif);
    font-size: 18px;
    color: var(--border);
    flex-shrink: 0;
    line-height: 1.3;
    min-width: 20px;
  }

  /* ── CARD AVVISO ── */
  .warning-card {
    background: var(--light);
    border-radius: 2px;
    border-left: 2px solid var(--border);
    padding: 16px 20px;
    margin: 18px 0;
    font-size: 13px;
    color: var(--gray);
    line-height: 1.75;
    font-style: italic;
  }
  .warning-card strong {
    color: var(--black);
    font-weight: 500;
    font-style: normal;
  }

  /* ── CARD PARZIALITÀ VERIFICA ── */
  .partial-note {
    background: var(--light);
    border-radius: 2px;
    border-left: 2px solid var(--border);
    padding: 16px 20px;
    margin: 18px 0;
    font-size: 13px;
    color: var(--gray);
    line-height: 1.75;
    font-style: italic;
  }
  .partial-note strong { color: var(--black); font-weight: 500; font-style: normal; }
  .partial-note a {
    color: var(--black);
    text-decoration: none;
    border-bottom: 1px solid var(--border);
  }
  .partial-note a:hover { border-color: var(--black); }

  /* ── CARD TEMPI ── */
  .timing-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 18px 0;
  }
  .timing-card {
    background: var(--card-bg);
    box-shadow: var(--card-shadow);
    border-radius: 3px;
    padding: 20px 22px;
  }
  .timing-num {
    font-family: var(--serif);
    font-size: 36px;
    font-weight: 400;
    color: var(--border);
    display: block;
    margin-bottom: 8px;
    line-height: 1;
  }
  .timing-card h3 {
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 400;
    color: var(--black);
    margin-bottom: 8px;
  }
  .timing-card p {
    font-size: 13px;
    color: var(--gray);
    line-height: 1.65;
  }
  .timing-card p strong { color: var(--black); font-weight: 500; }

  /* ── INFO NOTE ── */
  .info-note {
    margin-top: 16px;
    padding: 13px 18px;
    background: var(--light);
    border-radius: 2px;
    font-size: 12px;
    color: var(--gray);
    line-height: 1.65;
  }
  .info-note a {
    color: var(--black);
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid var(--border);
  }
  .info-note a:hover { border-color: var(--black); }


  /* ── RESPONSIVE ── */
  @media (max-width: 768px) {
    :root { --pad-x: var(--pad-x-m); }
    nav { padding: 12px var(--pad-x-m); }
    .nav-links { display: none; }
    .nav-hamburger { display: flex; }
    .page { padding: 0 var(--pad-x-m); }
    .page-header { padding: 32px 0 28px; }
    .page-header h1 { font-size: 22px; }
    .section-row { grid-template-columns: 1fr; gap: 16px; padding: 28px 0; }
    .section-label h2 { position: static; font-size: 16px; }
    .timing-grid { grid-template-columns: 1fr; }
  }




  /* ── FOOTER ── */


  /* ── RESPONSIVE ── */
  @media (max-width: 768px) {
    :root { --pad-x: var(--pad-x-m); }
    nav { padding: 12px var(--pad-x-m); }
    .nav-links { display: none; }
    .nav-hamburger { display: flex; }
    .page { padding: 0 var(--pad-x-m); }

    .page-header { padding: 32px 0 28px; }
    .page-header h1 { font-size: 22px; }

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

    .section-flat { grid-template-columns: 1fr; gap: 16px; padding: 28px 0; }
    .section-label h2 { position: static; font-size: 16px; }

  }

#site-footer .widgets-area .widget.widget_text .reverse a {
    background-image: linear-gradient(transparent calc(100% - 2px), var(--global--footer-text--color) 5px);
    background-size: 0;
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-bottom: 3px;
    text-decoration: none;
    transition: all .4s ease, text-decoration 0s ease;
    color:var(--global--footer-text--color)
}

#site-footer .widgets-area .widget.widget_text .reverse  a:hover, #site-footer .widgets-area .widget.widget_text .reverse  a:focus, #site-footer .widgets-area .widget.widget_text .reverse  a:active {
    background-image: linear-gradient(transparent calc(100% - 2px), var(--global--footer-text--color) 5px);
    background-size:100%
}

.product-edit-new-container .content-half-part.sale-price {
display: none;
}

#dokan-add-new-product-form > div > div.content-half-part.dokan-product-field-content > div.dokan-clearfix > div.dokan-form-group.dokan-clearfix.dokan-price-container > div.content-half-part.sale-price {
display: none;
}

#post > div.dokan-form-top-area > div.content-half-part.dokan-product-meta > div:nth-child(8) {
display: none;
}

#post > div.dokan-product-short-description {
display: none;
}

#post > div.dokan-form-top-area > div.content-half-part.dokan-product-meta > div:nth-child(2) {
display: none;
}

/* Hide Dokan vendor checkbox */
.dokan-role-switcher,
.dokan-form-group.role,
.dokan-role-switcher,
.vendor-customer-registration,
.dokan-become-seller {
    display: none !important;
}


.show_if_seller {
        display: inherit !important;
}

/* Hide Download link in profile */
.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}

/* Avoid word break on Title*/ 
#dokan-analytics-app > div > div.woocommerce-layout__header > div > h3 {
    word-break: normal !important;
}

#dokan-add-new-product-form > div > div.product-full-container > div:nth-child(5) {
    display: none !important;
}

#dokan-add-new-product-form > div > div.product-full-container > div.dokan-form-group.dokan-add-more-single-cat-container {
    display: none !important;
}

.media-router .media-menu-item:first-child {
    display: inline-block !important;
}

.media-menu-item[id="menu-item-browse"] {
    display: none !important;
}

#post-upload-info > p:nth-child(1) {
    display: none !important;
}


#post > div.dokan-product-inventory.dokan-edit-row {
    display: none !important;
}

#post > div.dokan-attribute-variation-options.dokan-edit-row.dokan-clearfix.hide_if_external {
    display: none !important;
}

#post > div.hide_if_variable-subscription.dokan-product-shipping-tax.hide_if_grouped.hide_if_external.dokan-edit-row.dokan-clearfix.dokan-border-top.woocommerce-no-tax {
    display: none !important;
}

#post > div.dokan-linked-product-options.dokan-edit-row.dokan-clearfix.hide_if_external {
    display: none !important;
}

#post > div.dokan-other-options.dokan-edit-row.dokan-clearfix {
    display: none !important;
}

.dokan-profile-completeness {
    display: none !important;
}

.site-header-wrapper #site-header #secondary-menu-wrapper ul#menu-site-tools>li#my-account-site-tool {
    display: inline-block;
}

#post-328 > div > div:nth-child(3),
#post-872 > div > div:nth-child(3),
#post-880 > div > div:nth-child(3)
{
	display: none;
}

#post-328 > div > div:nth-child(3) > div > div.mc_subheader > h3,
#post-872 > div > div:nth-child(3) > div > div.mc_subheader > h3,
#post-880 > div > div:nth-child(3) > div > div.mc_subheader > h3
{
	font-size: large !important;
}

/* Hide stock management controls in Dokan product edit */
.dokan-product-inventory-stock,
.dokan-inventory-product-manage-stock,
#_manage_stock,
label[for="_manage_stock"],
.stock_quantity_container,
.dokan-product-enable-disable-stock,
._stock_field,
.dokan-form-group:has(#_stock) {
    display: none !important;
}

.sceid-sold-badge {
    display: inline-block;
    background: #c0392b;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 4px 10px;
    border-radius: 3px;
    text-transform: uppercase;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
}

.sceid-sold-badge--single {
    position: static;
    font-size: 14px;
    padding: 6px 16px;
    margin-bottom: 12px;
}

/* Make product card relative so badge positions correctly */
.woocommerce ul.products li.product {
    position: relative;
}


.item-inline-edit.editline {
	display: none !important;
}


@media (max-width: 768px) {
		
    .wp-block-jetpack-layout-grid-editor, .wp-block-jetpack-layout-grid {
    padding-left: 0px;
    padding-right: 0px;
  }
	
	.woocommerce-layout__primary {
    margin: 8px;
  }
	
	.woocommerce-summary__item {
	 padding: 7px;
	}
	
	.wp-block-pullquote blockquote, .wp-block-pullquote p {
		font-size: large;
	}
	
	#site-footer .widgets-area .widget {
    padding: 0 0 0.5rem;
}
	
	.dokan-dashboard #dokan-dashboard-fullwidth-wrapper .dokan-dashboard-wrap .dokan-dashboard-content {
        padding: 5px;
    }
	
	.dokan-product-listing .dokan-product-listing-area {
    padding: 0px; 
}
	
	#dokan-vendor-dashboard-layout-root > div.dokan-frontend-layout.w-full > aside > a {
		margin-top: 30px
	}
	
	#dokan-vendor-dashboard-layout-root > div.dokan-frontend-layout.w-full > aside > a > img {
		width: 4em;
		height: 4em;
	}
	
	#dokan-vendor-dashboard-layout-root > div.dokan-frontend-layout.w-full > aside > a > span {
		display: none;
	}
	
	.wc-block-grid__products {
    display: grid !important;
    grid-gap: 2.5rem 1.25rem;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    margin-bottom: 1.25rem !important;

	}
	
	#mobile-menu-wrapper > ul.categories-list.collapsible-menu.no-padding-left.no-list-style.no-margin {
		display: none;
	}
	
}

/* =========================================================
   Sceido × Complianz — cookie banner styling
   All colors are CSS variables — tweak at the top to retune.
   ========================================================= */
.cmplz-cookiebanner {
  /* --- Design tokens --- */
  --sceido-bg:          #f7f3ed;   /* warm ivory */
  --sceido-surface:     #ffffff;   /* category card bg */
  --sceido-ink:         #1c1a17;   /* near-black, warm */
  --sceido-ink-soft:    #5a5450;   /* body copy, captions */
  --sceido-line:        #e6dfd5;   /* hairlines */
  --sceido-accent:      #1c1a17;   /* primary button */
  --sceido-accent-hover:#3d3833;
  --sceido-radius:      4px;       /* restrained, not bubbly */
  --sceido-radius-pill: 999px;     /* for buttons */

  /* --- Container --- */
  background: var(--sceido-bg) !important;
  color: var(--sceido-ink) !important;
  border: 1px solid var(--sceido-line) !important;
  border-radius: var(--sceido-radius) !important;
  box-shadow: 0 12px 40px -8px rgba(28, 26, 23, 0.18) !important;
  font-family: inherit !important; /* pick up site body font */
}

/* --- Title --- */
.cmplz-cookiebanner .cmplz-title,
.cmplz-cookiebanner .cmplz-header .cmplz-title {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  font-size: 1.5rem !important;
  letter-spacing: 0.01em !important;
  color: var(--sceido-ink) !important;
  margin-bottom: 8px !important;
}

/* --- Body copy --- */
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-description {
  font-size: 0.875rem !important;
  line-height: 1.6 !important;
  color: var(--sceido-ink-soft) !important;
}

/* --- Buttons (shared) --- */
.cmplz-cookiebanner .cmplz-btn {
  border-radius: var(--sceido-radius-pill) !important;
  padding: 10px 12px !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  transition: background-color 0.2s ease, color 0.2s ease,
              border-color 0.2s ease !important;
  min-width: 120px !important;
}

/* Accept — solid primary */
.cmplz-cookiebanner .cmplz-accept {
  background: var(--sceido-accent) !important;
  color: var(--sceido-bg) !important;
  border: 1px solid var(--sceido-accent) !important;
}
.cmplz-cookiebanner .cmplz-accept:hover {
  background: var(--sceido-accent-hover) !important;
  border-color: var(--sceido-accent-hover) !important;
}

/* Deny — outlined, equal weight visually */
.cmplz-cookiebanner .cmplz-deny {
  background: transparent !important;
  color: var(--sceido-ink) !important;
  border: 1px solid var(--sceido-ink) !important;
}
.cmplz-cookiebanner .cmplz-deny:hover {
  background: var(--sceido-ink) !important;
  color: var(--sceido-bg) !important;
}

/* View preferences / Save preferences — tertiary, quiet */
.cmplz-cookiebanner .cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-save-preferences {
  background: transparent !important;
  color: var(--sceido-ink-soft) !important;
  border: 1px solid transparent !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}
.cmplz-cookiebanner .cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-save-preferences:hover {
  color: var(--sceido-ink) !important;
}

/* Button row spacing */
.cmplz-cookiebanner .cmplz-buttons {
  gap: 10px !important;
  margin-top: 10px !important;
}

/* --- Category accordion (preferences panel) --- */
.cmplz-cookiebanner .cmplz-category {
  background: var(--sceido-surface) !important;
  border: 1px solid var(--sceido-line) !important;
  border-radius: var(--sceido-radius) !important;
  margin-bottom: 8px !important;
  overflow: hidden !important;
}
.cmplz-cookiebanner .cmplz-category-header {
  padding: 14px 16px !important;
}
.cmplz-cookiebanner .cmplz-category-title {
  font-weight: 500 !important;
  color: var(--sceido-ink) !important;
}
.cmplz-cookiebanner .cmplz-description {
  padding: 0 16px 14px !important;
}

/* --- Toggle switches --- */
.cmplz-cookiebanner .cmplz-slider {
  background-color: #c9c2b6 !important;
}
.cmplz-cookiebanner input:checked + .cmplz-slider {
  background-color: var(--sceido-accent) !important;
}

/* --- Footer links (Manage options / services / Read more) --- */
.cmplz-cookiebanner .cmplz-links a {
  color: var(--sceido-ink-soft) !important;
  font-size: 0.75rem !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.cmplz-cookiebanner .cmplz-links a:hover {
  color: var(--sceido-ink) !important;
}

/* --- Close button --- */
.cmplz-cookiebanner .cmplz-close {
  color: var(--sceido-ink-soft) !important;
  opacity: 0.6 !important;
  transition: opacity 0.2s ease !important;
}
.cmplz-cookiebanner .cmplz-close:hover {
  opacity: 1 !important;
}

/* --- Mobile tightening (matches your existing Dokan breakpoints) --- */
@media (max-width: 768px) {
  .cmplz-cookiebanner {
    padding: 20px 20px !important;
    max-width: calc(100vw - 24px) !important;
  }
  .cmplz-cookiebanner .cmplz-title {
    font-size: 1.25rem !important;
  }
  .cmplz-cookiebanner .cmplz-btn {
    min-width: 0 !important;
    flex: 1 !important; /* buttons share row width evenly */
  }
}


/* Header language selector — sits next to the cart */
#menu-site-tools #language-site-tool {
  display: inline-block;
  padding: 0 1.25rem 0 0;
  vertical-align: middle;
}
#menu-site-tools #language-site-tool .scei-lang-switch {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  border: 0;
  color: var(--global--body-color-2);
  font: inherit;
  font-size: 0.875rem;
  padding: 4px 18px 4px 4px;
  margin: 0;
  line-height: 1.5;
  cursor: pointer;
  /* tiny CSS chevron matching the main-menu dropdown caret */
  background-image:
    linear-gradient(45deg,  transparent 50%, var(--global--body-color-2) 50%),
    linear-gradient(135deg, var(--global--body-color-2) 50%, transparent 50%);
  background-position:
    calc(100% - 9px) calc(50% - 1px),
    calc(100% - 5px) calc(50% - 1px);
  background-size: 4px 4px, 4px 4px;
  background-repeat: no-repeat;
}
#menu-site-tools #language-site-tool .scei-lang-switch:focus {
  outline: 1px solid var(--global--body-color-2-light);
  outline-offset: 2px;
}
#menu-site-tools #language-site-tool .scei-lang-switch option {
  background: var(--global--body-color-1-xdark);
  color: var(--global--body-color-2);
}

/* Standalone mount (blog mode — toolbar hidden by lockdown CSS) */
#scei-lang-standalone {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}
#scei-lang-standalone #language-site-tool {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}
/* Reuse the select styling in both mount points */
#scei-lang-standalone #language-site-tool .scei-lang-switch {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  border: 0;
  color: var(--global--body-color-2);
  font: inherit;
  font-size: 0.875rem;
  padding: 4px 18px 4px 4px;
  margin: 0;
  line-height: 1.5;
  cursor: pointer;
  background-image:
    linear-gradient(45deg,  transparent 50%, var(--global--body-color-2) 50%),
    linear-gradient(135deg, var(--global--body-color-2) 50%, transparent 50%);
  background-position:
    calc(100% - 9px) calc(50% - 1px),
    calc(100% - 5px) calc(50% - 1px);
  background-size: 4px 4px, 4px 4px;
  background-repeat: no-repeat;
}
#scei-lang-standalone #language-site-tool .scei-lang-switch:focus {
  outline: 1px solid var(--global--body-color-2-light);
  outline-offset: 2px;
}
#scei-lang-standalone #language-site-tool .scei-lang-switch option {
  background: var(--global--body-color-1-xdark);
  color: var(--global--body-color-2);
}


/* CSS for custom cards */
/* ══════════════════════════════
     CARD BASE
  ══════════════════════════════ */
  .card {
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.04);
    border-radius: 3px;
    overflow: hidden;
    display: grid;
		margin-block-start: 0px;
    grid-template-columns: 220px 1fr;
  }
  .card-label {
    padding: 36px 28px 36px 36px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-right: 1px solid #e2e2de;
  }
  .card-label h2 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    color: #111110;
  }
  .card-body {
    padding: 36px 40px 36px 36px;
  }

  /* ── PAGE HEADER (piatto, stile Cos'è Sceido) ── */
  .page-header {
    padding: 48px 0 36px;
    border-bottom: 1px solid #e2e2de;
  }
  .eyebrow {
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #6b6b67;
    margin-bottom: 14px;
  }
  .page-header h1 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 18px;
    max-width: 640px;
  }
  .page-header .lead {
    font-size: 14px;
    color: #6b6b67;
    line-height: 1.75;
    max-width: 560px;
  }

  /* ── Testo corpo ── */
  .body-text {
    font-size: 14px;
    color: #6b6b67;
    line-height: 1.75;
    margin-bottom: 18px;
  }
  .body-text:last-child { margin-bottom: 0; }

  /* ── BULLET LIST ── */
  .bullet-list {
    list-style: none;
    margin-top: 16px;
    border-top: 1px solid rgba(0,0,0,0.1);
  }
  .bullet-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 13px 0;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    font-size: 14px;
    color: #6b6b67;
    line-height: 1.65;
  }
  .bullet-list li::before {
    content: '—';
    color: rgba(0,0,0,0.2);
    flex-shrink: 0;
    margin-top: 1px;
  }
  .bullet-list a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    opacity: 0.75;
  }
  .bullet-list a:hover { opacity: 1; }

  /* ── INFO NOTE ── */
  .info-note {
    margin-top: 18px;
    padding: 13px 18px;
    background: rgba(0,0,0,0.05);
    border-radius: 2px;
    font-size: 12px;
    color: #6b6b67;
    line-height: 1.65;
  }
  .info-note a {
    color: #111110;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid #e2e2de;
    transition: border-color 0.15s;
  }
  .info-note a:hover { border-color: #111110; }

  /* ── STEP CARDS ── */
  .step-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 18px;
  }
  .step-card {
    background: rgba(0,0,0,0.06);
    padding: 24px 22px;
    border-radius: 2px;
  }
  .step-num {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 34px;
    color: rgba(0,0,0,0.18);
    display: block;
    margin-bottom: 10px;
    line-height: 1;
  }
  .step-card h3 {
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 400;
    color: #111110;
    margin-bottom: 8px;
  }
  .step-card p { font-size: 13px; color: #6b6b67; line-height: 1.65; }

  /* ── PAYMENT BREAKDOWN ── */
  .payment-breakdown {
    margin-top: 18px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 2px;
    overflow: hidden;
  }
  .pay-row {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 13px 18px;
    border-bottom: 1px solid rgba(0,0,0,0.07);
  }
  .pay-row:last-child { border-bottom: none; }
  .pay-label {
    font-size: 10px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    font-weight: 400;
    color: #111110;
    min-width: 150px;
    flex-shrink: 0;
    padding-top: 2px;
  }
  .pay-desc { font-size: 13px; color: #6b6b67; line-height: 1.65; }

  /* ── PILL ROW ── */
  .pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
  }
  .pill {
    border: 1px solid rgba(0,0,0,0.18);
    border-radius: 40px;
    padding: 6px 16px;
    font-size: 11px;
    letter-spacing: 0.05em;
    color: #6b6b67;
    text-decoration: none;
    transition: border-color 0.15s, color 0.15s;
    display: inline-block;
  }
  .pill:hover { color: #111110; border-color: #111110; }

  /* ── CTA (piatto, stile Cos'è Sceido) ── */
  .cta-row {
    padding: 40px 0;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    border-top: 1px solid #e2e2de;
  }
  .btn-fill {
    background: #111110;
    color: #ffffff;
    border: 1px solid #111110;
    padding: 12px 28px;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: opacity 0.15s;
  }
  .btn-fill:hover { opacity: 0.75; }
  .btn-out {
    background: transparent;
    color: #111110;
    border: 1px solid #111110;
    padding: 12px 28px;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: background 0.15s;
  }
  .btn-out:hover { background: #f2f2f0; }

  /* ── RESPONSIVE ── */
  @media (max-width: 768px) {
    :root { --pad-x: 20px; }
    nav { padding: 12px 20px; }
    .nav-links { display: none; }
    .nav-hamburger { display: flex; }

    .page { padding: 16px 20px 40px; gap: 10px; }

    .card { grid-template-columns: 1fr; }
    .card-label {
      padding: 24px 22px 14px;
      border-right: none;
      border-bottom: 1px solid rgba(0,0,0,0.08);
    }
    .card-label h2 { font-size: 16px; }
    .card-body { padding: 20px 22px 28px; }

    .page-header { padding: 32px 0 24px; }
    .page-header h1 { font-size: 22px; }

    .cta-row { padding: 28px 0; }

    .step-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }
		
    .pay-row { flex-direction: column; gap: 4px; }
    .pay-label { min-width: unset; }

  }

/* ── PAGE HEADER ── */
  .page-header {
    padding: 48px 0 36px;
    border-bottom: 1px solid #e2e2de;
  }
  .eyebrow {
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #6b6b67;
    margin-bottom: 14px;
  }
  .page-header h1 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 18px;
    max-width: 640px;
  }
  .page-header .lead {
    font-size: 14px;
    color: #6b6b67;
    line-height: 1.75;
    max-width: 560px;
  }

  /* ── REQUISITI (sezione piatta) ── */
  .section-flat {
    padding: 36px 0;
    border-bottom: 1px solid #e2e2de;
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 48px;
  }
  .section-flat-label h2 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.35;
    color: #111110;
    position: sticky;
    top: 72px;
  }
  .section-flat-body {}
  .body-text {
    font-size: 14px;
    color: #6b6b67;
    line-height: 1.75;
    margin-bottom: 16px;
  }
  .body-text:last-child { margin-bottom: 0; }
  .body-text a, .inline-link {
    color: #111110;
    text-decoration: none;
    border-bottom: 1px solid #e2e2de;
    transition: border-color 0.15s;
  }
  .body-text a:hover, .inline-link:hover { border-color: #111110; }
  .req-list {
    list-style: none;
    margin-top: 14px;
    border-top: 1px solid #e2e2de;
  }
  .req-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #e2e2de;
    font-size: 14px;
    color: #6b6b67;
    line-height: 1.65;
  }
  .req-list li::before { content: '—'; color: #e2e2de; flex-shrink: 0; }
  .req-list a {
    color: #111110;
    text-decoration: none;
    border-bottom: 1px solid #e2e2de;
  }
  .req-list a:hover { border-color: #111110; }

  /* ── SEZIONE PROCESSO (venditore / acquirente) ── */
  .process-section {
    padding: 48px 0 0;
  }
  .process-header {
    display: flex;
    align-items: baseline;
    gap: 16px;
    margin-bottom: 28px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e2e2de;
  }
  .process-header h2 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 24px;
    font-weight: 400;
    color: #111110;
  }
  .process-header .process-sub {
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6b6b67;
  }

  /* ── FLUSSO ORIZZONTALE CARD NUMERATE ── */
  .steps-scroll-wrap {
    position: relative;
    margin: 0 calc(-1 * 48px);        /* fuoriesce dai margini pagina */
    padding: 0 48px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 48px;
    border-bottom: 1px solid #e2e2de;
  }
  .steps-scroll-wrap::-webkit-scrollbar { display: none; }

  .steps-grid {
    display: flex;
    flex-direction: row;
    gap: 14px;
    width: max-content;        /* forza larghezza naturale per lo scroll */
    padding-right: 48px;
  }

  /* connettore freccia tra card */
  .steps-grid .step-card + .step-card {
    position: relative;
  }
  .steps-grid .step-card + .step-card::before {
    content: '→';
    position: absolute;
    left: -14px;
    top: 28px;
    font-size: 14px;
    color: #e2e2de;
    transform: translateX(-50%);
    pointer-events: none;
  }

  /* Card step */
  .step-card {
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.04);
    border-radius: 3px;
    padding: 26px 24px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
  }

  .step-card-horizontal {
    width: 240px;          /* larghezza fissa per tutte le card */
  }

  .step-card-num {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 32px;
    font-weight: 400;
    color: #e2e2de;
    line-height: 1;
    margin-bottom: 14px;
    display: block;
  }
  .step-card-title {
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 400;
    color: #111110;
    margin-bottom: 10px;
  }
  .step-card-body {
    font-size: 13px;
    color: #6b6b67;
    line-height: 1.7;
    flex: 1;
  }
  .step-card-body a {
    color: #111110;
    text-decoration: none;
    border-bottom: 1px solid #e2e2de;
    transition: border-color 0.15s;
  }
  .step-card-body a:hover { border-color: #111110; }
  .step-card-body ul {
    list-style: none;
    margin-top: 10px;
  }
  .step-card-body ul li {
    padding: 5px 0;
    border-bottom: 1px solid #e2e2de;
    display: flex;
    gap: 8px;
    font-size: 12px;
    line-height: 1.55;
  }
  .step-card-body ul li:last-child { border-bottom: none; }
  .step-card-body ul li::before { content: '–'; color: #e2e2de; flex-shrink: 0; }

  /* rimuovo card-wide: in orizzontale tutte le card sono uguali */
  .step-card-wide { width: 300px; }

  /* ── SEZIONE SPEDIZIONE ── */
  .shipping-section {
    padding: 48px 0 0;
  }
  .shipping-header {
    margin-bottom: 28px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e2e2de;
  }
  .shipping-header h2 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 24px;
    font-weight: 400;
    color: #111110;
    margin-bottom: 8px;
  }
  .shipping-header p {
    font-size: 14px;
    color: #6b6b67;
    max-width: 560px;
    line-height: 1.7;
  }
  .shipping-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding-bottom: 48px;
    border-bottom: 1px solid #e2e2de;
  }
  .ship-card {
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.04);
    border-radius: 3px;
    padding: 24px 24px;
  }
  .ship-card h3 {
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 400;
    color: #111110;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e2de;
  }
  .ship-card p, .ship-card li {
    font-size: 13px;
    color: #6b6b67;
    line-height: 1.7;
  }
  .ship-card ul { list-style: none; }
  .ship-card ul li { padding: 7px 0; display: flex; gap: 8px; border-bottom: 1px solid #e2e2de; }
  .ship-card ul li:last-child { border-bottom: none; }
  .ship-card ul li::before { content: '–'; color: #e2e2de; flex-shrink: 0; }

  /* ── TRUST BADGES ── */
  .trust-section {
    padding: 52px 0 0;
    border-top: 0;
  }
  .trust-header {
    text-align: center;
    margin-bottom: 40px;
  }
  .trust-header h2 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 24px;
    font-weight: 400;
    color: #111110;
    margin-bottom: 8px;
  }
  .trust-header p {
    font-size: 14px;
    color: #6b6b67;
  }
  .trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    padding-bottom: 52px;
  }
  .trust-card {
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.04);
    border-radius: 3px;
    padding: 32px 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }
  .trust-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .trust-icon svg {
    width: 40px;
    height: 40px;
    stroke: #111110;
    fill: none;
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .trust-card h3 {
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 400;
    color: #111110;
    line-height: 1.4;
  }
  .trust-card p {
    font-size: 12px;
    color: #6b6b67;
    line-height: 1.65;
  }

  /* ── INFO NOTE ── */
  .info-note {
    margin-top: 14px;
    padding: 12px 16px;
    background: #f2f2f0;
    border-radius: 2px;
    font-size: 12px;
    color: #6b6b67;
    line-height: 1.65;
  }
  .info-note a {
    color: #111110;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid #e2e2de;
    transition: border-color 0.15s;
  }
  .info-note a:hover { border-color: #111110; }

  /* ── CTA ── */
  .cta-row {
    padding: 40px 0 52px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    border-top: 1px solid #e2e2de;
  }
  .btn-fill {
    background: #111110;
    color: #ffffff;
    border: 1px solid #111110;
    padding: 12px 28px;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    transition: opacity 0.15s;
  }
  .btn-fill:hover { opacity: 0.75; }
  .btn-out {
    background: transparent;
    color: #111110;
    border: 1px solid #111110;
    padding: 12px 28px;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    transition: background 0.15s;
  }
  .btn-out:hover { background: #f2f2f0; }


.sceido-card-body {
  padding: 36px 40px 36px 36px;
}
.sceido-eyebrow {
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6b6b67;
  margin-bottom: 14px;
}

.sceido-pill {
  display: inline-block;
  border: 1px solid #e2e2de;
  border-radius: 40px;
  padding: 6px 16px;
  font-size: 12px;
  color: #6b6b67;
  margin: 4px;
  text-decoration: none;
}

.sceido-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  padding: 40px 0;
  border-bottom: 1px solid #e2e2de;
}

.sceido-trust-card {
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.04);
  border-radius: 3px;
  padding: 28px 20px;
  text-align: center;
}

.sceido-trust-card h3 {
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 400;
  margin: 12px 0 8px;
}

.sceido-trust-card p {
  font-size: 12px;
  color: #6b6b67;
  line-height: 1.65;
}

.sceido-info-note {
  background: #f2f2f0;
  border-radius: 2px;
  padding: 12px 16px;
  font-size: 12px;
  color: #6b6b67;
  margin-top: 14px;
  line-height: 1.65;
}

  @media (max-width: 768px) {
    :root { --pad-x: 20px; }
    nav { padding: 12px 20px; }
    .nav-links { display: none; }
    .nav-hamburger { display: flex; }

    .page { padding: 16px 20px 40px; gap: 10px; }

    .sceido-card { grid-template-columns: 1fr; }
    .sceido-card-label {
      padding: 24px 22px 14px;
      border-right: none;
      border-bottom: 1px solid rgba(0,0,0,0.08);
    }
    .sceido-card-label h2 { font-size: 16px; }
    .sceido-card-body { padding: 20px 22px 28px; }

    .page-header { padding: 32px 0 24px; }
    .page-header h1 { font-size: 22px; }

    .cta-row { padding: 28px 0; }

    .step-grid { grid-template-columns: 1fr; gap: 8px; }
    .pay-row { flex-direction: column; gap: 4px; }
    .pay-label { min-width: unset; }

  }

/* ── STEP sceido-cardS ── */
  .step-card {
    background: rgba(0,0,0,0.06);
    padding: 24px 22px;
    border-radius: 2px;
  }
  .step-num {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 34px;
    color: rgba(0,0,0,0.18);
    display: block;
    margin-bottom: 10px;
    line-height: 1;
  }
  .step-card h3 {
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 400;
    color: #111110;
    margin-bottom: 8px;
  }
  .step-card p { font-size: 13px; color: #6b6b67; line-height: 1.65; }


/* ── SECTION ROW ── */
  .section-row {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 48px;
    padding: 40px 0;
    border-bottom: 1px solid #e2e2de;
  }
  .section-label h2 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.35;
    color: #111110;
    position: sticky;
    top: 72px;
  }
  .section-content {}

  .body-text {
    font-size: 14px;
    color: #6b6b67;
    line-height: 1.75;
    margin-bottom: 24px;
  }
  .body-text:last-child { margin-bottom: 0; }

  /* ── PROBLEM CARDS ── */
  .problem-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 20px;
  }
  .prob-card {
    background: #f5f5f3;
    padding: 22px 24px;
  }
  .prob-num {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 28px;
    color: #e2e2de;
    display: block;
    margin-bottom: 10px;
    line-height: 1;
  }
  .prob-card h3 {
    font-size: 11px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    font-weight: 400;
    color: #111110;
    margin-bottom: 10px;
  }
  .prob-card p {
    font-size: 13px;
    color: #6b6b67;
    line-height: 1.7;
  }

  /* ── MISSION LIST ── */
  .mission-list {
    list-style: none;
    margin-top: 20px;
    border-top: 1px solid #e2e2de;
  }
  .mission-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #e2e2de;
    font-size: 14px;
    color: #6b6b67;
    line-height: 1.65;
  }
  .mission-list li::before {
    content: '—';
    color: #e2e2de;
    flex-shrink: 0;
    margin-top: 1px;
  }

  /* ── VALUES PILLS ── */
  .values-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
  }
  .val-pill {
    border: 1px solid #e2e2de;
    border-radius: 40px;
    padding: 6px 16px;
    font-size: 12px;
    letter-spacing: 0.04em;
    color: #6b6b67;
  }

  /* ── FEATURE GRID ── */
  .feat-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid #e2e2de;
    margin-top: 20px;
  }
  .feat-item {
    padding: 20px 22px;
    border-right: 1px solid #e2e2de;
    border-bottom: 1px solid #e2e2de;
  }
  .feat-item:nth-child(3n) { border-right: none; }
  .feat-item:nth-child(n+4) { border-bottom: none; }
  .feat-item h4 {
    font-size: 10px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    font-weight: 400;
    color: #111110;
    margin-bottom: 8px;
  }
  .feat-item p {
    font-size: 12px;
    color: #6b6b67;
    line-height: 1.65;
  }

/* ── RESPONSIVE ── */
  @media (max-width: 768px) {
    :root { --pad-x: 20px; }
    nav { padding: 12px 20px; }
    .nav-links { display: none; }
    .nav-hamburger { display: flex; }
    .page { padding: 0 20px; }

    .page-header { padding: 32px 0 28px; }
    .page-header h1 { font-size: 22px; }

    .section-row {
      grid-template-columns: 1fr;
      gap: 20px;
      padding: 28px 0;
    }
    .section-label h2 { position: static; font-size: 16px; }

    .problem-grid { grid-template-columns: 1fr; gap: 10px; }

    .feat-grid { grid-template-columns: 1fr; }
    .feat-item { border-right: none !important; border-bottom: 1px solid #e2e2de !important; }
    .feat-item:last-child { border-bottom: none !important; }
  }



  /* ── RESPONSIVE ── */
  @media (max-width: 768px) {
    :root { --pad-x: 20px; }
    nav { padding: 12px 20px; }
    .nav-links { display: none; }
    .nav-hamburger { display: flex; }
    .page { padding: 0 20px; }

    .page-header { padding: 32px 0 28px; }
    .page-header h1 { font-size: 22px; }

    .section-flat { grid-template-columns: 1fr; gap: 16px; padding: 28px 0; }
    .section-flat-label h2 { position: static; font-size: 16px; }

    .steps-scroll-wrap { margin: 0 calc(-1 * 20px); padding: 0 20px; }
    .step-card-horizontal { width: 220px; }
    .step-card-wide { width: 260px; }

    .shipping-grid { grid-template-columns: 1fr; }
    .trust-grid { grid-template-columns: 1fr 1fr; }

    .process-header { flex-direction: column; gap: 6px; }

  }

  @media (max-width: 480px) {
    .trust-grid { grid-template-columns: 1fr; }
  }




/* ══════════════════════════════════════════════════════════════
   SCEIDO – MOBILE FIXES (consolidated)
   Append once to "Aspetto → CSS aggiuntivo" (wp-custom-css).

   Covers both:
   • /come-funziona-sceido-2/   (sceido-card / sceido-trust-grid)
   • /come-si-vende-e-si-acquista/  (section-flat / steps-scroll-wrap / shipping-grid / trust-grid)

   Tested live in Chrome at 390px viewport against both pages.
   ══════════════════════════════════════════════════════════════
   Root issue (both pages):
   The Maudern theme renders the main and article elements as
   CSS Grid with a track size derived from
   --wp--style--global--content-size (~775px). On a phone, that
   pushes the article wider than the viewport (1478px on the
   second page because of the width:max-content on .steps-grid),
   clipping every paragraph on the right.
   ══════════════════════════════════════════════════════════════ */

/* Belt-and-suspenders against off-screen elements (Maudern's
   off-canvas menu & cart panels, etc.). Safe globally. */
html, body { overflow-x: hidden; }


/* ─────────────────────────────────────────────
   Tablet & phone (≤ 768px)
   ───────────────────────────────────────────── */
@media (max-width: 768px) {

  /* Disable the WP block-theme grid layout on the page wrapper
     so the article element can no longer overflow with a fixed
     track width. */
  .site-main,
  .site-main > article,
  .entry-content {
    display: block !important;
  }

  .entry-content > * {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }

  /* alignwide / alignfull collapse to viewport on mobile */
  .alignwide,
  .alignfull {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Collapse the triple-stacked horizontal padding
     (body 20 + main 20 + article 20 = 60). Single gutter on body.

     CRITICAL — box-sizing: border-box on body is what makes the
     iOS Safari layout viewport equal the visual viewport. Without
     it, body's outer width = html.clientWidth + 36px padding
     (default content-box), and Safari treats those extra 36px as
     scrollable content even with overflow-x: hidden — forcing the
     user to pinch-zoom-out to see the page properly.
     Chrome desktop is more forgiving and clips it visually, hiding
     the bug there. */
  body {
    box-sizing: border-box !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  main.site-main {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  article.post,
  article[id^="post-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* ── Page header ─────────────────────────────────────────
     Match h1, h2 and Gutenberg's .wp-block-heading because
     /come-si-vende-e-si-acquista/ uses an h2 with class
     wp-block-heading while /come-funziona-sceido-2/ uses an h1. */
  .page-header { padding: 32px 0 24px !important; }
  .page-header h1,
  .page-header h2,
  .page-header .wp-block-heading {
    font-size: 26px !important;
    line-height: 1.2 !important;
  }
  .page-header .lead,
  .page-header > p {
    font-size: 13px !important;
    line-height: 1.7 !important;
  }

  /* Section headers used on /come-si-vende-e-si-acquista/ */
  .process-header h2,
  .shipping-header h2,
  .trust-header h2 { font-size: 22px !important; }

  /* ── /come-funziona-sceido-2/ — trust grid 4 → 2x2 ──────── */
  .sceido-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 28px 0 !important;
  }
  .sceido-trust-card {
    padding: 22px 16px !important;
    gap: 10px !important;
  }
  .sceido-trust-card h3 { font-size: 11px !important; }
  .sceido-trust-card p  { font-size: 12px !important; }

  /* ── /come-funziona-sceido-2/ — sceido-card padding ─────── */
  .sceido-card-label  { padding: 22px 22px 14px !important; }
  .sceido-card-body   { padding: 18px 22px 26px !important; }

  /* /come-si-vende-e-si-acquista/ — horizontal scroll cards.
     The desktop CSS uses negative margins to bleed the scroll
     wrapper past its parent. On mobile we can't do that without
     pushing the layout viewport past the visual viewport on iOS
     Safari (which forces pinch-zoom-out). Cards still scroll
     horizontally inside the wrapper — they just start and end
     at the body padding edge instead of bleeding past it. */
  .steps-scroll-wrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 36px !important;
  }
  /* Hide the inter-card arrow on mobile — it sits at left:-14px
     and looks broken when cards stack tightly */
  .steps-grid .step-card + .step-card::before { display: none !important; }

  /* ── CTA stacking — both flavors used on the site ───────── */
  .cta-row { padding: 28px 0 36px !important; }
  .cta-row .btn-fill,
  .cta-row .btn-out {
    flex: 1 1 100%;
    text-align: center;
  }
}


/* ─────────────────────────────────────────────
   Small phones (≤ 420px) — iPhone SE / mini
   ───────────────────────────────────────────── */
@media (max-width: 420px) {
  body {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* Smaller H1 for narrow phones */
  .page-header h1,
  .page-header h2,
  .page-header .wp-block-heading { font-size: 22px !important; }

  /* Narrower step cards so two are half-visible at once */
  .step-card { width: 200px !important; padding: 22px 20px !important; }
  .step-card-num { font-size: 28px !important; }

  /* /come-funziona-sceido-2/ — single-column trust grid */
  .sceido-trust-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .sceido-trust-card { padding: 22px 22px !important; }

  /* Native Gutenberg buttons (used as CTA on the second page)
     stack full-width on tiny phones */
  .wp-block-buttons.is-layout-flex {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .wp-block-buttons .wp-block-button { width: 100% !important; }
  .wp-block-buttons .wp-block-button .wp-block-button__link {
    display: block !important;
    text-align: center !important;
  }
}


/* ── GRIGLIA CARD CONSIGLI ── */
  .tips-section {
    padding: 40px 0;
    border-bottom: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  /* Card principale per ogni sezione */
  .tip-card {
    background: var(--card-bg);
    box-shadow: var(--card-shadow);
    border-radius: 3px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 200px 1fr;
  }

  /* Colonna sinistra: numero + titolo */
  .tip-card-label {
    padding: 32px 24px 32px 32px;
    border-right: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .tip-num {
    font-family: var(--serif);
    font-size: 40px;
    font-weight: 400;
    color: var(--border);
    line-height: 1;
    display: block;
  }
  .tip-card-label h2 {
    font-family: var(--serif);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.35;
    color: var(--black);
  }

  /* Colonna destra: contenuto */
  .tip-card-body {
    padding: 32px 36px 32px 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  /* Sottosezione dentro una card */
  .tip-subsection {}
  .tip-subsection-title {
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 400;
    color: var(--black);
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .tip-subsection-title::before {
    content: '→';
    color: var(--border);
    font-size: 12px;
    flex-shrink: 0;
  }

  .body-text {
    font-size: 14px;
    color: var(--gray);
    line-height: 1.75;
    margin-bottom: 10px;
  }
  .body-text:last-child { margin-bottom: 0; }
  .body-text strong { color: var(--black); font-weight: 500; }
  .body-text em { font-style: italic; color: var(--gray); }
  .body-text a {
    color: var(--black);
    text-decoration: none;
    border-bottom: 1px solid var(--border);
    transition: border-color 0.15s;
  }
  .body-text a:hover { border-color: var(--black); }

  /* Lista bullet standard */
  .tip-list {
    list-style: none;
    border-top: 1px solid var(--border);
    margin-top: 6px;
  }
  .tip-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid var(--border);
    font-size: 13px;
    color: var(--gray);
    line-height: 1.65;
  }
  .tip-list li:last-child { border-bottom: none; }
  .tip-list li::before {
    content: '—';
    color: var(--border);
    flex-shrink: 0;
    margin-top: 1px;
  }
  .tip-list li strong { color: var(--black); font-weight: 500; }
  .tip-list li em { font-style: italic; }

  /* Lista numerata (procedura spedizione) */
  .step-list {
    list-style: none;
    counter-reset: step-counter;
    margin-top: 10px;
    border-top: 1px solid var(--border);
  }
  .step-list li {
    counter-increment: step-counter;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 10px 0;
    border-bottom: 1px solid var(--border);
    font-size: 13px;
    color: var(--gray);
    line-height: 1.65;
  }
  .step-list li:last-child { border-bottom: none; }
  .step-list li::before {
    content: counter(step-counter);
    font-family: var(--serif);
    font-size: 18px;
    color: var(--border);
    flex-shrink: 0;
    min-width: 18px;
    line-height: 1.3;
  }
  .step-list li strong { color: var(--black); font-weight: 500; }

  /* Materiali consigliati (chip inline) */
  .materials-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
  }
  .material-chip {
    background: var(--light);
    border: 1px solid var(--border);
    border-radius: 2px;
    padding: 5px 12px;
    font-size: 12px;
    color: var(--gray);
  }

  /* Esempio in corsivo */
  .tip-example {
    background: var(--light);
    border-radius: 2px;
    padding: 10px 14px;
    font-size: 12px;
    color: var(--gray);
    font-style: italic;
    margin-top: 6px;
  }

  /* Info note */
  .info-note {
    margin-top: 4px;
    padding: 12px 16px;
    background: var(--light);
    border-radius: 2px;
    font-size: 12px;
    color: var(--gray);
    line-height: 1.65;
  }
  .info-note a {
    color: var(--black);
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid var(--border);
  }
  .info-note a:hover { border-color: var(--black); }

/* ── RESPONSIVE ── */
  @media (max-width: 768px) {
    :root { --pad-x: var(--pad-x-m); }
    nav { padding: 12px var(--pad-x-m); }
    .nav-links { display: none; }
    .nav-hamburger { display: flex; }
    .page { padding: 0 var(--pad-x-m); }

    .page-header { padding: 32px 0 28px; }
    .page-header h1 { font-size: 22px; }

    .tip-card { grid-template-columns: 1fr; }
    .tip-card-label {
      padding: 24px 22px 14px;
      border-right: none;
      border-bottom: 1px solid var(--border);
      flex-direction: row;
      align-items: baseline;
      gap: 14px;
    }
    .tip-num { font-size: 28px; }
    .tip-card-label h2 { font-size: 14px; }
    .tip-card-body { padding: 20px 22px 28px; }

    .cta-section { flex-direction: column; align-items: flex-start; padding: 36px 0 48px; }
    .cta-section p { font-size: 18px; }

  }

p.body-text a {
	font-size: 14px;
}

.info-note a,
div.steps-scroll-wrap a,
div.card-body a {
	font-size: 12px;
}


div.tips-section a,
.partial-note a,
div.shipping-section a,
div.tip-card-body > a,
div.section-flat-body a {
	font-size: 13px
}



/* TO BE MOVED TO PROD */

#post-13452 > header,
#post-13079 > header,
#post-13081 > header,
#post-13089 > header,
#post-13091 > header,
#post-13077 > header,
#post-13073 > header,
#post-13087 > header,
#post-13095 > header,
#post-13093 > header,
#post-13075 > header,
#post-13085 > header,
#post-13071 > header,
#post-13061 > header,
#post-13045 > header,
#post-13027 > header,
#post-12941 > header,
#post-12917 > header,
#post-12885 > header {
display: none !important;
}

/* ── SECTION ROW ── */
  .section-row {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 48px;
    padding: 40px 0;
    border-bottom: 1px solid #e2e2de;
  }

/* ── LISTA STANDARD ── */
  .std-list {
    list-style: none;
    margin: 16px 0;
    border-top: 1px solid var(--border);
  }
  .std-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 11px 0;
    border-bottom: 1px solid var(--border);
    font-size: 14px;
    color: var(--gray);
    line-height: 1.65;
  }
  .std-list li:last-child { border-bottom: none; }
  .std-list li::before {
    content: '—';
    color: var(--border);
    flex-shrink: 0;
    margin-top: 1px;
  }
  .std-list li strong { color: var(--black); font-weight: 500; }

  /* ── CARD PROTEZIONE (due colonne acquirente/venditore) ── */
  .protect-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 20px;
  }
  .protect-card {
    background: var(--card-bg);
    box-shadow: var(--card-shadow);
    border-radius: 3px;
    padding: 24px 22px;
  }
  .protect-card h3 {
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 400;
    color: var(--black);
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border);
  }
  .protect-card p {
    font-size: 13px;
    color: var(--gray);
    line-height: 1.7;
  }

  /* ── LISTA CONFIGURAZIONE (con numero) ── */
  .config-list {
    list-style: none;
    margin: 16px 0;
    border: 1px solid var(--border);
    border-radius: 3px;
    overflow: hidden;
  }
  .config-list li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--border);
    font-size: 13px;
    color: var(--gray);
    line-height: 1.65;
    background: var(--card-bg);
    box-shadow: var(--card-shadow);
  }
  .config-list li:last-child { border-bottom: none; }
  .config-list li strong { color: var(--black); font-weight: 500; }
  .config-list li em {
    font-size: 11px;
    font-style: normal;
    color: var(--gray);
    opacity: 0.7;
  }
  .config-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--light);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 11px;
    color: var(--gray);
    font-weight: 500;
    margin-top: 1px;
  }

  /* ── NOTA SICUREZZA ── */
  .security-note {
    background: var(--light);
    border-radius: 2px;
    border-left: 2px solid var(--border);
    padding: 16px 20px;
    margin-top: 20px;
    font-size: 13px;
    color: var(--gray);
    line-height: 1.75;
  }
  .security-note strong { color: var(--black); font-weight: 500; }
  .security-note a {
    color: var(--black);
    text-decoration: none;
    border-bottom: 1px solid var(--border);
    transition: border-color 0.15s;
  }
  .security-note a:hover { border-color: var(--black); }

  /* ── INFO NOTE ── */
  .info-note {
    margin-top: 16px;
    padding: 13px 18px;
    background: var(--light);
    border-radius: 2px;
    font-size: 12px;
    color: var(--gray);
    line-height: 1.65;
  }
  .info-note a {
    color: var(--black);
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid var(--border);
  }
  .info-note a:hover { border-color: var(--black); }

  /* ── WARNING NOTE ── */
  .warning-note {
    background: var(--light);
    border-radius: 2px;
    border-left: 2px solid var(--black);
    padding: 14px 18px;
    margin-top: 16px;
    font-size: 13px;
    color: var(--gray);
    line-height: 1.7;
  }
  .warning-note strong { color: var(--black); font-weight: 500; }

/* ── RESPONSIVE ── */
  @media (max-width: 768px) {
    .section-row { grid-template-columns: 1fr; gap: 16px; padding: 28px 0; }
    .section-label h2 { position: static; font-size: 16px; }
    .protect-grid { grid-template-columns: 1fr; }
  }

/* Sceido — single product page: smaller gallery image at all breakpoints */

/* Default (desktop, ≥1024px): cap gallery, keep WooCommerce float layout */
body.single-product div.product .woocommerce-product-gallery {
  max-width: 380px;
}

/* Tablet & below: stack centered (the float layout already collapses here) */
@media (max-width: 1023px) {
  body.single-product div.product .woocommerce-product-gallery {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 340px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  body.single-product div.product .woocommerce-product-gallery {
    max-width: 260px;
  }
}

/* ============================================================
   Sceido Perfume — custom CSS fixes
   Auditor: Claude · Date: 2026-05-28
   Source: see sceido-css-audit.md for context & screenshots

   Paste into WPCode → CSS Snippet (Run Everywhere)
   or Aspetto → Personalizza → CSS aggiuntivo.

   Each block is self-contained — comment one out to disable
   that fix without breaking the others.
   ============================================================ */


/* §1 ─── Vendor dashboard cream-on-white fix  (CRITICAL) ───
   VALIDATED LIVE on staging 2026-05-29.

   Root cause: the theme sets --primary / --color-primary = #EFE7DD
   (cream) at :root. The React Dokan dashboard ships
       :is(.pui-root,.dokan-layout) .text-primary{color:var(--primary)!important}
   so order numbers, the active tab and the Balance <bdi> render
   cream-on-white (1.23 : 1 — invisible).

   DO NOT (these two were the earlier regression):
     • do NOT remap --primary / --color-primary — the sidebar
       background is .bg-primary-500 { background:var(--color-primary) },
       so remapping the variable turns the whole sidebar black.
     • do NOT use [class*="bg-primary"] — it also matches
       .bg-primary-500 (the sidebar) and any other shade token.

   Fix = override the TEXT consumers ONLY, at a specificity higher
   than the Dokan rule (which is two-classes + !important). We beat
   it with an element-qualified selector, a doubled class, and the
   dashboard root ID #dokan-vendor-dashboard-root.              */

:is(.pui-root, .dokan-layout) a.text-primary,
:is(.pui-root, .dokan-layout) button.text-primary,
:is(.pui-root, .dokan-layout) span.text-primary,
:is(.pui-root, .dokan-layout) .text-primary.text-primary,
#dokan-vendor-dashboard-root .text-primary {
  color: #19110b !important;
}

/* active tab label (Products/Orders filter tabs) */
:is(.pui-root, .dokan-layout) [role="tab"][data-state="active"] {
  color: #19110b !important;
}

/* currency <bdi> incl. the "Balance" value (no competing !important,
   so normal specificity is enough) */
#dokan-vendor-dashboard-root bdi,
.dokan-layout bdi,
.pui-root bdi {
  color: #19110b !important;
}

/* NOTE — the "Add new product" / "Aggiorna impostazioni" buttons keep
   their cream fill + dark text. That is READABLE (~9 : 1); it just
   reads as a soft button rather than a bold CTA. If you want them
   darker, target that ONE button precisely — do NOT use a broad
   bg-primary selector. Ask me and I'll grab the exact class live. */


/* §2 ─── (removed per review — sticky-header hairline not wanted) */


/* §3 ─── Product cards — keep a stable baseline across the row
   (titles flip between 1 and 2 lines, jittering price height). */
ul.products li.product .woocommerce-loop-product__title,
.products-grid .product .woocommerce-loop-product__title,
.products .product h2,
.products .product h3 {
  min-height: 2.8em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
}
ul.products li.product,
.products .product {
  display: flex;
  flex-direction: column;
}
ul.products li.product .price,
.products .product .price {
  margin-top: auto;
}


/* §4 ─── Shop toolbar — give categories their own row so
   "Vintage" doesn't wrap alone under the dropdowns.        */
.woocommerce-products-header,
.shop-toolbar,
.shop-control-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: center;
}
.shop-toolbar .product-categories,
.shop-toolbar .term-list {
  flex: 1 1 100%;
  order: 1;
}
.shop-toolbar .filters,
.shop-toolbar .ordering,
.shop-toolbar .woocommerce-ordering {
  order: 2;
  margin-left: auto;
}


/* §5 ─── Prev/next product nav arrows on PDP — were 20×20 px
   (below WCAG 2.5.5) and positioned at a fixed y that drifts
   onto random text. Center vertically, enlarge, soften.    */
nav.navigation-product.fixed.previous-post,
nav.navigation-product.fixed.next-post {
  width:  44px;
  height: 44px;
  top: 50% !important;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 2px 6px rgba(25, 17, 11, .12);
}
nav.navigation-product.fixed.previous-post { border-radius: 0 6px 6px 0; }
nav.navigation-product.fixed.next-post     { border-radius: 6px 0 0 6px; }
nav.navigation-product.fixed svg,
nav.navigation-product.fixed i {
  width: 18px;
  height: 18px;
}
@media (max-width: 768px) {
  nav.navigation-product.fixed.previous-post,
  nav.navigation-product.fixed.next-post { display: none; }
}


/* §6 ─── Social icons — IG/FB inner glyph was using dark text
   on the brand-pink / brand-blue tile (3.87 / 4.41 : 1).    */
.wp-block-social-link.wp-social-link-instagram .wp-block-social-link-anchor,
.wp-block-social-link.wp-social-link-facebook  .wp-block-social-link-anchor {
  color: #ffffff !important;
}
.wp-block-social-link.wp-social-link-instagram .wp-block-social-link-anchor svg,
.wp-block-social-link.wp-social-link-facebook  .wp-block-social-link-anchor svg {
  fill: #ffffff !important;
}


/* §7 ─── My Account → "Accedi alla Dashboard venditore" button
   was rendering as an unstyled grey browser button.        */
.woocommerce-MyAccount-content a[href*="dashboard"],
.woocommerce-MyAccount-content .dokan-btn,
a.dokan-vendor-dashboard-link {
  display: inline-block;
  padding: 14px 28px;
  background: #19110b;
  color: #EFE7DD;
  border: none;
  border-radius: 0;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: .02em;
  text-decoration: none;
  transition: opacity .2s;
}
.woocommerce-MyAccount-content a[href*="dashboard"]:hover,
.woocommerce-MyAccount-content .dokan-btn:hover {
  opacity: .85;
  color: #EFE7DD;
}


/* §8 ─── Newsletter "Iscriviti" — was full content width. */
.wp-block-jetpack-mailchimp .wp-block-button__link,
.mc4wp-form button[type="submit"],
form.newsletter input[type="submit"] {
  width: auto !important;
  min-width: 200px;
  padding-left: 48px;
  padding-right: 48px;
  margin: 0 auto;
  display: block;
}


/* §9 ─── Section headings on the home page — keep a gap so the
   sticky header doesn't crop "Novità", "Da non perdere", etc. */
.home main section,
.home main .wp-block-group {
  scroll-margin-top: 120px;
}
.home main h2.wp-block-heading {
  padding-top: 16px;
}


/* §10 ─── Mobile fixes — newsletter overflow + hero text clip. */
@media (max-width: 600px) {
  .wp-block-jetpack-mailchimp,
  .mc4wp-form {
    padding-left:  16px;
    padding-right: 16px;
    box-sizing: border-box;
  }
  .wp-block-jetpack-mailchimp .wp-block-button__link {
    width: 100% !important;
    min-width: 0;
    padding-left:  16px;
    padding-right: 16px;
  }
  .home .wp-block-cover .wp-block-cover__inner-container,
  .home .wp-block-cover h1,
  .home .wp-block-cover h2 {
    padding-left:  8px;
    padding-right: 8px;
    overflow-wrap: anywhere;
  }
}


/* §11 ─── Staging banner clearance for the React dashboard topbar.
   No-op on production (banner is hidden there).             */
body.dokan-dashboard,
body[class*="dashboard"] .dokan-dashboard-wrap,
#dokan-vue-admin,
#dokan-vendor-vue-admin {
  padding-top: 44px;
}
@media (max-width: 768px) {
  body.dokan-dashboard,
  body[class*="dashboard"] .dokan-dashboard-wrap {
    padding-top: 66px;
  }
}


/* §12 ─── WC chart legend was rendering "…2026)€331.48" with
   no space between period and value. Use flex space-between. */
.woocommerce-legend__item-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.woocommerce-legend__item-total {
  margin-left: auto;
  white-space: nowrap;
}


/* §13 ─── Vendor dashboard REPORT tables (Reports → Prodotti /
   Fatturato / Ordini / Variazioni / Categorie / Stock).
   VALIDATED LIVE on staging 2026-05-29 across Products, Categories
   and Stock reports.

   Two bugs in the WooCommerce-Analytics TableCard as embedded in
   the Dokan dashboard:
   (a) the "Download" button label had its nowrap overridden to
       white-space:normal + word-break:break-word, so when the
       toolbar squeezed it the label collapsed to ONE LETTER PER
       LINE (16px wide × 117px tall, reading vertically).
   (b) table-layout:auto on a table forced to full width dumped all
       the slack into the near-empty numeric columns (Items sold
       463px, Orders 403px) while "Product title" was crushed to
       85px, wrapping "Fragran ce 1".                            */

/* (a) keep the download button + its label on one line */
.woocommerce-table__download-button,
.woocommerce-table__download-button .woocommerce-table__download-button__label,
.woocommerce-table__download-button__label {
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
.woocommerce-table__download-button {
  flex-shrink: 0 !important;
  width: auto !important;
}
/* let the toolbar wrap its buttons instead of crushing them */
.woocommerce-table__actions {
  flex-wrap: wrap !important;
}

/* (b) numeric columns shrink to their content, freeing width for
   the text columns; text columns wrap normally and take the slack */
.woocommerce-table td.is-numeric,
.woocommerce-table th.woocommerce-table__header.is-numeric {
  width: 1% !important;
  white-space: nowrap !important;
}
.woocommerce-table th.woocommerce-table__header.is-left-aligned,
.woocommerce-table td.is-left-aligned {
  white-space: normal !important;
}

/* ── end of Sceido custom CSS ── */

/* Force the vendor path: hide the customer-registration option. */
body.sceido-invited .woocommerce-form-register__customer-option {
    display: none !important;
}


/* PART HEADING (divisori sezione) */
.part-head { padding: 46px 0 6px; }
.part-head .eyebrow { margin-bottom: 8px; }
.part-head h2 {
	font-family: var(--serif); font-size: 23px; font-weight: 400; line-height: 1.25; color: var(--black);
}

  /* STEP ROW */
.step-row {
	display: grid; grid-template-columns: 200px 1fr; gap: 48px;
	padding: 38px 0; border-bottom: 1px solid var(--border);
}
.step-label { position: sticky; top: 72px; align-self: start; }
.step-num {
	width: 34px; height: 34px; border-radius: 50%;
	background: var(--black); color: var(--white);
	display: flex; align-items: center; justify-content: center;
	font-size: 14px; font-weight: 500; margin-bottom: 14px;
}
.step-label h2 {
	font-family: var(--serif); font-size: 17px; font-weight: 400;
	line-height: 1.35; color: var(--black);
}

/* TESTI */
.body-text { font-size: 14px; color: var(--gray); line-height: 1.75; margin-bottom: 16px; }
.body-text:last-child { margin-bottom: 0; }
.body-text strong { color: var(--black); font-weight: 500; }
.body-text em { font-style: italic; }

/* SCREENSHOT */
.shot {
	margin-top: 20px;
	background: var(--card-bg); border: 1px solid var(--border);
	border-radius: 4px; box-shadow: var(--card-shadow); overflow: hidden;
}
.shot img { display: block; width: 100%; height: auto; }
.shot figcaption {
	font-size: 11px; color: var(--gray); line-height: 1.5;
	padding: 10px 16px; border-top: 1px solid var(--border); background: var(--light);
}
.shot + .shot { margin-top: 14px; }

/* NOTE */
.security-note {
	background: var(--light); border-radius: 2px; border-left: 2px solid var(--border);
	padding: 16px 20px; margin-top: 20px; font-size: 13px; color: var(--gray); line-height: 1.75;
}
.security-note strong { color: var(--black); font-weight: 500; }
.warning-note {
	background: var(--light); border-radius: 2px; border-left: 2px solid var(--black);
	padding: 14px 18px; margin-top: 16px; font-size: 13px; color: var(--gray); line-height: 1.7;
}
.warning-note strong { color: var(--black); font-weight: 500; }

/* RESULT (esito) */
.result-note {
	display: flex; gap: 14px; align-items: flex-start;
	background: var(--light); border-radius: 3px; border-left: 2px solid var(--black);
	padding: 16px 18px; margin-top: 16px; font-size: 13px; color: var(--gray); line-height: 1.7;
}
.result-note .check {
	flex-shrink: 0; width: 20px; height: 20px; border-radius: 50%;
	background: var(--black); color: var(--white); display: flex;
	align-items: center; justify-content: center; font-size: 11px; margin-top: 1px;
}
  .result-note strong { color: var(--black); font-weight: 500; }
  .result-note h3 {
    font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase;
    font-weight: 500; color: var(--black); margin-bottom: 5px;
  }

  /* RESPONSIVE */
@media (max-width: 768px) {
	.part-head h2 { font-size: 19px; }
	.step-row { grid-template-columns: 1fr; gap: 14px; padding: 28px 0; }
	.step-label { position: static; display: flex; align-items: center; gap: 12px; }
	.step-num { margin-bottom: 0; }
	.step-label h2 { font-size: 16px; }
	.step-label h2 br { display: none; }
}
/* ===== Sceido recently-sold badge ===== */
.sceid-sold-badge {
    display: inline-block;
    background: #111;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 2px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 5;
    pointer-events: none;
}
.sceid-sold-badge--single {
    position: static;
    margin-bottom: 12px;
}
ul.products li.product { position: relative; }

/* ===== Suppress WooCommerce / theme out-of-stock indicators while VENDUTO is shown ===== */
.sceid-recently-sold .wc-block-components-product-stock-indicator,
.sceid-recently-sold .stock.out-of-stock,
.sceid-recently-sold p.stock.out-of-stock {
    display: none !important;
}
/* ===== Suppress out-of-stock indicators ONLY while VENDUTO/VENDU/SOLD is shown ===== */
.sceid-recently-sold > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link.no-underline > div.product-badges > span {
    display: none !important;
}


/* Single product: badge sits on its own line under the price */
.sceid-sold-badge--single {
    display: block;
    width: max-content;
    margin: 10px 0 0;
    position: static;
}


.wc-block-product-categories-list--depth-0 > li:has(> ul) > .wc-block-product-categories-list-item-count {
	display: none !important;
}

.wc-block-product-categories-list .sceid-parent-cat {
	font-weight: 700;
}

/* Sceido — form recensione venditore */
.sceid-vreview .sceid-hp { position:absolute; left:-9999px; }
.sceid-vreview-stars { border:0; padding:0; display:flex; flex-direction:row-reverse; justify-content:flex-end; gap:4px; }
.sceid-vreview-stars input { display:none; }
.sceid-vreview-stars label { font-size:2rem; color:#ccc; cursor:pointer; }
.sceid-vreview-stars input:checked ~ label,
.sceid-vreview-stars label:hover,
.sceid-vreview-stars label:hover ~ label { color:#c9a227; }
.sceid-vreview-err { color:#b00020; }
.sceid-vreview-ok  { color:#1a7f37; }