:root{--cream:#f7f5ee;--paper:#fffefa;--ink:#332d26;--muted:#746e63;--olive:#515d3e;--olive-dark:#3c472d;--brown:#855f42;--line:#dfded3;--yellow:#ffe600;--serif:'Playfair Display',Georgia,serif;--sans:'Plus Jakarta Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:155px}body{margin:0;background:var(--cream);color:var(--ink);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8b6438;outline-offset:5px}::selection{background:#dbdec9}.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;background:var(--paper);padding:12px;z-index:100}.skip-link:focus{top:12px}.announcement{background:var(--olive);color:#fffefa;font-size:11px;letter-spacing:.02em}.announcement .container{height:36px;display:flex;align-items:center;justify-content:space-between}.announcement span{display:flex;align-items:center;gap:7px}.announcement .icon{width:15px;height:15px}.announcement a{display:flex;gap:12px}.main-header{position:sticky;top:0;z-index:20;background:rgba(247,245,238,.97);backdrop-filter:blur(14px)}.header-row{height:100px;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand{display:inline-flex;align-items:center;gap:13px;white-space:nowrap}.brand-monogram{font:italic 48px/1 var(--serif);border:1px solid #a3987b;border-radius:50%;width:58px;height:58px;text-align:center;color:var(--olive);padding-top:0}.brand-name{font:28px/1.1 var(--serif);letter-spacing:-1px}.brand-name b{font-weight:700}.brand-name small{display:block;font:8px/1 var(--sans);letter-spacing:2px;margin-top:10px}.search-box{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;max-width:440px;flex:1;background:#efeee6;padding-left:17px;color:var(--muted)}.search-box>.icon{width:18px}.search-box input{min-width:0;width:100%;border:0;background:transparent;padding:13px 12px;font-size:12px;color:var(--ink)}.search-box:focus-within{border-color:var(--olive)}.search-box input:focus{outline:0}.search-submit{background:transparent;display:flex;padding:12px}.store-link{display:flex;align-items:center;gap:12px;font-size:10px;line-height:1.5}.store-link>.icon{width:32px;height:32px}.store-link strong{display:block;font-size:13px;font-weight:600}.category-nav{border-block:1px solid var(--line)}.category-nav .container{height:45px;display:flex;align-items:center;gap:35px}.category-nav a{font-size:11px;white-space:nowrap}.category-nav a:hover{color:var(--olive);text-decoration:underline;text-underline-offset:5px}.category-nav .nav-about{margin-left:auto;color:var(--muted)}.nav-about span{margin-left:18px}.hero-section{overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.35fr minmax(280px,380px);gap:48px;align-items:center;padding-block:44px 50px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--olive);line-height:1.6}.hero-copy>.eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:24px}.eyebrow>span{width:7px;height:7px;background:var(--olive);border-radius:50%}h1{font:500 clamp(40px,4.4vw,64px)/1.1 var(--serif);letter-spacing:-2.6px}h1 em{font-weight:500;color:var(--olive)}.hero-description{font-size:13px;line-height:1.9;color:var(--muted);max-width:360px;margin:26px 0 29px}.btn{min-height:47px;padding:13px 23px;display:inline-flex;gap:25px;align-items:center;justify-content:center;border-radius:4px;font-size:11px;font-weight:600;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--olive);color:white}.btn-primary:hover{background:var(--olive-dark)}.btn .icon{width:18px;height:18px}.hero-footnote{margin-top:30px;display:flex;gap:12px;align-items:center;font-size:10px;line-height:1.8;color:var(--muted)}.hero-footnote strong{font-weight:500;color:var(--ink)}.mini-star{font-size:33px;color:#9a8965}.hero-art{position:relative;width:100%;max-width:380px;max-height:360px;aspect-ratio:1.05;border-radius:80px 8px 8px 8px;isolation:isolate;justify-self:end;margin-left:auto}.hero-art>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.hero-seal{position:absolute;right:-6px;top:16px;width:76px;height:76px;border-radius:50%;background:var(--paper);color:var(--olive);display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--line);outline:5px solid rgba(255,254,250,.4);font-size:7px;letter-spacing:1px;transform:rotate(8deg)}.hero-seal span{font:italic 13px var(--serif);letter-spacing:0;margin-block:1px 4px}.hero-seal .icon{width:13px;height:13px}.hero-art figcaption{position:absolute;bottom:14px;left:18px;right:18px;color:#fff;font:italic 16px var(--serif);text-shadow:0 1px 7px #000}.hero-art figcaption small{display:block;font:8px var(--sans);margin-top:4px}.hero-art:after{content:'';position:absolute;z-index:-0;pointer-events:none;inset:70% 0 0;border-radius:0 0 8px 8px;background:linear-gradient(transparent,rgba(45,34,18,.35))}.hero-art figcaption{z-index:1}.benefits{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding-block:23px;gap:20px}.benefits>div{display:flex;gap:13px;align-items:center}.benefits>div+div{border-left:1px solid var(--line);padding-left:22px}.benefits .icon{color:var(--olive);width:25px;height:25px}.benefits strong{display:block;font-size:10px;font-weight:600}.benefits p span{display:block;font-size:9px;color:var(--muted);margin-top:3px}.collections{padding-block:66px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:27px}.section-heading .eyebrow{margin-bottom:9px}h2{font:500 33px/1.25 var(--serif);letter-spacing:-.8px}.section-aside{font-size:10px;color:var(--muted);padding-bottom:5px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collection{position:relative;display:flex;gap:20px;align-items:center;padding:28px 24px;background:#e9ebdf;border:1px solid transparent;border-radius:5px;transition:transform .2s,border-color .2s}.collection:hover{transform:translateY(-3px);border-color:#b1b5a0}.collection.celebration{background:#f0e5d9}.collection.gifts{background:#eae7de}.collection-icon{display:flex;align-items:center;justify-content:center;width:48px;height:60px;flex-shrink:0;color:var(--olive)}.collection-icon .icon{width:38px;height:38px;stroke-width:1}.celebration .collection-icon{color:#91613f}.collection small{font-size:7px;letter-spacing:1.05px;font-weight:600}.collection h3{font:500 25px var(--serif);margin-block:5px 7px;letter-spacing:-.5px}.collection p{font-size:10px;color:var(--muted)}.collection-arrow{position:absolute;right:14px;top:14px;width:15px;height:15px}.catalog-section{padding-block:58px 48px;background:var(--paper);border-block:1px solid var(--line)}.catalog-intro{font-size:11px;color:var(--muted);line-height:1.9}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:10px 19px;border-bottom:1px solid var(--line)}.category-filters{display:flex;gap:7px}.filter-btn{padding:10px 16px;border:1px solid var(--line);border-radius:4px;background:transparent;font-size:10px;white-space:nowrap;min-height:39px;transition:background .2s}.filter-btn.active{background:var(--olive);color:white;border-color:var(--olive)}.filter-btn:hover:not(.active){background:#efeee6}.filter-btn span{font-size:9px;margin-left:6px;opacity:.75}.sort-control select{background:transparent;border:0;padding:10px 20px 10px 5px;font-size:10px;color:var(--muted);max-width:160px}.results-count{font-size:9px;color:var(--muted);margin-block:17px}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}.product-card{min-width:0;display:flex;flex-direction:column;animation:appear .35s ease both}.product-image-button{position:relative;display:block;width:100%;padding:0;background:#efeee8;border:1px solid #eceae2;border-radius:5px;overflow:hidden;aspect-ratio:1.28;text-align:left}.product-image-button img{width:100%;height:100%;object-fit:contain;transition:transform .45s;background:#f2f0eb}.product-image-button:hover img{transform:scale(1.045)}.product-badge{position:absolute;top:14px;left:14px;z-index:1;padding:4px 10px;background:var(--paper);color:var(--olive);font-size:8px;letter-spacing:.3px;border-radius:2px}.product-image-label{position:absolute;left:12px;bottom:10px;font-size:8px;padding:3px 7px;background:rgba(255,254,250,.9);border-radius:2px}.detail-arrow{position:absolute;bottom:11px;right:11px;display:flex;align-items:center;justify-content:center;background:var(--paper);width:30px;height:30px;border-radius:50%}.detail-arrow .icon{width:16px;height:16px}.product-info{padding:17px 0 0;display:flex;flex-direction:column;flex:1}.product-category-tag{font-size:8px;color:var(--olive);font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.product-title{font:500 13px/1.65 var(--sans);margin-block:8px 15px;min-height:43px}.product-title button{background:none;padding:0;text-align:left;font:inherit}.product-title button:hover{text-decoration:underline;text-underline-offset:3px}.product-pricing{margin-top:auto}.price-line{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}.product-price{font-size:22px;font-weight:600;letter-spacing:-.7px}.product-old-price{font-size:10px;color:var(--muted);text-decoration:line-through}.product-installments{font-size:9px;color:var(--olive);min-height:17px;margin-top:3px}.btn-buy-ml{display:flex;gap:10px;justify-content:space-between;align-items:center;min-height:43px;padding:11px 15px;margin-top:16px;border-radius:4px;background:#f5e982;color:#3b3823;font-size:10px;font-weight:600;transition:background .2s}.btn-buy-ml:hover{background:var(--yellow)}.btn-buy-ml .icon{width:16px;height:16px}.catalog-note{font-size:9px;color:var(--muted);text-align:center;margin-top:31px}.no-results{text-align:center;padding:55px 15px}.no-results>.icon{width:35px;height:35px;color:var(--olive);margin-bottom:16px}.no-results h3{font:25px var(--serif)}.no-results p{margin-block:15px;color:var(--muted)}.shopping-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:67px}.shopping-intro .eyebrow{margin-bottom:15px}.shopping-intro h2{font-size:37px}.btn-ml{background:var(--yellow);margin-top:25px;color:#34342a}.shopping-steps{list-style:none;padding:0;margin:0}.shopping-steps li{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.shopping-steps li:first-child{padding-top:0}.shopping-steps li>span{font:italic 28px var(--serif);color:#a0997e}.shopping-steps h3{font-size:12px;font-weight:600;margin-bottom:7px}.shopping-steps p{font-size:11px;color:var(--muted)}.about-section{background:#e9ebdf;text-align:center;padding-block:56px}.about-section .icon{width:31px;height:31px;color:var(--olive);margin-bottom:12px}.about-section h2{margin-block:11px 17px}.about-section p:not(.eyebrow){font-size:12px;line-height:1.9;color:#646b55}.about-section a{display:inline-block;margin-top:24px;padding-bottom:4px;border-bottom:1px solid #8a9575;font-size:11px;color:var(--olive)}.about-section a span{margin-left:25px}footer{background:var(--cream)}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1.1fr;gap:35px;padding-block:52px 39px}.footer-grid .brand-monogram{width:44px;height:44px;font-size:37px}.footer-grid .brand-name{font-size:23px}.footer-grid .brand-name small{font-size:6px;letter-spacing:1.6px}.footer-grid p{font-size:10px;color:var(--muted);line-height:1.9;margin-top:17px}.footer-grid h3{font-size:10px;font-weight:600;margin-bottom:14px}.footer-grid>div>a:not(.brand){display:block;font-size:10px;color:var(--muted);margin-block:8px}.footer-grid>div>a:hover{text-decoration:underline}.footer-grid>div>span{font-size:9px;color:var(--muted)}.footer-platform{display:inline-flex;gap:8px;align-items:center;margin-top:13px;font-weight:600}.footer-platform .icon{width:18px;height:18px}.footer-bottom{border-top:1px solid var(--line);padding-block:20px;display:flex;justify-content:space-between;gap:20px;font-size:8px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:10px;padding:0;width:min(900px,calc(100% - 32px));max-height:calc(100dvh - 40px);background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #0003}dialog::backdrop{background:rgba(30,30,23,.6);backdrop-filter:blur(4px)}body.modal-open{overflow:hidden}.modal-close{position:absolute;right:12px;top:12px;background:var(--paper);border:1px solid var(--line);border-radius:50%;width:40px;height:40px;z-index:2;display:grid;place-items:center}.modal-grid{display:grid;grid-template-columns:1fr 1fr}.modal-image{background:#eeece4;display:flex;flex-direction:column;justify-content:center;padding:25px}.modal-image img{width:100%;height:340px;object-fit:contain}.modal-image small{font-size:9px;color:var(--muted);text-align:center;margin-top:15px}.modal-details{padding:52px 32px 35px}.modal-details h2{font-size:27px;line-height:1.3;margin-top:11px}.modal-desc{font-size:12px;line-height:1.9;color:var(--muted);margin:22px 0}.modal-details .product-price{font-size:29px}.modal-note{font-size:10px;color:var(--muted);margin-top:18px;line-height:1.8}.image-fallback{object-fit:contain!important;padding:40px;opacity:.65}
@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
/* ===================================================
   DEVOÇÃO SPOTLIGHT & TERÇOS (HOMEPAGE)
   =================================================== */
.devocao-spotlight{padding-block:40px 60px}
.devocao-header{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}
.devocao-verse{font:italic 13px/1.6 var(--serif);color:var(--olive);max-width:440px;text-align:right}
.devocao-verse small{display:block;font:9px var(--sans);color:var(--muted);margin-top:4px}
.devocao-hero-card{background:#f0efe8;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:minmax(260px,340px) 1.3fr;gap:36px;padding:28px;align-items:center;box-shadow:0 8px 30px rgba(81,93,62,.05)}
.devocao-hero-media{position:relative;aspect-ratio:1.15;border-radius:6px;overflow:hidden;background:#fff;border:1px solid #e0ded4;display:flex;align-items:center;justify-content:center}
.devocao-hero-media img{width:100%;height:100%;object-fit:contain;padding:20px;transition:transform .4s ease}
.devocao-hero-media:hover img{transform:scale(1.05)}
.devocao-badge{position:absolute;top:14px;left:14px;background:var(--olive);color:#fff;font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 11px;border-radius:3px;z-index:2}
.devocao-seal{position:absolute;bottom:12px;left:12px;right:12px;background:rgba(255,254,250,.94);color:var(--ink);font-size:9px;font-weight:600;text-align:center;padding:6px 10px;border-radius:3px;border:1px solid var(--line);backdrop-filter:blur(4px)}
.devocao-hero-content{display:flex;flex-direction:column}
.devocao-hero-content h3{font:500 28px/1.2 var(--serif);letter-spacing:-.8px;margin:8px 0 14px;color:var(--ink)}
.devocao-desc{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:20px}
.devocao-pricing{display:flex;align-items:baseline;gap:14px;margin-bottom:22px}
.devocao-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.btn-devocao-buy{background:var(--yellow)!important;color:#3b3823!important;font-size:11px!important;font-weight:700!important;padding:13px 22px!important;min-height:46px!important;border-radius:4px;display:inline-flex;align-items:center;gap:10px;transition:transform .2s,background .2s}
.btn-devocao-buy:hover{background:#ffd900!important;transform:translateY(-2px)}
.btn-devocao-learn{background:#515d3e;color:#fff!important;font-size:11px!important;font-weight:600!important;padding:13px 20px!important;min-height:46px!important;border-radius:4px;display:inline-flex;align-items:center;gap:10px;transition:transform .2s,background .2s}
.btn-devocao-learn:hover{background:#3c472d;transform:translateY(-2px)}
.devocao-others{margin-top:48px;padding-top:36px;border-top:1px dashed var(--line)}
.devocao-others-header{margin-bottom:22px}
.devocao-others-header h3{font:500 23px var(--serif);letter-spacing:-.5px;margin-bottom:5px}
.devocao-others-header p{font-size:11px;color:var(--muted)}
.tercos-curated-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.terco-mini-card{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:12px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.terco-mini-card:hover{transform:translateY(-3px);border-color:var(--olive)}
.terco-mini-thumb{aspect-ratio:1;background:#f7f6f0;border-radius:4px;overflow:hidden;margin-bottom:10px;display:flex;align-items:center;justify-content:center}
.terco-mini-thumb img{width:100%;height:100%;object-fit:contain}
.terco-mini-info{display:flex;flex-direction:column;flex:1}
.terco-mini-info h4{font:500 11px/1.4 var(--sans);margin:0 0 8px;min-height:32px;color:var(--ink)}
.terco-mini-price{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:10px;margin-top:auto}
.btn-mini-buy{display:flex;align-items:center;justify-content:space-between;background:#f5e982;color:#3b3823;font-size:9px;font-weight:600;padding:7px 9px;border-radius:3px;text-decoration:none;transition:background .2s}
.btn-mini-buy:hover{background:var(--yellow)}
.btn-mini-buy .icon{width:12px;height:12px}
.devocao-footer-cta{text-align:center;margin-top:26px}
.btn-outline-olive{border:1px solid var(--olive);color:var(--olive);background:transparent;padding:12px 26px;border-radius:4px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;text-decoration:none}
.btn-outline-olive:hover{background:var(--olive);color:#fff}
.btn-outline-olive .icon{width:15px;height:15px}

/* ===================================================
   PÁGINA DEDICADA: HISTÓRIA DA COROA DAS LÁGRIMAS
   =================================================== */
.breadcrumbs{padding-block:18px;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px}
.breadcrumbs a{color:var(--olive);text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs span.sep{color:#bbb}

.article-hero{padding-block:30px 45px;background:#f3f1e9;border-bottom:1px solid var(--line)}
.article-hero-grid{display:grid;grid-template-columns:1.35fr minmax(260px,340px);gap:40px;align-items:center}
.article-hero-copy h1{font:500 clamp(32px,3.8vw,52px)/1.15 var(--serif);letter-spacing:-1.8px;margin-block:14px 20px;color:var(--ink)}
.article-hero-copy h1 em{color:var(--olive);font-style:italic}
.article-lead{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:28px}
.article-jump-nav{display:flex;gap:10px;flex-wrap:wrap}
.jump-chip{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:6px 14px;font-size:10px;font-weight:600;color:var(--olive);text-decoration:none;transition:all .2s}
.jump-chip:hover{background:var(--olive);color:#fff;border-color:var(--olive)}

.article-body-layout{display:grid;grid-template-columns:1fr 290px;gap:36px;padding-block:48px;align-items:start}
.article-content{color:var(--ink);font-size:13px;line-height:1.9}
.article-content h2{font:500 28px/1.25 var(--serif);letter-spacing:-.8px;margin-top:40px;margin-bottom:16px;color:var(--ink);padding-bottom:8px;border-bottom:1px solid var(--line)}
.article-content h2:first-of-type{margin-top:0}
.article-content h3{font:600 18px/1.3 var(--serif);margin-top:26px;margin-bottom:10px;color:var(--olive-dark)}
.article-content p{margin-bottom:18px}
.article-content ul{margin:0 0 20px 20px;padding:0}
.article-content li{margin-bottom:8px}

.callout-quote{background:#f4f3ec;border-left:4px solid var(--olive);border-radius:0 6px 6px 0;padding:22px 26px;margin:28px 0;font:italic 14px/1.8 var(--serif);color:#3c472d}
.callout-quote cite{display:block;font:600 10px var(--sans);letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-top:10px;font-style:normal}

.timeline-box{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:26px;margin:28px 0}
.timeline-item{display:flex;gap:18px;margin-bottom:20px;position:relative}
.timeline-item:last-child{margin-bottom:0}
.timeline-item:not(:last-child)::after{content:'';position:absolute;left:13px;top:28px;bottom:-12px;width:1px;background:var(--line)}
.timeline-dot{width:28px;height:28px;border-radius:50%;background:#e5ebd8;color:var(--olive);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}
.timeline-content h4{font:600 13px var(--sans);margin:0 0 4px;color:var(--ink)}
.timeline-content p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}

/* COMO REZAR PASSO A PASSO */
.prayer-guide{background:#faf9f5;border:1px solid var(--line);border-radius:8px;padding:32px;margin:32px 0}
.prayer-step{background:var(--paper);border:1px solid #e7e6dc;border-radius:6px;padding:20px;margin-bottom:18px}
.prayer-step:last-child{margin-bottom:0}
.prayer-step-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.step-number{background:var(--olive);color:#fff;font-size:10px;font-weight:700;padding:4px 9px;border-radius:3px}
.step-title{font:600 14px var(--sans);color:var(--ink)}
.prayer-text{font:italic 13px/1.8 var(--serif);color:#3a422d;background:#f2f4ec;padding:14px 18px;border-radius:4px;margin-top:8px}
.prayer-instruction{font-size:11px;color:var(--muted);line-height:1.6}

/* SIDEBAR STICKY PRODUTO */
.article-sidebar{position:sticky;top:96px;max-width:290px}
.sidebar-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:0 8px 24px rgba(0,0,0,.04);margin-bottom:20px}
.sidebar-card-media{aspect-ratio:1.1;background:#f7f6f0;border-radius:6px;overflow:hidden;margin-bottom:16px;position:relative;display:flex;align-items:center;justify-content:center}
.sidebar-card-media img{width:100%;height:100%;object-fit:contain;padding:15px}
.sidebar-badge{position:absolute;top:10px;left:10px;background:var(--olive);color:#fff;font-size:8px;font-weight:700;padding:4px 8px;border-radius:3px}
.sidebar-card h3{font:500 18px/1.3 var(--serif);margin-bottom:10px;color:var(--ink)}
.sidebar-price-block{margin-bottom:18px}
.sidebar-price{font-size:24px;font-weight:700;color:var(--ink)}
.sidebar-sub{font-size:10px;color:var(--olive);display:block;margin-top:2px}
.sidebar-features{list-style:none;padding:0;margin:0 0 20px}
.sidebar-features li{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:8px}
.sidebar-features .icon{width:14px;height:14px;color:var(--olive)}
.btn-sidebar-buy{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--yellow);color:#3b3823;padding:14px;border-radius:4px;font-size:11px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}
.btn-sidebar-buy:hover{background:#ffd900;transform:translateY(-2px)}
.sidebar-guarantee{font-size:9px;color:var(--muted);text-align:center;margin-top:12px;line-height:1.5}

/* FAQ SECTION */
.faq-section{background:var(--paper);border-top:1px solid var(--line);padding-block:55px}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
.faq-item{background:#f8f7f2;border:1px solid var(--line);border-radius:6px;padding:22px}
.faq-item h3{font:600 14px/1.4 var(--sans);color:var(--ink);margin-bottom:10px}
.faq-item p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}

body{overflow-x:hidden}
.catalog-pagination{padding:26px 0 4px;text-align:center}
.catalog-pagination p{margin:0 0 12px;color:var(--muted);font-size:11px}
.btn-load-more{background:transparent;border:1px solid var(--olive);color:var(--olive);min-height:44px;padding:11px 18px;border-radius:7px;font-size:11px;font-weight:600}
.mobile-dock{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px 8px calc(8px + env(safe-area-inset-bottom));background:#fffefaf5;border-top:1px solid #d9dece;box-shadow:0 -5px 20px #25351710;backdrop-filter:blur(12px)}
.mobile-dock a{display:flex;min-height:48px;align-items:center;justify-content:center;flex-direction:column;gap:4px;border-radius:8px;color:var(--muted);font-size:9px;font-weight:600;line-height:1.3;text-align:center}.mobile-dock a[aria-current]{background:#edf1e5;color:var(--olive-dark)}.mobile-dock .icon{width:21px;height:21px}
.article-header-label{display:flex;align-items:center;gap:9px;min-height:44px;color:var(--olive);font-size:12px;font-weight:600}.article-header-label .icon{width:20px;height:20px}

/* ===================================================
   UNIFIED RESPONSIVE ARCHITECTURE (FLUID & MOBILE-FIRST)
   =================================================== */

/* Prevent horizontal scroll globally */
html, body {
  overflow-x: hidden;
  max-width: 100vw;
}

/* 1. Large Screens & Wide Monitors (>= 1400px) */
@media (min-width: 1400px) {
  .container { width: min(1280px, calc(100% - 96px)); }
  .hero-grid { grid-template-columns: 1.4fr 390px; gap: 60px; }
  .hero-art { max-width: 390px; max-height: 370px; }
}

/* 2. Laptops & Small Desktops (992px to 1199px) */
@media (max-width: 1199px) {
  .container { width: calc(100% - 64px); }
  .header-row { gap: 24px; }
  .brand-name { font-size: 24px; }
  .hero-grid { grid-template-columns: 1.25fr 330px; gap: 32px; padding-block: 38px; }
  .hero-art { max-width: 330px; max-height: 320px; aspect-ratio: 1.05; }
  .article-hero-grid { grid-template-columns: 1.3fr 300px; gap: 30px; }
  .article-body-layout { grid-template-columns: 1fr 270px; gap: 28px; }
  .article-sidebar { max-width: 270px; }
  .products-grid { gap: 24px 18px; }
}

/* 3. Tablets & Small Screens (768px to 991px) */
@media (max-width: 991px) {
  .container { width: calc(100% - 40px); }
  .header-row { height: auto; min-height: 78px; padding-block: 12px; gap: 16px; }
  .search-box { max-width: 320px; }
  .store-link strong { font-size: 11px; }
  .store-link > .icon { width: 26px; height: 26px; }
  
  .category-nav .container { gap: 20px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .category-nav a { font-size: 11px; white-space: nowrap; }
  .category-nav .nav-about { margin-left: auto; }

  /* Hero: compact side-by-side */
  .hero-grid { grid-template-columns: 1.15fr 290px; gap: 24px; padding-block: 32px; }
  .hero-copy h1 { font-size: clamp(32px, 4.2vw, 44px); letter-spacing: -1.2px; }
  .hero-description { font-size: 12px; line-height: 1.75; max-width: 340px; margin: 18px 0 22px; }
  .hero-art { max-width: 290px; max-height: 280px; border-radius: 60px 8px 8px 8px; }
  .hero-seal { width: 68px; height: 68px; right: -4px; top: 12px; font-size: 6px; }
  .hero-seal span { font-size: 11px; }

  /* Benefits: 2x2 grid */
  .benefits { grid-template-columns: repeat(2, 1fr); gap: 16px; padding-block: 20px; }
  .benefits > div { gap: 10px; }
  .benefits > div + div { border-left: 0; padding-left: 0; }
  .benefits > div:nth-child(2n) { border-left: 1px solid var(--line); padding-left: 16px; }

  /* Collections: single row or compact cards */
  .collection-grid { grid-template-columns: 1fr; gap: 10px; }
  .collection { padding: 18px 20px; gap: 16px; flex-direction: row; align-items: center; }
  .collection h3 { font-size: 21px; margin-block: 3px; }

  /* Spotlight Devoção */
  .devocao-hero-card { grid-template-columns: 1fr; gap: 22px; padding: 22px; border-radius: 8px; }
  .devocao-hero-media { max-width: 360px; width: 100%; margin: 0 auto; aspect-ratio: 1.3; max-height: 260px; }
  .tercos-curated-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }

  /* Catalog */
  .catalog-section { padding-block: 36px; }
  .products-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 14px; }
  .product-title { font-size: 11px; min-height: 48px; }
  
  /* How to buy & Footer */
  .shopping-section { grid-template-columns: 1fr; gap: 32px; padding-block: 40px; }
  .about-section { padding-block: 40px; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; padding-block: 36px; }

  /* Coroa das Lágrimas Article Page */
  .article-hero-grid { grid-template-columns: 1fr; gap: 24px; }
  .article-hero-grid .devocao-hero-media { max-width: 360px; width: 100%; margin: 0 auto; aspect-ratio: 1.25; }
  .article-body-layout { grid-template-columns: 1fr; gap: 32px; padding-block: 36px; }
  .article-sidebar { position: static; max-width: 440px; margin: 24px auto 0; width: 100%; }
  .faq-grid { grid-template-columns: 1fr; gap: 16px; }
}

/* 4. Mobile Devices (<= 767px) */
@media (max-width: 767px) {
  body { padding-bottom: 74px; }
  .container { width: calc(100% - 24px); }
  
  .announcement .container { height: 32px; justify-content: center; font-size: 9.5px; }
  .announcement a { display: none; }

  /* Compact Mobile Header */
  .header-row { height: auto; min-height: 68px; flex-wrap: wrap; padding-block: 10px 8px; gap: 10px; }
  .brand { order: 1; gap: 9px; }
  .brand-monogram { width: 42px; height: 42px; font-size: 34px; }
  .brand-name { font-size: 20px; }
  .brand-name small { font-size: 6px; margin-top: 4px; letter-spacing: 1.3px; }
  
  .store-link { order: 2; margin-left: auto; gap: 8px; font-size: 8.5px; }
  .store-link > .icon { width: 24px; height: 24px; }
  .store-link strong { font-size: 10px; }
  
  .search-box { order: 3; flex-basis: 100%; width: 100%; max-width: 100%; padding-left: 12px; margin-top: 2px; }
  .search-box input { padding: 9px 8px; font-size: 12px; }

  /* Horizontal Category Nav */
  .category-nav .container { height: 40px; gap: 16px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .category-nav a { font-size: 11px; padding: 4px 2px; }
  .category-nav .nav-about { display: none; }

  /* Hero: Compact vertical flow with proportional right box */
  .hero-grid { grid-template-columns: 1fr; gap: 18px; padding-block: 20px 24px; text-align: left; }
  .hero-copy h1 { font-size: clamp(29px, 8.5vw, 38px); line-height: 1.15; letter-spacing: -1px; }
  .hero-description { font-size: 12px; line-height: 1.65; max-width: 100%; margin: 12px 0 16px; }
  .hero-footnote { display: none; }
  .hero-art { max-width: 340px; width: 100%; margin: 0 auto; aspect-ratio: 1.35; max-height: 230px; border-radius: 36px 8px 8px 8px; }
  .hero-seal { width: 66px; height: 66px; right: 8px; top: 10px; font-size: 6px; }
  .hero-seal span { font-size: 11px; margin-block: 1px 3px; }
  .hero-art figcaption { font-size: 13.5px; bottom: 10px; left: 12px; right: 12px; }
  .hero-art figcaption small { font-size: 7px; margin-top: 2px; }

  /* Benefits */
  .benefits { grid-template-columns: repeat(2, 1fr); gap: 10px 8px; padding-block: 14px; }
  .benefits > div { gap: 7px; }
  .benefits .icon { width: 18px; height: 18px; }
  .benefits strong { font-size: 8.5px; }
  .benefits p span { font-size: 7px; }

  /* Collections */
  .collections { padding-block: 28px; }
  .section-heading { flex-direction: column; align-items: flex-start; gap: 4px; margin-bottom: 16px; }
  .section-heading .eyebrow { margin-bottom: 4px; }
  .section-aside { display: none; }
  h2 { font-size: 23px; letter-spacing: -.5px; }
  .collection { padding: 14px 12px; gap: 12px; }
  .collection h3 { font-size: 18px; margin-block: 2px; }
  .collection p { font-size: 9.5px; }
  .collection-icon { width: 32px; height: 32px; }
  .collection-icon .icon { width: 24px; height: 24px; }
  .collection-arrow { width: 14px; height: 14px; right: 10px; }

  /* Devotion teaser */
  .devotion-teaser { margin-block: 14px; }
  .devotion-teaser > a { padding: 12px 10px; gap: 10px; }
  .devotion-teaser strong { font-size: 15px; }
  .devotion-teaser span > span { font-size: 9px; }

  /* Catalog */
  .catalog-section { padding-block: 26px; }
  .catalog-intro { display: none; }
  .catalog-toolbar { flex-direction: column; align-items: stretch; gap: 8px; padding-bottom: 8px; }
  .category-filters { width: 100%; overflow-x: auto; scrollbar-width: none; gap: 6px; padding-bottom: 2px; }
  .filter-btn { padding: 7px 10px; font-size: 9.5px; min-height: 38px; }
  .sort-control select { width: 100%; max-width: 100%; padding: 7px; font-size: 9.5px; }
  
  /* Products 2-column mobile grid */
  .products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 8px; }
  .product-image-button { aspect-ratio: 1.02; }
  .product-badge { font-size: 6.5px; top: 6px; left: 6px; padding: 2px 6px; }
  .product-image-label { font-size: 6px; left: 5px; bottom: 5px; padding: 2px 4px; }
  .detail-arrow { width: 22px; height: 22px; right: 5px; bottom: 5px; }
  .detail-arrow .icon { width: 11px; height: 11px; }
  .product-info { padding: 8px 4px; }
  .product-category-tag { font-size: 6.5px; letter-spacing: .8px; }
  .product-title { font-size: 10.5px; line-height: 1.4; min-height: 46px; margin-block: 4px 6px; }
  .product-price { font-size: 16.5px; }
  .product-old-price { font-size: 8px; }
  .product-installments { font-size: 7.5px; min-height: 18px; margin-top: 2px; }
  .btn-buy-ml { font-size: 8.5px; padding: 8px 6px; min-height: 38px; gap: 4px; margin-top: 8px; }
  .btn-buy-ml .icon { width: 12px; height: 12px; }

  /* Devoção Spotlight */
  .devocao-spotlight { padding-block: 28px; }
  .devocao-header { flex-direction: column; align-items: flex-start; gap: 6px; margin-bottom: 18px; }
  .devocao-verse { text-align: left; font-size: 11.5px; }
  .devocao-hero-card { padding: 14px; gap: 14px; border-radius: 8px; }
  .devocao-hero-content h3 { font-size: 20px; margin: 4px 0 8px; }
  .devocao-desc { font-size: 11.5px; line-height: 1.65; margin-bottom: 14px; }
  .devocao-pricing { margin-bottom: 16px; }
  .devocao-actions { gap: 8px; }
  .btn-devocao-buy, .btn-devocao-learn { width: 100%; justify-content: center; min-height: 42px !important; font-size: 10px !important; padding: 10px !important; }
  .tercos-curated-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .terco-mini-card { padding: 8px; }
  .terco-mini-info h4 { font-size: 10px; min-height: 28px; }
  .terco-mini-price { font-size: 13px; margin-bottom: 6px; }
  .btn-mini-buy { font-size: 8.5px; padding: 6px 7px; }

  /* Other sections */
  .shopping-section { padding-block: 28px; gap: 18px; }
  .shopping-intro h2 { font-size: 26px; }
  .about-section { padding-block: 28px; }
  .about-section h2 { font-size: 24px; }
  .footer-grid { grid-template-columns: 1fr; gap: 18px; padding-block: 24px; }
  .footer-bottom { flex-direction: column; gap: 6px; font-size: 7.5px; text-align: center; }

  /* Modal */
  .modal-grid { grid-template-columns: 1fr; }
  .modal-image { padding: 14px 14px 8px; }
  .modal-image img { height: 200px; }
  .modal-details { padding: 18px 14px 16px; }
  .modal-details h2 { font-size: 20px; }
  .modal-desc { margin-block: 10px; font-size: 11px; }

  /* Coroa das Lágrimas Dedicated Page */
  .article-hero { padding-block: 16px 24px; }
  .article-hero-copy h1 { font-size: 28px; letter-spacing: -1px; margin-block: 8px 12px; }
  .article-lead { font-size: 12px; line-height: 1.7; margin-bottom: 16px; }
  .article-jump-nav { gap: 6px; }
  .jump-chip { font-size: 9px; padding: 5px 10px; }
  .article-body-layout { padding-block: 24px; }
  .article-content { font-size: 12.5px; line-height: 1.75; }
  .article-content h2 { font-size: 22px; margin-top: 28px; }
  .article-content h3 { font-size: 16px; }
  .callout-quote { font-size: 13px; padding: 14px 16px; margin: 18px 0; }
  .timeline-box { padding: 16px; margin: 18px 0; }
  .timeline-item { gap: 12px; margin-bottom: 16px; }
  .prayer-guide { padding: 16px; margin: 20px 0; }
  .prayer-step { padding: 14px; margin-bottom: 12px; }
  .sidebar-card { padding: 14px; }
  .sidebar-card h3 { font-size: 16px; }
  .sidebar-price { font-size: 20px; }
  .faq-section { padding-block: 24px; }
  .faq-item { padding: 16px; }
  .faq-item h3 { font-size: 13px; }
}

/* 5. Ultra Small Screens (<= 360px) */
@media (max-width: 360px) {
  .container { width: calc(100% - 16px); }
  .hero-copy h1 { font-size: 26px; }
  .hero-art { aspect-ratio: 1.25; max-height: 180px; }
  .benefits { grid-template-columns: 1fr; gap: 8px; }
  .benefits > div:nth-child(2n) { border-left: 0; padding-left: 0; }
  .products-grid { gap: 10px 6px; }
  .product-title { font-size: 9.5px; min-height: 40px; }
  .product-price { font-size: 14.5px; }
  .btn-buy-ml { font-size: 7.5px; padding: 6px 4px; }
  .filter-btn { padding: 6px 8px; font-size: 8.5px; }
}

/* 6. Mobile Dock Visibility Control */
@media (min-width: 768px) {
  .mobile-dock { display: none !important; }
}

/* 7. Reduced Motion Accessibility */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
  }
}