/* 1 · Checkout: collapse the nested Woo column boxes inside the customer card.
   Their near-invisible borders + bottom padding rendered as a stray empty
   "field" under PIN CODE (both review panels flagged it as a trust ding). */
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2{border:0!important;padding:0!important}

/* 2 · Bag: line-item thumbnails were the only rounded corners in a
   sharp-cornered container system. */
.woocommerce-cart td.product-thumbnail img{border-radius:0!important}

/* 3 · Trust-badge rows (tpl 273 on bag + checkout): at phone width the three
   icon-boxes wrapped 2+1 with an orphaned icon. Stack them instead. */
@media (max-width:767px){
  .woocommerce-checkout .e-con-inner:has(> .elementor-widget-icon-box),
  .woocommerce-cart .e-con-inner:has(> .elementor-widget-icon-box){
    flex-direction:column;align-items:center;row-gap:12px;
  }
}

/* 4 · Quick-buy chips: on touch devices there is no hover to reveal
   tappability, and S42 made size selection mandatory — give available chips a
   quiet border so the step is discoverable. Desktop keeps the hover reveal. */
@media (pointer:coarse){
  .rasvo-qb__chips button.is-available{border-color:rgba(12,20,31,.16)}
}

/* 5 · Home fit diagrams (containers 1b6ab5f / 112e058): the images carry
   baked-in measurement annotations; cover-crop was slicing them at 390px.
   contain letterboxes onto the tile's own sand background. Doubled class
   (0,2,0) out-specifies rasvo-v2-custom.css's `cover!important` (0,1,0) —
   both are !important, so specificity decides, not load order. */
@media (max-width:767px){
  .elementor-element.elementor-element-1b6ab5f,
  .elementor-element.elementor-element-112e058{
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
  }
}

/* 6 · Contact page joins the design system.
   Hero: the site's only centered small hero → left-aligned display scale,
   matching "Almost yours." / "Your bag, considered.". */
.elementor-element-d0720a3 .elementor-heading-title{
  text-align:left;
  font-size:clamp(38px,5vw,56px)!important;
  line-height:1.08!important;
}
/* Form labels: sentence-case Geist 16px → the checkout label dialect
   (Geist Mono caps), so the two forms one click apart speak one language. */
.elementor-element-cd507ab label{
  font-family:"Geist Mono",monospace!important;
  font-size:12px!important;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--rasvo-v2-muted-on-light,#4A515C);
}

/* 7 · Bag coupon: collapsed state + the reveal link (JS below). */
.rasvo-coupon-hidden{display:none!important}
.rasvo-coupon-toggle{
  display:inline-block;
  margin:4px 0 8px;
  font-family:"Geist Mono",monospace;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--rasvo-v2-muted-on-light,#4A515C);
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
  background:none;border:0;padding:0;
}
.rasvo-coupon-toggle:hover{color:var(--rv-ink,#141A23)}