/* Approved mobile layout round — desktop geometry stays in styles.css. */
.category-unit{display:contents}
.category-intro{display:none}
@media(max-width:760px){
 /* Retain product scale and crop only the empty upper background. */
 .full-bleed .hero-slide{height:calc(200vw - 59px);min-height:671px}
 .full-bleed .hero-slide .actions{display:none}
 .full-bleed .panorama{overflow:hidden}
 .full-bleed .panorama img{position:absolute;bottom:0;left:0;width:100%;height:calc(100% + 110px);max-height:none;object-fit:cover}
 .hero-mobile-next{top:53%}
 /* Mission: original portrait, a quieter label at the shoulder and final highlight. */
 .full-mission .mission-copy .eyebrow{text-align:center;font-size:13px;line-height:1.5;letter-spacing:1.3px;max-width:330px;margin:0 auto 24px}
 .full-mission .mission-highlight{display:none}
 .full-mission .mission-inner{padding-bottom:460px;min-height:1140px}
 .full-mission .mission-panorama{overflow:hidden}
 .full-mission .mission-panorama img{position:absolute;left:0;bottom:0;width:100%;height:calc(100% + 85px);max-height:none;object-fit:cover}
 .full-mission .luci-caption{left:20px;right:auto;bottom:215px;width:165px;text-align:left;padding:12px 14px;background:#fff9eae8;z-index:3}
 .full-mission .luci-caption strong{font-size:22px}
 .full-mission .luci-caption span{font-size:10px;line-height:1.5;margin-top:6px}
 .mission-highlight-mobile{display:block;position:absolute;left:20px;right:20px;bottom:28px;padding:14px 18px;border:1px solid #dbcf8a;border-radius:18px;background:#f4e7a8f5;color:#284b32;font:italic 18px/1.4 Georgia;text-align:center;z-index:3}
 /* Christmas gallery. */
 .season-heading h2{font-size:clamp(26px,8vw,40px);letter-spacing:-1px;white-space:nowrap}
 .gallery-controls{gap:16px}
 .gallery-controls button,.occasion-arrows button{border:0;border-radius:0;background:transparent;box-shadow:none;font-size:0;width:44px;height:44px;display:grid;place-items:center}
 .gallery-controls button:before,.occasion-arrows button:before,.category-step:before{content:'';width:13px;height:13px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
 #gift-prev:before,#occasion-prev:before,.category-step[data-step="-1"]:before{transform:rotate(-135deg)}
 .gallery-controls button:hover,.occasion-arrows button:hover{background:transparent;color:#994b30}
 .gallery-foot{display:block;text-align:center;line-height:1.6}
 .gift-foot-intro,.gift-foot-detail{display:block;max-width:none!important}
 .gift-foot-intro{font-size:11px!important;margin-bottom:5px}
 .gift-foot-detail{font-size:10px!important}
 /* Personal memory: title, picture, copy, CTA. */
 #personalize .personal-story{display:flex;flex-direction:column;gap:18px}
 #personalize .personal-story-copy{display:contents}
 #personalize .personal-story h2{order:0}
 #personalize .personal-story-art{order:1;width:100%;max-width:400px;align-self:center}
 #personalize .personal-story-copy>p{order:2;margin:0;font-size:12px;line-height:1.8}
 #personalize .personal-story-copy>.button{order:3;align-self:flex-start;margin-top:4px}
 .moment-suggestions{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px}
 .moment-suggestions button{grid-column:span 3;font-size:9px;padding:8px 4px;min-height:44px;line-height:1.35;white-space:normal}
 .moment-suggestions button:nth-child(n+5){grid-column:span 4}
 .moment-suggestions button>span{display:none}
 /* Product types and occasions. */
 #possibilidades>.eyebrow,.church-heading .eyebrow,#depoimentos>.wrap>.eyebrow{font-size:13px;letter-spacing:1.6px;line-height:1.5}
 .category-copy{position:static}
 .type-grid.category-grid{row-gap:22px}
 .category-unit{display:flex;flex-direction:column;min-width:0}
 .category-intro{display:flex;align-items:flex-end;min-height:36px;margin:0 0 9px;font:400 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;color:var(--ink);text-align:left}
 .category-unit .category-card{width:100%;flex-shrink:0}
 .category-copy small{display:none}
 .category-copy strong{position:absolute;left:10px;bottom:48px;margin:0;max-width:calc(100% - 18px)}
 .category-copy .category-caption{position:absolute;left:11px;right:9px;bottom:43px;margin:0;font-size:7px;line-height:1.2}
 .category-copy .category-caption:not(:empty)~b{display:none}
 .category-card:has(.category-caption:not(:empty)) .category-copy strong{bottom:64px}
 .category-dots{bottom:2px;gap:14px}
 .category-step{font-size:0!important;display:grid;place-items:center}
 .occasion-head{padding-right:0;text-align:center}
 .occasion-head h3{font-size:26px}
 .occasion-carousel{padding-bottom:56px}
 .occasion-arrows{top:auto;bottom:0;left:0;right:0;justify-content:center;gap:20px}
 .occasion-grid.occasion-circles{margin-top:20px}
 /* Community: CTA and products before explanatory copy. */
 .church-section>.wrap{display:flex;flex-direction:column}
 .church-heading,.church-heading>div{display:contents}
 .church-heading .eyebrow{order:0;margin-bottom:24px}
 .church-heading h2{order:1}
 .church-heading .button{order:2;align-self:flex-start;margin-top:24px}
 .church-products{order:3;margin:28px 0 25px}
 .church-heading>div>p:not(.eyebrow){order:4;margin:0 0 14px;font-size:12px;line-height:1.8}
 .church-requests{order:5;margin-top:16px}
 .church-request-title{max-width:300px;margin:0 auto 22px;font-size:27px;line-height:1.15}
 .church-request-title .mobile-line{display:block}
 .church-requests>div{grid-auto-rows:1fr;align-items:stretch}
 .church-requests button{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:64px;padding:10px 12px;font-size:11px;line-height:1.4;text-align:left}
 .church-requests button .request-arrow{flex:0 0 12px;align-self:center}
 /* Reviews: compact, truthful Google presentation. */
 #depoimentos .section-heading h2{font-size:clamp(25px,8.2vw,40px);letter-spacing:-.8px;line-height:1.15;white-space:nowrap}
 .google-block{padding:25px 18px;gap:22px;margin-top:28px}
 .google-intro{width:100%}
 .google-brand-logo{margin-bottom:10px}
 .google-stars{width:160px;margin:0 auto;color:#b78531;font:30px/1.2 Arial;letter-spacing:4px;text-align:center;white-space:nowrap}
 .review-actions{margin-top:18px;gap:8px}
 .review-actions a{font-size:10px;padding:11px 12px}
 .google-review-cards{gap:13px}
 .google-source-note{text-align:center;grid-column:1/-1;font-size:10px;color:#63705b;margin:0}
 /* Acervo: two readable title lines and a proper CTA button. */
 #criacoes .section-heading h2{font-size:clamp(28px,8.2vw,40px);letter-spacing:-1px;line-height:1.15;white-space:nowrap}
 .acervo-cta{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 20px;border:0;border-radius:28px;color:#fff;background:#214d38;text-align:center}
 .acervo-cta:hover{background:#163b29}
 /* The face remains visible beside the heading, with compact steps below. */
 #como{padding-top:48px;padding-bottom:48px;background:#eee6d8}
 #como .process-background{height:490px;bottom:auto}
 #como .process-background img{height:100%;width:100%;object-fit:cover;object-position:82% top}
 #como:before{background:linear-gradient(90deg,#faf4e8e8 0%,#faf4e8bd 35%,#faf4e833 65%),linear-gradient(0deg,#eee6d8 0%,transparent 75%)}
 #como>.wrap>.eyebrow{max-width:180px;position:relative;z-index:1;font-size:10px;line-height:1.5}
 #como .section-heading{display:block;min-height:245px;margin-bottom:18px;position:relative;z-index:1}
 #como .section-heading h2{font-size:32px;max-width:180px;line-height:1.05;letter-spacing:-1px}
 #como .section-heading>p{font-size:11px;max-width:160px;margin-top:16px}
 #como .steps{display:grid;grid-template-columns:1fr;gap:10px;margin-top:0;width:100%;position:relative;z-index:1}
 #como .steps .process-step{display:grid;grid-template-columns:40px 1fr;gap:9px 12px;padding:15px;background:#fffaf0f2;border:1px solid #d5c6ae;border-radius:12px}
 #como .step-icon{width:40px;height:40px;margin:0;grid-row:1;grid-column:1;align-self:center}
 #como .step-icon svg{width:28px;height:28px}
 #como .step-number{display:none}
 #como .steps .process-step>h3{grid-row:1;grid-column:2;align-self:center;font-size:23px;line-height:1.03;margin:0}
 #como .steps .process-step>p{grid-column:1/-1;font-size:12px;line-height:1.6;margin:0;max-width:none}
 /* Instagram edge mark uses the same architecture as the approved reference. */
 #instagram>.wrap>.section-heading{display:block;margin-bottom:55px}
 #instagram>.wrap>.section-heading>div{margin:0}
 #instagram>.wrap>.section-heading>p{font:clamp(12px,3.8vw,18px)/1.5 Georgia;max-width:none;margin:0}
 #instagram>.wrap>.section-heading>p>span{display:block}
 #instagram>.wrap>.section-heading>p>span:first-child{white-space:nowrap;letter-spacing:-.15px}
 .ig-profile{position:relative;overflow:visible}
 .ig-brandbar{display:grid;place-items:center;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;border:5px solid #f8f3e9;border-radius:19px;background:linear-gradient(135deg,#ae7b4c,#784627);box-shadow:0 12px 25px #593e2020;z-index:2}
 .ig-brandbar svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:1.8}
 .ig-brandbar svg circle:last-child{fill:#fff;stroke:none}
 .ig-brandbar>span{display:none}
 .ig-profile-top{padding-top:45px;border-radius:18px 18px 0 0}
 .ig-bottom{text-align:center;padding:18px}
 .ig-bottom>a{display:inline-flex;justify-content:center;align-items:center;margin:14px auto 0;padding:12px 22px;border-radius:28px;background:#214d38;color:#fff9ec;font-size:10px;min-height:44px}
 /* Compact brand-brown footer. */
 footer{background:var(--cream);color:var(--ink)}
 .footer-main{padding-block:28px;gap:18px}
 .footer-tagline,.footer-tagline>span{font:20px/1.4 Georgia}
 .footer-tagline em{font-size:20px;color:var(--terra)}
 .footer-logo{background:transparent;border-radius:0}
 .footer-main nav{gap:8px 18px}
 .footer-main nav a,.footer-main nav button{min-height:44px;display:inline-flex;align-items:center}
 .credit{width:100%;max-width:none;margin-inline:0;padding:18px 20px 28px;border-top:0;justify-content:center;background:#824329;color:#fff5e6}
 .credit>a{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:5px 12px;text-align:center}
 .credit>a>span:last-child{display:block;grid-column:1/-1;font-size:10px}
 .credit img{background:#fff9ef;padding:4px;border-radius:4px}
}