/* ==========================================================================
   ייצור בגדי עבודה וביגוד לעובדים - service page (preview view)

   Shell: the cart-page header + footer, the paper ground and the type from
   theme.css. Composition borrows from the site's own pages:
     hero            about-preview (display headline, lead, picture opposite).
                     The picture is five catalogue cutouts (the home page's
                     product boards) standing like a team photo.
     one address     the about page's values row: garment, logo, delivery
     side index      shipping-preview / the legal pages (site-motion.js follows it)
     stages          the about page's running stitch, laid on its side
     garments        shop photos on the sand tile, one per category
     three methods   hairline rows; the spec columns line up down the list so
                     they compare, numbers in the Anton the site numbers with
     order           numbered rows, two asides beside them
     delivery        the sand box and the address plate from shipping-preview
     questions       the shipping-preview accordion
   Photos: the theme's own cutouts and job photos (film, printed tee,
   embroidered cap) and product photos from the live shop. Shop photos are shot
   on white, so they sit on the sand tile through multiply.
   Motion: nothing new. site-motion.js raises the h1 (.information-layout h1),
   fades the sections up (.policy-content > section) and moves the index
   marker (.policy-desktop-nav).
   ========================================================================== */

.mfg-layout{
  /* the tile is the sand of the shop's own product cards (the work shoe photo
     carries it), so that photo and the multiplied ones land on one colour */
  --tile:color-mix(in srgb,var(--color-sand-300) 10.5%,var(--paper-background));
  --box:color-mix(in srgb,var(--color-sand-300) 17%,var(--paper-background));
  --soft:#625f58;
  max-width:1320px;width:100%;min-width:0;margin:0 auto;padding:22px 40px 72px;
}
.mfg-layout [dir="ltr"]{unicode-bidi:isolate}
.mfg-layout p a{color:var(--color-primary)}
.mfg-page :is(a,summary):focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}
.mfg-page .submit{display:inline-flex;width:auto;min-height:52px;margin:0;padding:15px 30px;font-size:16px;text-decoration:none}
.mfg-text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--color-primary);font-size:15px;text-underline-offset:5px}

/* ── Hero ─────────────────────────────────────────────────────────────── */
.mfg-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center;padding:30px 0 60px}
.mfg-eyebrow{font-size:13px;color:var(--soft);margin:0 0 20px}
.mfg-hero h1{margin:0 0 24px;font-weight:400}
.mfg-h1-main{display:block;font:700 clamp(66px,6.7vw,98px)/.94 var(--f-display)}
/* the comma joins the two halves of the headline when it is read as one line;
   set in two sizes, the line break does that job */
