/* Shared mobile width baseline; desktop rules are untouched. */
@media(max-width:740px) {
 body {min-width:0}
 main,.site-header,footer {width:100%;max-width:100%;min-width:0}
 main>section,main>section>div {min-width:0}
 .site-header {grid-template-columns:minmax(0,1fr)}
 .site-header .brand {width:100%;max-width:100%;justify-self:center;grid-column:1/-1}
 .site-header .brand .brand-art {width:100%;max-width:100%;height:auto;margin-inline:auto}
 .site-header nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0;gap:6px}
 .site-header nav a {min-width:0;padding:8px 5px;font-size:14px;white-space:normal;overflow-wrap:break-word}
 .site-header .business-contact {min-width:0;max-width:100%}
 .home-hero {grid-template-columns:minmax(0,1fr)}
 .home-hero .hero-copy {min-width:0;width:100%;max-width:100%}
 .home-hero .hero-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:100%;min-width:0}
 .home-hero .hero-actions>a {min-width:0;white-space:normal}
 .home-hero .family-portrait {max-width:100%}
 .shop-piece-footer {flex-wrap:wrap}
 .shop-piece-tags {flex-wrap:wrap;max-width:100%}
 .africa-layout .piece-detail-actions>.button {max-width:100%;white-space:normal;min-width:0}
 .contact-option a[href^="mailto:"] {overflow-wrap:anywhere}
 footer nav {min-width:0;width:100%;flex-wrap:wrap;justify-content:center}
}

