/* MADE IN ROMAGNA (/made-in-romagna, sites/romagnatourism/pages/made*, chat #649, 24 Oct 2026). Loaded after market.css (mk-* shared).
   The colour of the section is the rust of the Romagna printed linen (tele stampate a ruggine). */
:root { --rust: #a9471f; --rust-deep: #6e2c12; --rust-soft: #f8ece4; }

/* the hero: a cream band with a rust "stamp" pattern, no photo (the owner's rule: no AI images of places) */
.mr-hero { position: relative; overflow: hidden; padding: clamp(2.2rem, 5vw, 3.6rem) 0 clamp(1.8rem, 4vw, 2.8rem); background: var(--rust-soft); border-bottom: 1px solid #ecd8ca; }
.mr-hero::before { content: ""; position: absolute; inset: 0; opacity: .14; pointer-events: none;
  background-image: radial-gradient(circle at 50% 50%, var(--rust) 0 5px, transparent 6px), radial-gradient(circle at 50% 50%, transparent 0 13px, var(--rust) 14px 16px, transparent 17px), conic-gradient(from 45deg, var(--rust) 0 25%, transparent 0 50%, var(--rust) 0 75%, transparent 0);
  background-size: 64px 64px, 64px 64px, 16px 16px; background-position: 0 0, 0 0, 24px 24px;
  -webkit-mask-image: linear-gradient(90deg, transparent 35%, #000 100%); mask-image: linear-gradient(90deg, transparent 35%, #000 100%); }
.mr-hero .container { position: relative; }
.mr-hero .eyebrow { color: var(--rust); }
.mr-hero h1 { font-size: clamp(2rem, 4.6vw, 3.2rem); max-width: 18ch; }
.mr-pills { list-style: none; margin: 1.1rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.mr-pills li { display: inline-flex; align-items: center; gap: .4rem; background: #fff; border: 1px solid #ecd8ca; color: var(--rust-deep); border-radius: 999px; padding: .4rem .85rem; font-size: .9rem; font-weight: 600; }
.mr-pills svg { color: var(--rust); }
.mr-hero .btn-row { margin-top: 1.3rem; }

/* the four groups and the categories */
.mr-groups { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .7rem; }
.mr-group { display: flex; gap: .7rem; align-items: center; height: 100%; padding: .8rem .9rem; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); text-decoration: none; color: var(--ink); font-weight: 650; font-size: .95rem; line-height: 1.25; transition: border-color .15s; }
.mr-group svg { flex: none; color: var(--rust); }
.mr-group small { display: block; font-weight: 500; color: var(--muted); font-size: .8rem; margin-top: .15rem; }
.mr-group:hover { border-color: var(--rust); color: var(--ink); }
.mr-group.is-active { background: var(--rust); border-color: var(--rust); color: #fff; } .mr-group.is-active svg, .mr-group.is-active small { color: #fff; }
.mr-cats .chip.is-active { background: var(--rust); border-color: var(--rust); }
.mr-check { display: inline-flex; gap: .4rem; align-items: center; font-size: .92rem; color: var(--muted); }

/* the product cards */
.mr-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 1.1rem; }
.mr-grid-sm { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
.mr-card a { display: flex; flex-direction: column; height: 100%; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; text-decoration: none; color: var(--ink); box-shadow: var(--shadow); transition: transform .15s, border-color .15s; }
.mr-card a:hover { transform: translateY(-2px); border-color: var(--rust); color: var(--ink); }
.mr-card-img { display: block; aspect-ratio: 4 / 3; background: var(--rust-soft); overflow: hidden; }
.mr-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mr-card-body { display: flex; flex-direction: column; gap: .25rem; padding: .8rem .95rem 1rem; flex: 1; }
.mr-card-cat { font-size: .74rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--rust); margin: 0; }
.mr-card h2 { font-size: 1.08rem; margin: 0; }
.mr-card-maker { display: flex; gap: .3rem; align-items: center; color: var(--muted); font-size: .85rem; }
.mr-card-foot { display: flex; flex-wrap: wrap; gap: .2rem .6rem; align-items: baseline; margin-top: auto; padding-top: .35rem; }
.mr-price { font-family: var(--display); font-size: 1.2rem; font-weight: 650; color: var(--rust-deep); }
.mr-qty { font-size: .82rem; color: var(--ok, #2e7d4f); font-weight: 600; margin: 0; } .mr-qty.is-out { color: var(--coral-dark); }
.mr-ship { display: flex; gap: .3rem; align-items: center; font-size: .8rem; color: var(--sea-dark); }
.mr-more-links { display: flex; flex-wrap: wrap; gap: 1.2rem; margin: 1.2rem 0 0; } .mr-more-links a { display: inline-flex; gap: .35rem; align-items: center; }
.mr-empty { text-align: left; }

/* how it works, trust, catalog */
.mr-trust { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1.2rem; }
.mr-trust p { display: flex; gap: .6rem; margin: 0; background: var(--rust-soft); border-radius: 12px; padding: .9rem 1rem; color: var(--rust-deep); font-size: .94rem; }
.mr-trust svg { flex: none; margin-top: .1rem; }
.mr-lead { margin-bottom: 1.4rem; }
.mr-catalog { columns: 2 340px; column-gap: 1.2rem; }
.mr-cat-group { break-inside: avoid; margin: 0 0 1.2rem; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.2rem 1.3rem; box-shadow: var(--shadow); }
.mr-cat-group h3 { display: flex; gap: .5rem; align-items: center; font-size: 1.2rem; color: var(--rust-deep); } .mr-cat-group h3 svg { color: var(--rust); }
.mr-cat-group ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .65rem; }
.mr-cat-group li { display: grid; gap: .1rem; font-size: .9rem; } .mr-cat-group li span { color: var(--muted); }
.mr-cat-group li a { color: var(--ink); text-decoration: none; } .mr-cat-group li a:hover { color: var(--rust); }
.mr-join-band { background: var(--rust-soft); }
.mr-join-inner { display: flex; flex-wrap: wrap; gap: 1rem 2rem; align-items: center; justify-content: space-between; }
.mr-join-inner > div { flex: 1 1 420px; } .mr-join-inner p { margin: 0; color: var(--muted); } .mr-join-inner .btn-row { margin: 0; }

/* the product page */
.mr-phead { padding-bottom: 0; } .mr-phead .crumbs { margin-bottom: 0; }
.mr-product { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 2rem; align-items: start; }
.mr-main { margin: 0; border-radius: var(--radius); overflow: hidden; background: var(--rust-soft); box-shadow: var(--shadow); aspect-ratio: 4 / 3; }
.mr-main img { width: 100%; height: 100%; object-fit: contain; display: block; background: #fff; }
.mr-thumbs { list-style: none; margin: .7rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.mr-thumbs button { padding: 0; border: 2px solid transparent; border-radius: 10px; overflow: hidden; background: none; cursor: pointer; width: 84px; aspect-ratio: 4 / 3; }
.mr-thumbs button.is-active { border-color: var(--rust); } .mr-thumbs img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mr-photo-note { font-size: .78rem; color: var(--muted); margin: .4rem 0 0; }
.mr-info .mk-h1 { margin-top: .2rem; }
.mr-subtitle { font-size: 1.1rem; color: var(--muted); margin: 0 0 .8rem; }
.mr-price-big { font-size: 2rem; margin: 0 0 .2rem; display: block; }
.mr-ship-list { list-style: none; margin: .8rem 0 .3rem; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem .9rem; }
.mr-ship-list li { display: inline-flex; gap: .35rem; align-items: center; font-size: .92rem; font-weight: 600; color: var(--sea-dark); }
.mr-small { font-size: .88rem; color: var(--muted); }
.mr-buy { margin-top: 1.2rem; background: var(--paper); border: 2px solid var(--rust); border-radius: var(--radius); padding: 1.1rem 1.2rem; box-shadow: var(--shadow); }
.mr-buy h2 { font-size: 1.25rem; margin: 0 0 .3rem; } .mr-buy .mr-small { margin: 0 0 .7rem; }
.mr-contacts { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; }
.mr-contacts a { display: flex; gap: .6rem; align-items: center; padding: .6rem .8rem; border-radius: 10px; background: var(--rust-soft); color: var(--rust-deep); text-decoration: none; font-weight: 600; overflow-wrap: anywhere; }
.mr-contacts a:hover { background: var(--rust); color: #fff; } .mr-contacts svg { flex: none; }
.mr-detail { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, .6fr); gap: 2rem; align-items: start; }
.mr-text .mk-h2:first-child { margin-top: 0; }
.mr-secret { display: flex; gap: .7rem; background: var(--sun-soft); border: 1px solid #f3d29a; border-radius: 12px; padding: .9rem 1rem; margin: 1rem 0; }
.mr-secret svg { flex: none; color: var(--coral); margin-top: .15rem; } .mr-secret p { margin: .2rem 0 0; color: var(--muted); font-size: .92rem; }
.mr-allergens { background: #fff4e0; border-left: 4px solid #e08a1e; border-radius: 8px; padding: .6rem .9rem; }
.mr-maker-box { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.1rem 1.2rem; box-shadow: var(--shadow); }
.mr-maker-box p { margin: .6rem 0 0; }
.mr-box-h { font-size: 1.1rem; margin: 0 0 .6rem; }
.mr-maker-head { display: flex; gap: .8rem; align-items: center; text-decoration: none; color: var(--ink); }
.mr-maker-head img, .mr-makers img { border-radius: 12px; object-fit: cover; background: #fff; border: 1px solid var(--line); }
.mr-maker-head small, .mr-makers small { display: block; color: var(--muted); font-size: .85rem; }
.mr-maker-ph { display: inline-grid; place-items: center; width: 56px; height: 56px; border-radius: 12px; background: var(--rust-soft); color: var(--rust); flex: none; }
.mr-maker-ph-big { width: 96px; height: 96px; }
.mr-verified { display: inline-flex; gap: .3rem; align-items: center; color: #2e7d4f; font-size: .86rem; font-weight: 600; }
.mr-dl { display: grid; grid-template-columns: auto 1fr; gap: .2rem .8rem; margin: .7rem 0 0; font-size: .86rem; } .mr-dl dt { color: var(--muted); } .mr-dl dd { margin: 0; overflow-wrap: anywhere; }
.mr-report a { display: inline-flex; gap: .3rem; align-items: center; font-size: .85rem; color: var(--muted); }
.mr-mtitle { display: flex; gap: 1rem; align-items: center; } .mr-mtitle img { border-radius: 16px; object-fit: cover; border: 1px solid var(--line); background: #fff; }
.mr-mtitle .mk-h1 { margin: 0 0 .2rem; }
.mr-where { display: flex; flex-wrap: wrap; gap: .3rem .6rem; align-items: center; color: var(--muted); margin: 0; }
.mr-makers { list-style: none; margin: 0 0 1.4rem; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: .8rem; }
.mr-makers a { display: flex; gap: .8rem; align-items: center; background: var(--paper); border: 1px solid var(--line); border-radius: 12px; padding: .7rem .9rem; text-decoration: none; color: var(--ink); }
.mr-makers a:hover { border-color: var(--rust); }

/* rules */
.mr-rules-key { display: grid; gap: .6rem; margin-bottom: 1.4rem; }
.mr-rules-key p { display: flex; gap: .6rem; margin: 0; background: var(--rust-soft); border-radius: 12px; padding: .8rem 1rem; color: var(--rust-deep); }
.mr-rules-key svg { flex: none; color: var(--rust); margin-top: .1rem; }
.mr-rules { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.1rem; }
.mr-rules li { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.1rem 1.3rem; }
.mr-rules h2 { font-size: 1.2rem; margin: 0 0 .5rem; } .mr-rules h2 span { color: var(--rust); }
.mr-rules p { margin: 0 0 .6rem; line-height: 1.65; } .mr-rules p:last-child { margin-bottom: 0; }
.mr-comuni { display: grid; gap: .8rem; margin-bottom: 1.4rem; }
.mr-comuni div { background: var(--paper); border: 1px solid var(--line); border-radius: 12px; padding: .9rem 1.1rem; }
.mr-comuni h3 { font-size: 1rem; margin: 0 0 .3rem; } .mr-comuni p { margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.6; }

/* forms and the private area */
.form .row3 { display: grid; grid-template-columns: 1fr 1fr auto; gap: 1rem; align-items: end; }
.form .mr-ask { padding-bottom: .7rem; }
.mr-note { display: flex; gap: .6rem; align-items: flex-start; background: var(--rust-soft); color: var(--rust-deep); border-radius: 10px; padding: .7rem .9rem; margin: 0; font-size: .92rem; }
.mr-note svg { flex: none; margin-top: .1rem; }
.mr-free { background: var(--rust-soft); color: var(--rust-deep); border-radius: 10px; padding: .8rem 1rem; margin: 1rem 0 0; font-size: .94rem; }
.mr-logo-now { vertical-align: middle; border-radius: 8px; object-fit: cover; }
.mr-ship-choose { border: 0; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .4rem 1.4rem; }
.mr-ship-choose legend { font-weight: 600; font-size: .92rem; margin-bottom: .4rem; padding: 0; }
.mr-keep, .mr-preview { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem; }
.mr-keep li, .mr-preview li { display: grid; gap: .3rem; justify-items: center; }
.mr-keep img, .mr-preview img { width: 120px; height: 90px; object-fit: cover; border-radius: 10px; border: 1px solid var(--line); }
.form .mr-rm { display: inline-flex; gap: .3rem; font-weight: 500; font-size: .85rem; color: var(--coral-dark); }
.mr-preview li span { font-size: .75rem; color: var(--muted); max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mr-doc { max-width: 820px; margin-bottom: 1.2rem; }
.mr-tabs { display: flex; flex-wrap: wrap; gap: .4rem; margin: .4rem 0 .4rem; border-bottom: 1px solid var(--line); }
.mr-tabs a { padding: .6rem .9rem; text-decoration: none; color: var(--muted); font-weight: 600; border-bottom: 3px solid transparent; margin-bottom: -1px; }
.mr-tabs a.is-active { color: var(--rust-deep); border-bottom-color: var(--rust); }
.mr-ptools { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .6rem; }
.mr-mine { list-style: none; margin: .6rem 0 0; padding: 0; display: grid; gap: .8rem; }
.mr-mine > li { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 1rem; align-items: start; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: .9rem 1rem; }
.mr-mine-img { display: block; width: 96px; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; background: var(--rust-soft); } .mr-mine-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mr-mine-top { margin: 0; display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; } .mr-mine-main .mr-small { margin: .2rem 0 0; }
.mr-why { margin: .4rem 0 0; font-size: .88rem; background: var(--sun-soft); border-radius: 8px; padding: .4rem .6rem; }
.mr-badge { display: inline-block; font-size: .72rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; border-radius: 999px; padding: .12rem .55rem; background: var(--line); color: var(--ink); }
.mr-badge-online { background: #e3f4e8; color: #17552b; } .mr-badge-rifiutato { background: #fde5e0; color: var(--coral-dark); } .mr-badge-dubbio, .mr-badge-controllo { background: var(--sun-soft); color: #7a4b00; }
.mr-quick { display: flex; flex-wrap: wrap; gap: .5rem .8rem; align-items: end; margin: .6rem 0 0; }
.mr-quick label { display: grid; gap: .2rem; font-size: .78rem; color: var(--muted); font-weight: 600; }
.mr-quick input[type=text] { width: 7.5rem; font: inherit; padding: .4rem .6rem; border: 1px solid #cfc7b8; border-radius: 8px; }
.mr-quick .mr-quick-ask { display: inline-flex; gap: .3rem; align-items: center; padding-bottom: .5rem; }
.mr-mine-act { display: flex; flex-direction: column; gap: .4rem; align-items: stretch; } .mr-mine-act form { margin: 0; } .mr-mine-act .btn { width: 100%; }
.mr-danger { color: var(--coral-dark); border-color: var(--coral); }
.mr-close { margin-top: 1.6rem; max-width: 820px; }

@media (max-width: 980px) { .mr-groups { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); } .mr-product, .mr-detail { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .mr-trust { grid-template-columns: 1fr; } .form .row3 { grid-template-columns: 1fr 1fr; } .form .mr-ask { grid-column: 1 / -1; padding: 0; } }
@media (max-width: 600px) { .mr-mine > li { grid-template-columns: 72px minmax(0, 1fr); } .mr-mine-img { width: 72px; } .mr-mine-act { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; } .mr-mine-act .btn { width: auto; } .mr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; } .mr-card h2 { font-size: .98rem; } .mr-mtitle img, .mr-maker-ph-big { width: 64px; height: 64px; } }

/* THE SHIPPING WE HANDLE (24 Oct 2026, chat #649): the five-step schema (pages/made/flow.php), the guarantees, who does what, the tracking */
.mr-flow { list-style: none; margin: 1.2rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; counter-reset: none; }
.mr-flow-step { position: relative; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.1rem 1rem 1.1rem; box-shadow: var(--shadow); }
.mr-flow-step:not(:last-child)::after { content: ""; position: absolute; top: 2.15rem; right: -1rem; width: 1rem; height: 2px; background: var(--rust); z-index: 1; }
.mr-flow-step:not(:last-child)::before { content: ""; position: absolute; top: calc(2.15rem - 4px); right: -1rem; border: 5px solid transparent; border-left: 7px solid var(--rust); border-right: 0; transform: translateX(4px); z-index: 2; }
.mr-flow-dot { position: relative; display: inline-grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: var(--rust-soft); color: var(--rust); margin-bottom: .55rem; }
.mr-flow-dot b { position: absolute; top: -.35rem; right: -.45rem; display: grid; place-items: center; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: var(--rust); color: #fff; font-size: .72rem; font-weight: 800; }
.mr-flow-who { display: block; font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); margin-bottom: .2rem; }
.mr-flow-step h3 { font-size: 1.05rem; margin: 0 0 .3rem; }
.mr-flow-step p { margin: 0; font-size: .9rem; color: var(--muted); line-height: 1.5; }
.mr-flow-4, .mr-flow-5 { background: var(--rust-soft); border-color: #ecd8ca; } .mr-flow-4 .mr-flow-dot, .mr-flow-5 .mr-flow-dot { background: var(--rust); color: #fff; } .mr-flow-4 .mr-flow-dot b, .mr-flow-5 .mr-flow-dot b { background: var(--rust-deep); }
.mr-flow-4 .mr-flow-who, .mr-flow-5 .mr-flow-who { color: var(--rust-deep); }
.mr-flow-live .mr-flow-step { opacity: .5; box-shadow: none; } .mr-flow-live .is-done, .mr-flow-live .is-now { opacity: 1; }
.mr-flow-live .is-done .mr-flow-dot { background: #e3f4e8; color: #17552b; } .mr-flow-live .is-done .mr-flow-dot b { background: #2e7d4f; }
.mr-flow-live .is-now { border: 2px solid var(--rust); box-shadow: var(--shadow); }
.mr-flow-more { margin: 1rem 0 0; } .mr-flow-more .btn { display: inline-flex; gap: .4rem; align-items: center; }
.mr-hero-ship .crumbs { margin-bottom: .8rem; }
.mr-guar { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin-top: 1rem; }
.mr-guar-col { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.2rem 1.3rem; box-shadow: var(--shadow); }
.mr-guar-col h3 { display: flex; gap: .5rem; align-items: center; color: var(--rust-deep); font-size: 1.2rem; } .mr-guar-col h3 svg { color: var(--rust); }
.mr-guar-col ul { margin: .4rem 0 0; padding-left: 1.1rem; display: grid; gap: .55rem; } .mr-guar-col li { line-height: 1.55; }
.mr-roles-wrap { overflow-x: auto; margin-top: 1rem; }
.mr-roles { width: 100%; min-width: 640px; border-collapse: separate; border-spacing: 0; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; font-size: .92rem; }
.mr-roles th, .mr-roles td { padding: .7rem .9rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.mr-roles thead th { background: var(--rust-soft); color: var(--rust-deep); font-size: .8rem; letter-spacing: .05em; text-transform: uppercase; }
.mr-roles thead th:last-child { background: var(--rust); color: #fff; }
.mr-roles tbody th { font-weight: 700; width: 22%; } .mr-roles tr:last-child th, .mr-roles tr:last-child td { border-bottom: 0; }
.mr-roles-yes { font-weight: 700; color: var(--rust-deep); background: #fbf3ee; } .mr-roles-no { color: var(--muted); font-style: italic; }
.mr-faq { display: grid; gap: .6rem; margin-top: 1rem; }
.mr-faq details { background: var(--paper); border: 1px solid var(--line); border-radius: 12px; padding: 0 1rem; }
.mr-faq summary { cursor: pointer; font-weight: 700; padding: .85rem 0; color: var(--ink); } .mr-faq details[open] summary { color: var(--rust-deep); }
.mr-faq p { margin: 0 0 .9rem; color: var(--muted); line-height: 1.6; }
.mr-ship-guar { display: flex; gap: .6rem; align-items: flex-start; background: var(--rust-soft); color: var(--rust-deep); border-radius: 10px; padding: .7rem .9rem; margin: 0 0 .7rem; font-size: .9rem; }
.mr-ship-guar svg { flex: none; margin-top: .1rem; } .mr-ship-guar p { margin: 0; }
.mr-ship-intro { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin: .4rem 0 1rem; }
.mr-ship-intro p { display: flex; gap: .6rem; margin: 0; background: var(--rust-soft); color: var(--rust-deep); border-radius: 12px; padding: .8rem 1rem; font-size: .92rem; } .mr-ship-intro svg { flex: none; margin-top: .1rem; }
.mr-ship-new { margin-bottom: 1.2rem; } .mr-ship-new > summary { display: inline-flex; gap: .4rem; align-items: center; }
.form .mr-row3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.mr-paid { background: #e3f4e8; color: #17552b; border-radius: 10px; padding: .7rem .9rem; display: flex !important; gap: .5rem; align-items: flex-start; }
.mr-ships { list-style: none; margin: .4rem 0 0; padding: 0; display: grid; gap: .7rem; }
.mr-ship-item { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .8rem; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: .9rem 1rem; }
.mr-ship-item .mr-small { margin: .2rem 0 0; } .mr-ship-item .mr-mine-act { flex-direction: row; flex-wrap: wrap; align-items: flex-start; }
.mr-sbadge-richiesta, .mr-sbadge-da_pagare { background: var(--sun-soft); color: #7a4b00; } .mr-sbadge-pagata { background: #e3f4e8; color: #17552b; } .mr-sbadge-prenotata, .mr-sbadge-ritirata { background: var(--sea-soft); color: var(--sea-deep); }
.mr-sbadge-consegnata { background: #e3f4e8; color: #17552b; } .mr-sbadge-annullata { background: #fde5e0; color: var(--coral-dark); }
.mr-pay { margin: .7rem 0 0; background: var(--sun-soft); border-radius: 10px; padding: .8rem 1rem; display: grid; gap: .5rem; justify-items: start; } .mr-pay p { margin: 0; } .mr-pay .alert { margin: 0; }
.mr-track { max-width: 720px; margin-top: 1.4rem; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 1rem 1.2rem; }
.mr-track .mr-dl { font-size: .95rem; margin-top: 0; }
@media (max-width: 980px) {
  .mr-flow { grid-template-columns: 1fr; gap: .7rem; }
  .mr-flow-step { display: grid; grid-template-columns: 2.6rem minmax(0, 1fr); column-gap: .9rem; padding: .9rem 1rem; }
  .mr-flow-dot { grid-row: span 3; margin: 0; }
  .mr-flow-step:not(:last-child)::after { top: auto; bottom: -.7rem; right: auto; left: calc(1rem + 1.3rem - 1px); width: 2px; height: .7rem; }
  .mr-flow-step:not(:last-child)::before { display: none; }
}
@media (max-width: 760px) { .mr-guar, .mr-ship-intro { grid-template-columns: 1fr; } .form .mr-row3 { grid-template-columns: 1fr 1fr; } }
/* the sales (24 Oct 2026, chat #649): delivery choice, live total, month box, the buyer's order and how to pay */
.mr-choice { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
.mr-choice label { display: flex; gap: .6rem; align-items: flex-start; border: 1px solid var(--line); border-radius: 12px; padding: .8rem 1rem; cursor: pointer; background: var(--paper); }
.mr-choice label:has(input:checked) { border-color: var(--rust); box-shadow: 0 0 0 1px var(--rust); }
.mr-choice input { margin-top: .25rem; } .mr-choice small { display: block; color: var(--muted, #6b6259); font-size: .85rem; margin-top: .15rem; }
.mr-sale-form:has(input[name=delivery][value=mano]:checked) .mr-only-ship { display: none; }
.mr-sale-form:has(input[name=delivery][value=corriere]:checked) .mr-only-hand { display: none !important; }
.mr-total { background: var(--sun-soft); border-radius: 10px; padding: .7rem .9rem; margin: .2rem 0 .4rem; font-size: .95rem; }
.mr-month { border: 1px solid var(--line); border-radius: 12px; padding: .8rem 1rem; margin: 0 0 1rem; background: var(--paper); }
.mr-month p { margin: 0; } .mr-month ul { margin: .4rem 0 0; padding-left: 1.1rem; }
.mr-note-warn { background: var(--sun-soft); color: inherit; }
.mr-money b { color: var(--rust-deep); }
.mr-order { width: 100%; border-collapse: collapse; margin: .3rem 0 0; font-size: .95rem; }
.mr-order td { padding: .35rem 0; border-bottom: 1px solid var(--line); } .mr-order td:last-child { text-align: right; white-space: nowrap; }
.mr-order tr.mr-order-tot td { border-bottom: 0; font-weight: 700; font-size: 1.05rem; }
.mr-howpay { list-style: none; padding: 0; margin: .4rem 0 0; display: grid; gap: .5rem; }
.mr-howpay li { background: var(--rust-soft); border-radius: 10px; padding: .6rem .9rem; } .mr-howpay span { display: block; font-size: .9rem; word-break: break-word; }
.mr-track h2 { font-size: 1.1rem; margin: 1.1rem 0 .2rem; } .mr-track h2:first-child { margin-top: 0; }
@media (max-width: 760px) { .mr-choice { grid-template-columns: 1fr; } }
/* what selling costs, /made-in-romagna/costi (24 Oct 2026, chat #649): the calculator, the examples, the steps */
.mr-feecalc { display: grid; gap: .4rem; max-width: 520px; margin: 0 0 1.2rem; }
.mr-feecalc label { font-weight: 700; }
.mr-feecalc input { font: inherit; font-size: 1.1rem; padding: .65rem .85rem; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); }
.mr-feecalc input:focus { outline: 2px solid var(--rust); outline-offset: 1px; }
.mr-fee-table { min-width: 520px; } .mr-fee-table td, .mr-fee-table th { white-space: nowrap; }
.mr-fee-ex { align-items: start; }
.mr-steps { margin: .4rem 0 0; padding-left: 1.3rem; display: grid; gap: .6rem; } .mr-steps li { line-height: 1.55; } .mr-steps li::marker { color: var(--rust); font-weight: 700; }
.mr-steps-wide { max-width: 820px; }