.mfg-h1-comma{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mfg-h1-sub{display:block;margin-top:18px;font:400 clamp(24px,2.2vw,30px)/1.35 var(--f-text)}
.mfg-lead{font-size:20px;line-height:1.6;max-width:540px;margin:0 0 12px}
.mfg-lead-more{font-size:16px;line-height:1.8;max-width:520px;margin:0 0 30px;color:var(--soft)}
.mfg-hero-actions{display:flex;align-items:center;gap:10px 28px;flex-wrap:wrap}

/* The team photo: three garments at the back, two in front. Everything is a
   share of the stage, so the group keeps its shape at any width. The shadow
   sits on the wrapper, whose padding leaves it room to fall inside the box. */
.mfg-team{margin:0;justify-self:center;width:100%;max-width:600px}
.mfg-team-stage{position:relative;aspect-ratio:600/528}
.mfg-team-item{position:absolute;display:block;padding-bottom:3%;filter:drop-shadow(0 1px 2px rgb(var(--color-shadow-rgb)/.16)) drop-shadow(0 10px 12px rgb(var(--color-shadow-rgb)/.14))}
.mfg-team-item img{display:block;width:100%;height:auto}
.mfg-team-shirt{left:-3%;top:1%;width:47%}
.mfg-team-coat{left:32%;top:-3.5%;width:36%}
.mfg-team-chef{left:56%;top:1%;width:47%}
.mfg-team-polo{left:5%;top:40%;width:51%}
.mfg-team-vest{left:44%;top:40.5%;width:51%}
.mfg-team figcaption{font-size:12px;line-height:1.6;color:var(--soft);margin:6px 0 0;text-align:center}

/* ── One address: garment, logo, delivery ─────────────────────────────────
   The same two columns as the index and the content below it, so the title
   stands over the index and the three parts over the text. */
.mfg-one{display:grid;grid-template-columns:190px minmax(0,1fr);gap:60px;align-items:start;padding:30px 0;border-block:1px solid var(--color-rule)}
.mfg-one-title{font:700 34px/1.02 var(--f-display);margin:0}
.mfg-one ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.mfg-one strong{display:block;font-weight:400;font-size:21px;line-height:1.3;margin-bottom:8px}
.mfg-one li span{display:block;font-size:14px;line-height:1.7;color:var(--soft);max-width:250px}

/* ── Index + content ──────────────────────────────────────────────────── */
.mfg-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:60px;align-items:start;padding-top:44px}
.mfg-nav{display:flex;flex-direction:column;align-items:start;gap:4px;position:sticky;top:100px}
.mfg-nav a{padding:11px 0;text-decoration:none;font-size:15px;line-height:1.4;transition:color var(--motion-feedback) var(--ease-out)}
.mfg-nav a:first-child{padding-top:4px}
.mfg-nav a:hover{color:var(--color-primary)}
.mfg-content{min-width:0}
.mfg-content>section{scroll-margin-top:105px}
.mfg-content>section+section{margin-top:68px;border-top:1px solid var(--color-rule);padding-top:32px}
.mfg-content section h2{font:700 clamp(40px,3.5vw,50px)/1.04 var(--f-display);margin:0 0 14px}
.mfg-section-lead{font-size:17px;line-height:1.7;margin:0 0 30px;max-width:620px}
.mfg-note{font-size:14px;line-height:1.8;color:var(--color-soft-foreground);margin:22px 0 0;max-width:640px}

/* ── Stages: one running stitch, a knot where each stage begins ───────── */
.mfg-stages{position:relative;list-style:none;margin:0 0 36px;padding:30px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px;counter-reset:stage}
.mfg-stages::before{content:'';position:absolute;top:4px;inset-inline-start:0;width:calc(75% + 22px);height:1.5px;background:repeating-linear-gradient(to left,var(--color-primary) 0 5px,transparent 5px 9px)}
.mfg-stages li{position:relative;min-width:0;font-size:21px;line-height:1.35;text-wrap:balance}
.mfg-stages li::before{content:'';position:absolute;top:-30px;inset-inline-start:0;width:9.5px;height:9.5px;border-radius:50%;background:var(--color-primary)}
.mfg-stages li::after{counter-increment:stage;content:"0" counter(stage);display:block;order:-1;font:400 17px/1 'Anton SC',sans-serif;color:var(--color-primary)}
.mfg-stages li{display:flex;flex-direction:column;gap:10px}
.mfg-making-notes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:44px}
.mfg-making-notes p{margin:0;font-size:16px;line-height:1.8}
.mfg-making-notes p:first-child{font-size:19px;line-height:1.6}
.mfg-making-notes p+p{border-inline-start:1px solid var(--color-rule);padding-inline-start:44px;color:var(--color-muted-foreground)}

/* ── Garments: one tile per category, the link under it ───────────────── */
.mfg-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 20px}
.mfg-card{position:relative;min-width:0}
.mfg-card--pair{grid-column:span 2}
/* the pair shares one wide tile, as tall as its neighbours (half its width less
   half the gap), so the two photos read as one group */
.mfg-tiles{position:relative;display:block;height:0;padding-bottom:calc(50% - 10px);overflow:hidden;border-radius:8px;background:var(--tile)}
.mfg-tiles .mfg-tile{position:absolute;top:0;bottom:0;width:50%;aspect-ratio:auto;border-radius:0;background:none}
.mfg-tiles .mfg-tile:first-child{inset-inline-start:0}
.mfg-tiles .mfg-tile:last-child{inset-inline-end:0}
.mfg-tile{display:block;aspect-ratio:1;overflow:hidden;border-radius:8px;background:var(--tile)}
.mfg-tile img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .35s var(--ease-out)}
.mfg-tile--plain img{mix-blend-mode:normal}
.mfg-card p{margin:14px 2px 0;font-size:14.5px;line-height:1.65;color:var(--soft)}
.mfg-card-name{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:3px;font-size:19px;line-height:1.4;text-decoration:none}
.mfg-card-name::before{content:'←';order:2;flex:none}
/* the card's own link also covers its photo, so the tile is one tap target
   without a second link for screen readers */