.mobile-menu-toggle,.site-header .mobile-menu-panel {display:none}
@media(max-width:740px) {
 .site-header.has-mobile-menu {position:sticky;top:0;grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 16px}
 .site-header.has-mobile-menu>.brand {width:100%;max-width:100%;grid-column:1/-1}
 .site-header.has-mobile-menu>nav:not(.mobile-menu-panel),.site-header.has-mobile-menu>.business-contact {display:none}
 .site-header .mobile-menu-toggle {display:inline-flex;align-items:center;justify-content:center;gap:8px;justify-self:start;min-height:36px;padding:6px 12px;border:1px solid var(--charcoal);border-radius:12px;background:var(--charcoal);color:#fff3df;font-size:15px;line-height:1.3}
 .site-header .mobile-menu-panel:not([hidden]) {display:flex;flex-direction:column;position:absolute;top:calc(100% + 6px);left:16px;right:16px;width:auto;gap:8px;padding:12px;background:#e7d7bf;border:1px solid #b7a080;border-radius:16px;box-shadow:0 6px 20px #3333;max-height:calc(100svh - 140px);overflow-y:auto}
 .site-header .mobile-menu-panel a {width:100%;min-height:44px;font-size:16px;justify-content:center;white-space:normal}
 .site-header .mobile-menu-panel .business-contact {display:flex;background:#12804f;color:white}
 .site-header .mobile-menu-panel[hidden] {display:none}
}

/* Single-line mobile header: compact menu icon beside the brand. */
@media(max-width:740px) {
 .site-header.has-mobile-menu {grid-template-columns:34px minmax(0,1fr);padding:10px;gap:8px}
 .site-header.has-mobile-menu>.brand {grid-column:2;grid-row:1;width:100%;justify-self:center}
 .site-header.has-mobile-menu>.mobile-menu-toggle {grid-column:1;grid-row:1;width:34px;height:40px;min-height:40px;padding:6px;border-radius:11px;gap:0}
 .mobile-menu-toggle>span {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .site-header .mobile-menu-panel:not([hidden]) {left:10px;right:10px}
}

/* Mobile: unboxed menu, edge-to-edge dropdown and photo-led welcome. */
@media(max-width:740px) {
 .site-header.has-mobile-menu {grid-template-columns:30px minmax(0,1fr);gap:3px;padding:9px 7px 9px 2px}
 .site-header.has-mobile-menu>.mobile-menu-toggle {width:30px;min-height:40px;height:40px;padding:4px;background:transparent;color:var(--charcoal);border:0;box-shadow:none;border-radius:0}
 .site-header .mobile-menu-toggle svg {width:22px;height:22px}
 .site-header.has-mobile-menu>.mobile-menu-toggle:hover {background:transparent;color:var(--charcoal)}
 .site-header .mobile-menu-panel:not([hidden]) {top:100%;left:0;right:0;margin:0;padding:14px 16px 18px;background:#e7d7bf;border:0;border-radius:0 0 16px 16px;box-shadow:0 10px 16px -8px #3335}
 body:has(.home-hero) main>.home-hero {display:flex;flex-direction:column;gap:0;padding:0 0 36px;min-height:0}
 .home-hero .family-portrait {order:-1;position:relative;inset:auto;width:100%;height:auto;margin:0;overflow:hidden}
 .home-hero .family-portrait img {position:static;width:100%;max-width:100%;height:auto;border:0;border-radius:0;object-fit:contain;transform:none;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 72%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 72%,transparent 100%)}
 .home-hero .hero-copy {width:100%;padding:26px 20px 0;align-self:stretch;transform:none}
 .home-hero .hero-copy>h1 {top:0;margin-top:0}
}

/* Compact opening screen for phone portrait, reviewed at390x844. */
@media(max-width:740px) {
 .home-hero .family-portrait {height:clamp(240px,34svh,300px);flex:none;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 72%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 72%,transparent 100%)}
 .home-hero .family-portrait img {width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:translateY(-8px) scale(1.12);transform-origin:center center;-webkit-mask-image:none;mask-image:none}
 .home-hero .hero-copy {position:relative;margin-top:-12px;padding:0 20px}
 .home-hero .hero-copy>h1 {font-size:38px;line-height:1.1;margin-bottom:18px}
 .home-hero .hero-copy>h1::after {margin-top:16px}
 .home-hero .hero-copy>p {font-size:18px;line-height:1.45;margin-bottom:0}
 .home-hero .hero-copy .hero-actions {margin-top:22px;gap:8px}
 body:has(.home-hero) main>.home-hero {padding-bottom:24px}
}

/* Mobile reading alignment and clearer dropdown separation. */
@media(max-width:740px) {
 .site-header .mobile-menu-panel:not([hidden]) {padding-top:24px;border-top:1px solid #b7a080}
 main :is(h1,h2,h3,p) {text-align:center}
 .home-hero .hero-copy>h1::after,.home-story>div>h2::after {margin-inline:auto}
 body:has(.home-hero) main>.home-story {grid-template-columns:minmax(0,1fr);gap:24px}
 .home-story>div {min-width:0;width:100%;transform:none}
 .home-story>div>h2 {font-size:clamp(22px,6.4vw,25px);line-height:1.2;top:0;margin-bottom:24px;letter-spacing:-.4px}
 .home-story>div>h2 span {white-space:nowrap}
 .home-story>div>p {font-size:18px;line-height:1.45}
 .home-story .story-actions {display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
 .home-featured .section-heading {justify-content:center;text-align:center}
 .home-featured .section-heading>h2 {font-size:clamp(25px,7vw,30px);line-height:1.2}
 .home-featured .section-heading>h2::after {margin-inline:auto}
 .home-featured .section-heading>.button {margin-inline:auto}
}

@media(max-width:740px) {
 .home-story .story-map {width:100%;max-width:100%;min-width:0;margin:0;transform:none;justify-self:center;display:flex;justify-content:center;align-items:center}
 .home-story .story-map img {width:90%;max-width:252px;height:auto;flex:none;margin-inline:auto;transform:none}
}

/* Small mobile refinements after phone review. */
@media(max-width:740px) {
 .home-hero .hero-copy {margin-top:0}
 .home-hero .family-portrait {-webkit-mask-image:linear-gradient(to bottom,black 0%,black 78%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 78%,transparent 100%)}
 .home-story .story-map img {width:94%;max-width:266px}
 .home-story>div>h2 {font-size:clamp(23px,6.65vw,26px)}
}

/* Mobile paired story links and single-line featured title. */
@media(max-width:740px) {
 .home-story .story-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
 .home-story .story-actions>a {min-width:0;width:100%;padding:9px 8px;font-size:14px;line-height:1.3;white-space:normal;min-height:48px}
 .home-story .story-actions>a[href="/social-media"] {grid-column:1;grid-row:1}
 .home-story .story-actions>a[href="/our-story"] {grid-column:2;grid-row:1}
 .home-featured .section-heading {display:flex;flex-direction:column;align-items:center;gap:18px}
 .home-featured .section-heading>h2 {font-size:clamp(18px,5.55vw,24px);white-space:nowrap;letter-spacing:-.4px;line-height:1.2}
 .home-featured .section-heading>.button {width:auto;max-width:100%;font-size:15px;min-height:42px;padding:8px 14px;margin:0 auto}
}

/* Mobile products opening: photo first, compact reading and actions. */
@media(max-width:740px) {
 .catalog-page main {padding-inline:0}
 .catalog-page main>.shop-intro {width:100%;padding:0 0 28px;min-height:0}
 .catalog-page .shop-intro-wrap {width:100%;margin:0}
 .catalog-page .shop-intro-layout {display:flex;flex-direction:column;gap:0;align-items:stretch}
 .catalog-page .shop-welcome-photo {order:-1;width:100%;height:clamp(220px,30svh,270px);margin:0;border:0;border-radius:0;box-shadow:none;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 78%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 78%,transparent 100%)}
 .catalog-page .shop-welcome-photo img {width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center 45%}
 .catalog-page .shop-intro-copy {padding:0 20px;min-width:0;width:100%;margin-top:0}
 .catalog-page main .shop-intro h1 {font-size:36px;line-height:1.15;top:0;margin:0 0 16px;text-align:center}
 .catalog-page main .shop-intro h1::after {margin:14px auto 0;height:4px}
 .catalog-page main .shop-intro-copy>p {font-size:18px;line-height:1.45;max-width:none;margin:0 0 20px;text-align:center}
 .catalog-page .shop-intro-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:0}
 .catalog-page .shop-intro-actions>.button {min-width:0;width:100%;font-size:15px;padding:9px 8px;white-space:normal}
 .catalog-page .shop-intro-actions>.shop-etsy-button {grid-column:1;grid-row:1}
 .catalog-page .shop-intro-actions>.whatsapp-action {grid-column:2;grid-row:1}
 .catalog-page .shop-intro-actions>.shop-browse-button {grid-column:1/-1;grid-row:2}
 .catalog-page .shop-offerings {width:calc(100% - 40px);margin:32px auto 0}
 .catalog-page main>.shop-catalog {width:100%;padding-inline:20px}
}

/* Mobile homepage featured transition; first two dividers stay unchanged. */
@media(max-width:740px) {
 body:has(.home-hero) main>.home-featured {padding-top:64px}
 .home-featured .section-heading {width:100%;gap:0;top:0;margin-bottom:32px}
 .home-featured .section-heading>.button {display:none}
 .home-featured .section-heading>h2 {width:100%;font-size:clamp(20px,6.1vw,26px);line-height:1.2;letter-spacing:-.5px;white-space:nowrap}
 .home-featured .section-heading>h2::after {width:100%;max-width:none;margin:20px auto 0}
}

/* Override the more-specific desktop frame rules on phones. */
@media(max-width:740px) {
 body.catalog-page .shop-intro .shop-welcome-photo {border:0;border-radius:0;box-shadow:none;outline:0;background:transparent;padding:0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 78%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 78%,transparent 100%)}
 body.catalog-page .shop-intro .shop-welcome-photo img {display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center 45%;border:0;border-radius:0;box-shadow:none}
}

/* Keep the mobile product button footprint, with a clearer centered icon. */
@media(max-width:740px) {
 body.catalog-page .shop-intro-actions>.whatsapp-action {display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;justify-items:center;gap:6px}
 body.catalog-page .shop-intro-actions>.whatsapp-action>svg {width:28px;height:28px;min-width:28px;flex:none;display:block;align-self:center;justify-self:center}
 body.catalog-page .shop-intro-actions>.whatsapp-action>span {min-width:0;text-align:center;align-self:center}
}

/* Uniform compact mobile catalog tags and detail links. */
@media(max-width:740px) {
 body .shop-piece .shop-piece-footer {display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:6px;width:100%}
 body .shop-piece .shop-piece-footer .shop-piece-tags {display:flex;flex:1 1 auto;min-width:0;flex-wrap:nowrap;gap:3px;overflow:visible;scrollbar-width:none}
 body .shop-piece .shop-piece-footer .shop-piece-tag {flex:none;white-space:nowrap;font-size:10px;line-height:1.3;padding:3px 4px}
 body .shop-piece .shop-piece-footer .shop-piece-link {flex:0 0 auto;min-height:38px;font-size:13px;line-height:1.3;padding:8px;white-space:nowrap;margin:0}
}

/* Mobile products: centered offerings and consistent action hierarchy. */
@media(max-width:740px) {
 body.catalog-page main .shop-offerings h2 {text-align:center;justify-self:center;width:100%}
 body.product-page main .africa-layout .piece-information h1 {font-size:clamp(23px,6.6vw,28px);line-height:1.2;letter-spacing:-.5px;overflow-wrap:normal}
 body.product-page .africa-layout .piece-detail-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
 body.product-page .africa-layout .piece-detail-actions>.piece-whatsapp {grid-column:1/-1;grid-row:1}
 body.product-page .africa-layout .piece-detail-actions>.piece-back {grid-column:1;grid-row:2}
 body.product-page .africa-layout .piece-detail-actions>a:not(.piece-back):not(.piece-whatsapp) {grid-column:2;grid-row:2}
 body.product-page .africa-layout .piece-detail-actions>.button {width:100%;min-width:0;padding:10px 8px;font-size:15px;white-space:normal;min-height:44px}
 body.product-page .africa-layout .piece-detail-actions:not(:has(a[target="_blank"]))>.piece-back {grid-column:1/-1}
}

@media(max-width:740px) {
 body.product-page main .africa-layout .piece-information h1 {white-space:nowrap}
}

/* Mobile product areas: gradual translucent charcoal separation. */
@media(max-width:740px) {
 body:has(.home-hero) main>.home-featured,
 body.catalog-page main>.shop-catalog {position:relative;isolation:isolate}
 body:has(.home-hero) main>.home-featured::before,
 body.catalog-page main>.shop-catalog::before {
  content:"";position:absolute;z-index:-1;pointer-events:none;
  top:0;bottom:0;left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2);
  background:linear-gradient(to bottom,rgba(51,51,51,0),rgba(51,51,51,.16) 110px,rgba(51,51,51,.16));
 }
 body.catalog-page main>.shop-catalog {padding-top:48px}
}

/* Phone story spacing and short transition into dark product areas. */
@media(max-width:740px) {
 .family-page :is(.story-meeting,.story-early,.story-kentucky) .story-spread {row-gap:24px}
 .family-page :is(.story-online,.story-business) .family-story-copy>.button {display:flex;width:max-content;max-width:100%;margin-inline:auto}
 body:has(.home-hero) main>.home-featured::before,
 body.catalog-page main>.shop-catalog::before {
  top:-28px;
  background:linear-gradient(to bottom,rgba(51,51,51,0) 0px,#333333 28px,#333333 100%);
 }
 .home-featured .section-heading>h2 {color:#fff3df}
 .home-featured .section-heading>h2::after {background:#fff3df}
}

/* Softer textured charcoal, transitioning within the gap before products. */
@media(max-width:740px) {
 body:has(.home-hero) main>.home-featured::before,
 body.catalog-page main>.shop-catalog::before {
  top:0;
  background:linear-gradient(to bottom,rgba(51,51,51,0) 0px,rgba(51,51,51,.82) 56px,rgba(51,51,51,.82) 100%);
 }
 body.catalog-page main>.shop-catalog {margin-top:20px;padding-top:64px}
}

/* Darker neutral charcoal with a shorter blend through the warm base. */
@media(max-width:740px) {
 body:has(.home-hero) main>.home-featured::before,
 body.catalog-page main>.shop-catalog::before {
  background:linear-gradient(to bottom,rgba(35,38,40,0) 0px,rgba(35,38,40,.92) 30px,rgba(35,38,40,.92) 100%);
 }
}

/* Restore the original mud-cloth background on both mobile product sections. */
@media(max-width:740px) {
 body:has(.home-hero) main>.home-featured::before,
 body.catalog-page main>.shop-catalog::before {content:none;display:none}
 .home-featured .section-heading>h2 {color:var(--brick)}
 .home-featured .section-heading>h2::after {background:var(--charcoal)}
}

/* Compact mobile footer: one row of underlined text links. */
@media(max-width:740px) {
 body footer {padding:18px 10px;display:block}
 body footer nav {display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:12px;width:100%;min-width:0}
 body footer nav a {display:inline;flex:0 0 auto;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--charcoal);font-size:clamp(10px,3vw,12px);line-height:1.5;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
 body footer nav a:hover,body footer nav a:focus-visible {background:transparent;color:var(--brick)}
}

/* Mobile contact: compact business panel, email before Etsy. */
@media(max-width:740px) {
 body.contact-page .contact-business-panel>.contact-whatsapp-mark {display:none}
 body.contact-page .contact-business-panel {padding:20px;gap:16px}
 body.contact-page .contact-other-options {display:flex;flex-direction:column}
 body.contact-page .contact-other-options>.contact-email {order:0}
 body.contact-page .contact-other-options>.contact-etsy {order:1}
}

/* Override shared button selectors specifically for phone footer links. */
@media(max-width:740px) {
 body footer {box-sizing:border-box;padding:16px 8px;width:100%;min-width:0}
 body footer nav[aria-label="Footer"] {display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;max-width:100%;min-width:0;gap:6px}
 body footer nav[aria-label="Footer"]>a[href] {display:inline-block;flex:0 1 auto;min-width:0;min-height:0;width:auto;margin:0;padding:0;border:0;border-width:0;border-radius:0;box-shadow:none;background:none;color:var(--charcoal);font-family:var(--control);font-size:clamp(9px,2.8vw,11px);line-height:1.5;font-weight:600;letter-spacing:0;text-align:left;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
 body footer nav[aria-label="Footer"]>a[href]:hover {border:0;background:none;color:var(--brick)}
}

/* Equal footer link gaps, including the outside edges. */
@media(max-width:740px) {
 body footer {padding-inline:0}
 body footer nav[aria-label="Footer"] {justify-content:space-evenly;gap:0}
 body footer nav[aria-label="Footer"]>a[href] {flex:0 0 auto;font-size:clamp(9.5px,3vw,12px)}
}

/* Mobile social directory: concise heading and account groups. */
@media(max-width:740px) {
 body.social-page main .social-introduction h1 {font-size:clamp(22px,7vw,28px);line-height:1.2;letter-spacing:-.6px;white-space:nowrap;text-align:center}
 body.social-page main .account-description>p {display:none}
 body.social-page .account-intro {min-height:0}
}

/* Mobile social accounts: centered title, portrait beside compact buttons. */
@media(max-width:740px) {
 body.social-page .account-group {display:grid;grid-template-columns:minmax(0,1fr) 124px;grid-template-rows:auto auto;gap:14px 18px;align-items:center;padding-bottom:22px}
 body.social-page .account-intro,body.social-page .account-description {display:contents}
 body.social-page main .account-intro h2 {grid-column:1/-1;grid-row:1;text-align:center;font-size:27px;margin:0;width:100%}
 body.social-page .account-intro>.sketch-avatar,body.social-page .account-intro>.craft-avatar {grid-column:1;grid-row:2;justify-self:center;align-self:center}
 body.social-page .account-actions {grid-column:2;grid-row:2;width:124px;gap:6px;justify-self:center}
 body.social-page .account-actions .social-link {width:124px;min-height:37px;padding:6px 9px;font-size:15px;line-height:1.3;gap:8px}
 body.social-page .account-actions .social-link .platform-icon {width:21px;height:21px;flex:none}
 body.social-page main .story-invitation h2 {width:100%;font-size:clamp(24px,6.8vw,28px);line-height:1.2;white-space:normal;text-align:center}
 body.social-page main .story-invitation h2::after {content:"";display:block;width:130px;height:3px;background:var(--charcoal);border-radius:999px;margin:18px auto 0}
 body.social-page .story-invitation>.button {align-self:center;margin-inline:auto}
}

/* Mobile accounts: portrait left, title/copy right, platforms below. */
@media(max-width:740px) {
 body.social-page .account-group {display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:14px;align-items:start}
 body.social-page .account-intro {display:grid;grid-template-columns:120px minmax(0,1fr);grid-column:1;grid-row:1;gap:14px;align-items:start;width:100%;min-height:0}
 body.social-page .account-description {display:block;min-width:0;padding-top:0}
 body.social-page .account-intro>.sketch-avatar,body.social-page .account-intro>.craft-avatar {grid-column:1;grid-row:1;width:120px;height:120px;justify-self:center;align-self:start}
 body.social-page main .account-intro h2 {width:100%;font-size:25px;line-height:1.2;text-align:left;margin:0 0 8px}
 body.social-page main .account-description>p {display:block;font-size:15px;line-height:1.4;text-align:left;margin:0;max-width:none}
 body.social-page .account-actions {display:flex;flex-direction:row;grid-column:1;grid-row:2;gap:7px;width:100%;justify-self:stretch}
 body.social-page .account-actions .social-link {flex:1 1 0;width:auto;min-width:0;min-height:37px;font-size:14px;padding:7px 6px;gap:6px;justify-content:center}
 body.social-page .account-actions a[aria-label$="on TikTok"] {order:0}
 body.social-page .account-actions a[aria-label$="on Facebook"] {order:1}
 body.social-page .account-actions a[aria-label$="on YouTube"] {order:2}
}

/* Mobile social opening: heading only and inset separators. */
@media(max-width:740px) {
 body.social-page main .social-introduction>p {display:none}
 body.social-page main .social-introduction h1 {font-size:clamp(23px,7.35vw,30px);letter-spacing:-.6px;line-height:1.2;margin-bottom:0}
 body.social-page .social-divider {width:94%;margin:22px auto}
 body.social-page .account-group::after {left:3%;right:3%}
}

@media(max-width:740px) {
 body.social-page main .account-crafts .account-intro h2 {white-space:nowrap;font-size:clamp(15px,4.5vw,20px)}
}

/* Balanced mobile social headings. */
@media(max-width:740px) {
 body.social-page main .social-directory {padding-top:22px}
 body.social-page .social-divider {margin-top:22px}
 body.social-page .video-showcase {padding-top:0}
 body.social-page .video-showcase .showcase-heading {display:flex;align-items:center;justify-content:center;width:100%;padding:24px 0;margin:0;min-height:0}
 body.social-page main .showcase-heading h2 {font-size:clamp(14px,4.4vw,19px);line-height:1.25;letter-spacing:-.3px;text-align:center;white-space:nowrap;width:100%;margin:0}
}

@media(max-width:740px) {
 body.social-page .video-showcase .showcase-heading {padding:14px 0}
}

/* Match lower social-section dividers to the page's inset divider. */
@media(max-width:740px) {
 body.social-page main .story-invitation h2 {font-size:clamp(22px,6.2vw,26px);line-height:1.2;width:100%;text-align:center}
 body.social-page main .story-invitation h2::after {width:94%;max-width:none;height:3px;margin:18px auto 0}
}

@media(max-width:740px) {
 body.social-page .social-directory>.video-showcase {margin-top:32px}
}

@media(max-width:740px) {
 body.social-page main>.social-next-section {border-top:0;padding-top:34px}
}

/* Keep the WhatsApp business-only note compact on phones. */
@media(max-width:740px) {
 body.contact-page main .contact-business-actions>p {font-size:14px;line-height:1.45;text-align:center;margin:0}
 body.contact-page main .contact-business-actions>p strong {font-size:inherit;line-height:inherit}
 body.contact-page main .contact-business-actions>p br {display:none}
 body.contact-page main .contact-business-actions>p br::after {content:" "}
}

/* Mobile US order notice and shorter photo-first Products opening. */
@media(max-width:740px) {
 body.catalog-page .shop-intro .shop-welcome-photo {height:clamp(190px,25svh,225px)}
 body.catalog-page .shop-intro .shop-welcome-photo img {object-position:center bottom}
 body.catalog-page main .shop-intro-copy>.shop-us-order-note {display:block;width:100%;max-width:none;box-sizing:border-box;white-space:nowrap;text-align:center;font-size:clamp(9px,2.8vw,11px);line-height:1.3;padding:7px 6px;border:1px solid #b7a080;border-radius:12px;background:#f4ead8;margin:0 0 12px}
 body.catalog-page main .shop-intro-copy>.shop-us-order-note strong {font-size:inherit;line-height:inherit}
}

/* Mobile Contact: compact copy with a slim US-order note before WhatsApp. */
@media(max-width:740px) {
 body.contact-page .contact-business-panel {padding:14px 14px 20px;gap:18px}
 body.contact-page main .contact-business-copy h2 {margin-top:0;margin-bottom:10px}
 body.contact-page main .contact-business-copy #piece-context {margin:0;line-height:1.45}
 body.contact-page main .contact-business-copy>.contact-us-order-note {display:block;width:100%;max-width:none;box-sizing:border-box;white-space:nowrap;text-align:center;font-size:clamp(8px,2.55vw,10px);line-height:1.3;padding:7px 5px;margin:16px 0 0;border:1px solid #b7a080;border-radius:12px;background:#f4ead8}
 body.contact-page main .contact-business-copy>.contact-us-order-note strong {font-size:inherit;line-height:inherit}
}

/* Final mobile notice/intro spacing refinements. */
@media(max-width:740px) {
 body.contact-page main>.contact-hub {padding-top:18px}
 body.contact-page main .contact-page-intro h1::after {margin-top:18px}
 body.contact-page main .contact-business-copy>.contact-us-order-note {border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;width:100%;font-size:11px;line-height:1.4}
 body.catalog-page main .shop-intro-copy>.shop-us-order-note {height:30px;min-height:30px;padding:7px 2px;font-size:11.5px;line-height:14px}
 body.catalog-page .shop-intro .shop-welcome-photo {height:clamp(180px,23svh,210px)}
}

@media(max-width:740px) {
 body.catalog-page .shop-intro .shop-welcome-photo img {object-position:center 75%}
}

/* Slightly narrower paired product actions, clearer WhatsApp icon. */
@media(max-width:740px) {
 body.catalog-page .shop-intro-actions>.shop-etsy-button,
 body.catalog-page .shop-intro-actions>.whatsapp-action {width:95%;justify-self:center}
 body.catalog-page .shop-intro-actions>.whatsapp-action {grid-template-columns:32px minmax(0,1fr);gap:5px;padding-inline:7px}
 body.catalog-page .shop-intro-actions>.whatsapp-action>svg {width:32px;height:32px;min-width:32px;justify-self:center;align-self:center}
}

/* Hide only the phone page scrollbar; keep normal vertical scrolling. */
@media(max-width:740px) {
 html,body {scrollbar-width:none;-ms-overflow-style:none}
 html::-webkit-scrollbar,body::-webkit-scrollbar {display:none;width:0}
}

/* Fixed design canvas scales uniformly to the actual phone width. */
@media(max-width:740px) {
 body.mobile-fixed-canvas {width:390px;max-width:none;min-width:390px;margin:0;zoom:var(--mobile-page-scale,1)}
}