.mfg-card-name::after{content:'';position:absolute;top:0;inset-inline:0;aspect-ratio:1;border-radius:8px}
/* medical wear and smocks share one sentence: two tiles, a name under each,
   and what both are for on the line below */
.mfg-pair-text{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.mfg-card-and{display:flex;align-items:baseline;gap:7px;min-width:0}
.mfg-card-and .mfg-card-name{flex:1;min-width:0}
.mfg-pair-for{grid-column:1 / -1}
.mfg-card--pair .mfg-card-name::after{inset-inline:0 auto;width:50%;aspect-ratio:auto;height:0;padding-bottom:calc(50% - 10px);border-radius:0}
.mfg-card--pair .mfg-card-also::after{inset-inline:auto 0}
@media(hover:hover){
  .mfg-card:not(.mfg-card--pair):has(.mfg-card-name:hover) .mfg-tile img,
  .mfg-card--pair:has(.mfg-pair-text>.mfg-card-name:hover) .mfg-tile:first-child img,
  .mfg-card--pair:has(.mfg-card-also:hover) .mfg-tile:last-child img,
  .mfg-shoes:has(a:hover) .mfg-tile img{transform:scale(1.035)}
  .mfg-card-name:hover{text-decoration:underline;text-underline-offset:5px}
}
/* shoes are a side note: a selection, sold as it is */
.mfg-shoes{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:40px;align-items:center;margin-top:38px;padding-top:26px;border-top:1px solid var(--color-rule)}
.mfg-shoes p{margin:0;font-size:16px;line-height:1.75;max-width:470px}
.mfg-shoes strong{display:block;font-weight:400;font-size:21px;line-height:1.4;margin-bottom:4px}
.mfg-shoes-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mfg-shoes p a::after{content:'';position:absolute;bottom:0;inset-inline-end:0;width:372px;aspect-ratio:3.1}

/* ── Three methods ────────────────────────────────────────────────────────
   One row per method: the job photo, the name and what it suits, then two
   figures. The figure columns hold their place down the list. */
.mfg-methods{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-rule)}
.mfg-method{display:grid;grid-template-columns:172px minmax(0,1fr) 348px;gap:34px;align-items:center;padding:22px 0;border-bottom:1px solid var(--color-rule)}
.mfg-method-art{position:relative;margin:0;aspect-ratio:1;overflow:hidden;border-radius:8px;background:var(--tile)}
.mfg-method-art img{display:block}
.mfg-method h3{font:700 44px/1 var(--f-display);margin:0 0 10px}
.mfg-method-copy p{font-size:15.5px;line-height:1.75;margin:0;max-width:400px}
.mfg-specs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0;align-self:stretch}
.mfg-specs>div{display:flex;flex-direction:column;justify-content:center;padding-inline-start:26px;border-inline-start:1px solid var(--color-rule)}
.mfg-specs dt{font-size:13px;color:var(--soft);margin-bottom:10px}
.mfg-specs dd{margin:0;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.4;min-height:66px}
.mfg-specs dd b{font:400 40px/1 'Anton SC',sans-serif;color:var(--color-primary);text-align:right;text-align:match-parent}
/* The pictures are the site's own job photographs, composed the way the home
   page leaves them at the end of each technique's animation. */
.stitch-cap{position:absolute;left:50%;top:52%;width:92%;height:auto;transform:translate(-50%,-50%)}
.dtf-sheet{position:absolute;left:50%;top:50%;height:86%;aspect-ratio:1216/1846;transform:translate(-50%,-50%) rotate(-5deg)}
.dtf-sheet .film{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 2px 3px rgb(var(--color-shadow-rgb)/.08)) drop-shadow(0 6px 8px rgb(var(--color-shadow-rgb)/.10))}
.dtf-sheet .art{position:absolute;left:50%;top:50%;width:68%;height:auto;transform:translate(-50%,-50%)}
/* shirt and print are one box, so the four separations stay registered on the
   garment at any size (numbers from screen-hero.js: print 38% of a 16:10 stage) */
.tee{position:absolute;left:50%;top:50%;width:132%;aspect-ratio:1536/1024;transform:translate(-50%,-50%)}
.tee-shirt{position:absolute;inset:0;width:100%;height:100%}
.tee-ink{position:absolute;left:30.19%;top:21.07%;width:39.62%;aspect-ratio:1}
.tee-ink img{position:absolute;inset:0;width:100%;height:100%}

/* ── Order: four numbered rows, two asides ────────────────────────────── */
.mfg-order-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px;align-items:start}
.mfg-steps{list-style:none;margin:0;padding:0;counter-reset:step;border-top:1px solid var(--color-rule)}
.mfg-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:baseline;padding:19px 0;border-bottom:1px solid var(--color-rule)}
.mfg-steps li::before{counter-increment:step;content:"0" counter(step);font:400 26px/1 'Anton SC',sans-serif;color:var(--color-primary)}
.mfg-steps p{margin:0;font-size:17px;line-height:1.65}
/* the promise stays whole: it moves to its own line instead of breaking after "לא" */
.mfg-keep{display:inline-block}
.mfg-order-notes{display:grid;gap:26px;padding-top:4px}
.mfg-order-notes>div{padding-inline-start:26px;border-inline-start:1px solid var(--color-rule)}
.mfg-order-notes h3{font-size:19px;font-weight:400;line-height:1.4;margin:0 0 6px}
.mfg-order-notes p{margin:0;font-size:15px;line-height:1.75;color:var(--color-muted-foreground)}
.mfg-order-notes .mfg-text-link{margin-top:4px}

/* ── Delivery: the sand box and the address plate ─────────────────────── */
.mfg-content>.mfg-delivery{border-top:0;padding-top:0}
.mfg-delivery-box{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:44px;align-items:center;padding:40px 44px;border-radius:12px;background:var(--box)}
.mfg-content .mfg-delivery-box h2{margin-bottom:22px}
.mfg-delivery-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-bottom:22px}
.mfg-delivery-facts h3{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:400;line-height:1.4;margin:0 0 8px}
.mfg-delivery-facts p{margin:0;font-size:15.5px;line-height:1.75}
.mfg-icon{display:block;flex:none;width:24px;height:24px;background:var(--color-primary);mask:var(--mfg-icon) center/contain no-repeat;-webkit-mask:var(--mfg-icon) center/contain no-repeat}
.mfg-icon--truck{--mfg-icon:url('assets/icons/lucide/truck.svg')}
.mfg-icon--store{--mfg-icon:url('assets/icons/lucide/store.svg')}
.mfg-delivery-more{margin:0;padding-top:18px;border-top:1px solid var(--color-rule);font-size:14.5px;line-height:1.8;color:var(--color-muted-foreground)}
.mfg-address{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--color-primary);border-radius:7px;padding:18px 12px;color:var(--color-primary);transform:rotate(-4deg)}
.mfg-address span{font-size:21px}
.mfg-address strong{font:400 90px/1.15 'Anton SC',sans-serif}
.mfg-address small{font-size:16px}

/* ── Questions ────────────────────────────────────────────────────────── */
.mfg-content .mfg-faq h2{margin-bottom:20px}
.mfg-faq details{padding:0;border-bottom:1px solid var(--color-rule)}
.mfg-faq details:first-of-type{border-top:1px solid var(--color-rule)}
.mfg-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:20px 0;font-size:17px}
.mfg-faq summary::after{content:'+';color:var(--color-primary);font-size:25px;line-height:1}
.mfg-faq details[open] summary::after{content:'−'}
.mfg-faq summary::-webkit-details-marker{display:none}
.mfg-faq details p{margin:0 0 22px;font-size:15px;line-height:1.8;max-width:620px;color:var(--color-muted-foreground)}

/* ── Closing: talk to us ──────────────────────────────────────────────── */
.mfg-content>.mfg-talk{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-top:56px;padding:38px 44px;border-top:0;border-radius:12px;background:var(--box)}
.mfg-content .mfg-talk h2{font-size:clamp(46px,4.2vw,60px);margin-bottom:14px}
.mfg-talk p{margin:0;font-size:16px;line-height:1.8;max-width:520px}
.mfg-talk a[href^="tel:"]{white-space:nowrap}
.mfg-talk-actions{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none}

/* ── Narrow desktop and tablet ────────────────────────────────────────── */
@media(max-width:1180px){
  .mfg-hero{gap:36px}
  .mfg-one,.mfg-grid{grid-template-columns:160px minmax(0,1fr);gap:40px}
  /* four columns no longer hold the longest name on one line */
  .mfg-cards{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense}
  .mfg-method{grid-template-columns:140px minmax(0,1fr) 290px;gap:26px}
  .mfg-method h3{font-size:40px}
  .mfg-specs>div{padding-inline-start:20px}
  .mfg-specs dd b{font-size:34px}
  .mfg-order-grid{gap:40px}
  .mfg-delivery-box{padding:34px;gap:34px}
  .mfg-content>.mfg-talk{padding:34px}
}
@media(max-width:940px){
  .mfg-layout{padding-inline:28px}
  .mfg-one,.mfg-grid{grid-template-columns:150px minmax(0,1fr);gap:30px}
  .mfg-one ul{gap:22px}
  .mfg-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense}
  .mfg-shoes{grid-template-columns:minmax(0,1fr) 288px;gap:28px}
  .mfg-shoes p a::after{width:288px}
  .mfg-making-notes{grid-template-columns:minmax(0,1fr);gap:16px}
  .mfg-making-notes p+p{border-inline-start:0;padding-inline-start:0}
  /* the figures drop under the copy, still side by side */
  .mfg-method{grid-template-columns:140px minmax(0,1fr);gap:18px 24px;align-items:start}
  .mfg-specs{grid-column:2}
  .mfg-specs>div{justify-content:flex-start}
  .mfg-specs>div:first-child{padding-inline-start:0;border-inline-start:0}
  .mfg-specs dd{min-height:0}
  .mfg-order-grid{grid-template-columns:minmax(0,1fr);gap:30px}
  .mfg-order-notes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mfg-delivery-box{grid-template-columns:minmax(0,1fr)}
  .mfg-address{display:none}
  .mfg-content>.mfg-talk{flex-direction:column;align-items:flex-start;gap:24px}
  .mfg-talk-actions{flex-direction:row;gap:24px;flex-wrap:wrap}
}
/* the headline needs the full width before the phone layout takes over */
@media(max-width:760px){
  .mfg-hero{display:block;padding-bottom:40px}
  .mfg-team{max-width:440px;margin:34px auto 0}
}

/* ── Phone: 16px gutters, the headline held to the width of the screen ── */
@media(max-width:600px){
  .mfg-layout{padding:14px 16px 48px}
  .mfg-page .submit{min-height:48px;padding:13px 24px;font-size:15px}
  .mfg-hero{display:block;padding:22px 0 34px}
  .mfg-eyebrow{margin-bottom:14px}
  .mfg-hero h1{margin-bottom:20px}
  .mfg-h1-main{font-size:clamp(54px,17.2vw,70px);line-height:.95}
  .mfg-h1-sub{font-size:23px;margin-top:14px}
  .mfg-lead{font-size:18px;line-height:1.6;margin-bottom:10px}
  .mfg-lead-more{font-size:15px;line-height:1.75;margin-bottom:24px}
  .mfg-hero-actions{gap:10px 20px}
  .mfg-team{max-width:400px;margin:30px auto 0}
  .mfg-one{display:block;padding:24px 0}
  .mfg-one-title{margin-bottom:16px}
  .mfg-one-title br{display:none}
  .mfg-one ul{grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--color-rule)}
  .mfg-one li{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--color-rule)}
  .mfg-one li:last-child{border-bottom:0;padding-bottom:0}
  .mfg-one strong{font-size:19px;margin:0}
  .mfg-one li span{max-width:none}
  .mfg-grid{display:block;padding-top:14px}
  .mfg-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:2px 20px;padding:0 0 18px}
  .mfg-nav a,.mfg-nav a:first-child{display:inline-flex;align-items:center;min-height:44px;padding:0;font-size:13px;text-decoration:underline}
  .mfg-nav .motion-spy{display:none}
  .mfg-content>section{scroll-margin-top:84px}
  .mfg-content>section:first-child{border-top:1px solid var(--color-rule);padding-top:24px}
  .mfg-content>section+section{margin-top:46px;padding-top:24px}
  .mfg-content section h2{font-size:40px;margin-bottom:12px}
  .mfg-section-lead{font-size:15px;margin-bottom:22px}
  .mfg-note{font-size:13px;margin-top:18px}
  /* the stitch turns to run down the list */
  .mfg-stages{grid-template-columns:minmax(0,1fr);gap:0;padding:0 26px 0 0;margin-bottom:26px}
  .mfg-stages::before{top:16px;bottom:22px;inset-inline-start:4px;width:1.5px;height:auto;background:repeating-linear-gradient(to bottom,var(--color-primary) 0 5px,transparent 5px 9px)}
  .mfg-stages li{flex-direction:row;align-items:baseline;gap:12px;padding:9px 0;font-size:19px}
  .mfg-stages li::before{top:16px;inset-inline-start:-26px}
  .mfg-stages li::after{order:-1;font-size:16px}
  .mfg-making-notes p{font-size:15px}
  .mfg-making-notes p:first-child{font-size:17px}
  .mfg-cards{gap:26px 12px}
  .mfg-tiles,.mfg-card--pair .mfg-card-name::after{padding-bottom:calc(50% - 6px)}
  .mfg-card p{margin-top:10px;font-size:13.5px}
  .mfg-card-name{font-size:16.5px}
  /* half a phone is too narrow for the second name: the pair's caption runs
     as one line, as the sentence is written */
  .mfg-pair-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px}
  .mfg-pair-text>.mfg-card-name{flex:none}
  .mfg-pair-text>.mfg-card-name::before{content:none}
  .mfg-card-and{flex:1;gap:6px}
  .mfg-pair-for{flex-basis:100%}
  .mfg-shoes{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:28px;padding-top:20px}
  .mfg-shoes p{font-size:15px;max-width:none}
  .mfg-shoes strong{font-size:19px}
  .mfg-shoes p a::after{width:100%;aspect-ratio:3.2}
  .mfg-method{grid-template-columns:96px minmax(0,1fr);gap:16px 16px;padding:20px 0}
  .mfg-method h3{font-size:40px;margin-bottom:8px}
  .mfg-method-copy p{font-size:15px}
  .mfg-specs{grid-column:1 / -1}
  .mfg-specs>div{padding-inline-start:16px}
  .mfg-specs dd{min-height:0}
  .mfg-specs dd b{font-size:34px}
  .mfg-steps li{grid-template-columns:36px minmax(0,1fr);gap:14px;padding:16px 0}
  .mfg-steps li::before{font-size:24px}
  .mfg-steps p{font-size:15.5px}
  .mfg-order-notes{grid-template-columns:minmax(0,1fr);gap:22px}
  .mfg-order-notes>div{padding-inline-start:18px}
  .mfg-delivery-box{padding:24px 20px 26px}
  .mfg-delivery-facts{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:20px}
  .mfg-delivery-facts p{font-size:15px}
  .mfg-delivery-more{font-size:14px}
  .mfg-faq summary{font-size:16px;padding:18px 0}
  .mfg-faq details p{font-size:14px}
  .mfg-content>.mfg-talk{margin-top:40px;padding:26px 20px 28px;gap:22px}
  .mfg-content .mfg-talk h2{font-size:46px}
  .mfg-talk p{font-size:15px}
  .mfg-talk-actions{flex-direction:column;align-items:stretch;gap:6px;width:100%}
  .mfg-talk-actions .submit{width:100%}
  .mfg-talk-actions .mfg-text-link{justify-content:center}
}
@media(prefers-reduced-motion:reduce){.mfg-tile img,.mfg-nav a{transition:none}}