.devotional-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;height:160px;text-decoration:none;color:#dcc199;background:#211d19;border:1px solid #68523c;border-radius:0 0 50% 50%;padding:8px 5px 24px}
.devotional-brand span{font-size:27px}.devotional-brand strong{font-family:Niconne,serif;font-size:34px;font-weight:400;white-space:nowrap}.devotional-brand small{font-size:8px;letter-spacing:1.5px}
.hero-image{object-fit:contain;object-position:right center}.hero-images{left:42%}.round-photo img,.piece-image img{object-fit:contain}.gallery-filters{flex-wrap:wrap}
.delivery-form{border-top:1px solid #655442;margin-top:20px;padding-top:15px}.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.delivery-grid label{font-size:13px;display:grid;gap:5px;color:#e3d5c1}.delivery-grid input,.delivery-grid select{width:100%;min-width:0;background:#211d19;border:1px solid #75614c;color:#fff;border-radius:5px;min-height:44px;padding:9px;font:inherit;font-size:16px}.delivery-grid label:first-child,.delivery-grid label:nth-child(3){grid-column:1/-1}.delivery-form .button{margin-top:15px}.delivery-form fieldset{border:1px solid #75614c;padding:12px;border-radius:6px}.shipping-option{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:14px}.shipping-option input{width:20px;height:20px;flex:none;accent-color:#b08d57}#shipping-message{font-size:13px;line-height:1.5}#grand-total{color:#e2c698}.delivery-grid input:focus-visible,.delivery-grid select:focus-visible{outline:2px solid #d6b782;outline-offset:2px}
@media(max-width:620px){.devotional-brand{height:137px;padding-bottom:18px}.devotional-brand strong{font-size:27px}.devotional-brand small{font-size:6px}.hero-images{left:0}.hero-image{transform:none;object-position:center}.delivery-grid{gap:9px}}
@media(max-width:360px){.delivery-grid{grid-template-columns:1fr}.delivery-grid label{grid-column:1!important}}


/* Signum Sanctum — identidade marfim, dourado envelhecido e marrom. */
:root{
 --bg:#f4efe4;--text:#3f2b18;--muted:#6f604f;--dim:#8e7b62;
 --accent:#aa7824;--rule:rgba(126,91,43,.22);
 --gold-gradient:linear-gradient(135deg,#8c5d16 0%,#b9862d 42%,#d3ad61 72%,#9c6a1e 100%);
 color-scheme:light;
}
html{background:#eee6d8}
body{
 background:
  radial-gradient(ellipse at 50% -10%,rgba(255,255,255,.95),transparent 42%),
  linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)),
  #f4efe4;
 color:var(--text);
}
body::selection{background:#b7842d;color:#fffaf0}
.site-header{background:linear-gradient(180deg,rgba(255,253,247,.98),rgba(244,239,228,.96));border-bottom:1px solid var(--rule)}
.top-note{left:0;right:auto;text-align:left;color:#806d54;font-family:Georgia,serif;font-style:italic;font-size:12px}
.devotional-brand{height:112px;width:220px;top:4px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:hidden}
.devotional-brand img{width:220px;height:220px;object-fit:cover;object-position:center 41%;transform:translateY(-34px);mix-blend-mode:multiply}
.ribbon{top:64px;height:54px;background:rgba(248,244,235,.94);border-block:1px solid var(--rule);box-shadow:none;padding-inline:24px}
.ribbon::before,.ribbon::after{display:none}
.ribbon a,.footer-links a{color:#5f4930;font-family:Georgia,serif;font-weight:700;font-size:11px;letter-spacing:.15px}
.ribbon a:hover,.ribbon a.active,.footer-links a:hover{color:#a36f1e;text-shadow:none}
.hero{background:linear-gradient(110deg,rgba(250,247,239,.98),rgba(239,230,214,.78));border:1px solid rgba(128,94,44,.12);border-radius:0 0 8px 8px;overflow:hidden}
.hero h1,.script-heading,.footer-brand{background:none;color:#513517;-webkit-text-fill-color:currentColor;font-family:Georgia,serif}
.hero-copy p{color:#665643}
.hero-images{background:#26180c;-webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000);mask-image:linear-gradient(90deg,transparent,#000 13%,#000)}
.hero-images::after{background:linear-gradient(90deg,#f4efe4,transparent 24%)}
.hero-image{mix-blend-mode:normal}
.hero-arrow{color:#fff8e8;background:rgba(68,48,27,.46);border:1px solid rgba(255,255,255,.55);border-radius:50%}
.hero-arrow:hover{color:#fff;background:#9d6d22}
.hero-dots button{color:#72562e;background:#fffaf1;border-color:#b99253}
.hero-dots button[aria-current=true]{background:var(--gold-gradient);color:#fff;border-color:#a16e20;box-shadow:none}
.quick-strip{background:rgba(255,252,245,.78);border-block:1px solid var(--rule)}
.quick-strip strong,.category h2,.piece h3,.section-head h2,.journal summary,.story-grid h2{color:#6a4419}
.quick-strip span,.category p,.piece p{color:#746654}
.button{background:var(--gold-gradient);color:#fffaf0;border-color:#a67425;text-shadow:0 1px 1px #5e3b14;box-shadow:0 6px 16px rgba(86,57,20,.18),inset 0 1px 0 rgba(255,255,255,.28)}
.button:hover:not(:disabled){color:#fff;background-position:85% 50%;box-shadow:0 9px 22px rgba(86,57,20,.24)}
.text-link,.kicker,.ornament,.services li::before{color:#9e6c22}
.text-link:hover{color:#714815}
.round-photo{background:#17100a;border:3px solid #a57a35;box-shadow:0 0 0 3px #eadfc8,0 8px 20px rgba(76,49,20,.18)}
.round-photo:hover{border-color:#c69b4f;box-shadow:0 0 0 3px #eadfc8,0 12px 26px rgba(76,49,20,.24)}
.story-grid,.journal,.contact{border-color:var(--rule);background:transparent}
.services li{color:#756652;border-color:var(--rule)}
.gallery-filters button{background:#fffaf1;color:#72552f;border-color:#c6a56f}
.gallery-filters button:hover,.gallery-filters button[aria-pressed=true]{background:var(--gold-gradient);color:#fff;border-color:#a67525}
.piece{background:rgba(255,252,245,.92);border:1px solid rgba(138,96,35,.22);border-radius:7px;box-shadow:0 8px 22px rgba(81,55,23,.10)}
.piece:hover{border-color:#b58438;box-shadow:0 14px 28px rgba(81,55,23,.16)}
.piece-image{background:#1a1108;border-radius:4px}
.piece-image img{-webkit-mask-image:none;mask-image:none}
.purchase-price{color:#a56f1d}
.contact-form input,.contact-form textarea,.delivery-grid input,.delivery-grid select,.contact-result textarea{background:#fffdf8;color:#46331f;border-color:#cdbb9c}
input::placeholder,textarea::placeholder{color:#978775}
.delivery-grid label{color:#65543f}.delivery-form,.delivery-form fieldset{border-color:var(--rule)}
.cep-lookup button{background:#f3ead9;color:#704b1b;border-color:#b99559}.cep-lookup button:hover:not(:disabled){background:#e8d5b1}
.cart-toggle,.menu-button,.back-top{background:#fffaf0;color:#8f611b;border-color:#b8955d}
.cart-count{background:var(--gold-gradient);color:#fff}
.cart-drawer,.modal,.order-page{background:linear-gradient(145deg,#fffdf8,#f2eadc 72%);color:var(--text);border-color:#b58d51}
.cart-drawer::backdrop,.modal::backdrop{background:rgba(45,31,17,.66);backdrop-filter:blur(4px)}
.cart-heading{background:#f1e6d3;border-color:var(--rule)}
.cart-heading h2,.cart-line h3,.cart-review h3{color:#654116}
.cart-quantity button,.cart-quantity input{background:#fffaf1;color:#66461f;border-color:#b99c6d}
.cart-message,.cart-review,.cart-toast,.contact-result{background:#f3e8d4;border-color:#b8965f;color:#513a20}
.cart-clear{color:#756552}.cart-close,.modal-close,.cart-remove,.order-status{color:#9f6d23}
.cart-totals strong,#grand-total,.cart-review-total{color:#94621a}
.site-footer{background:#eee5d5;border-top:1px solid var(--rule);color:#796b58}
.footer-inner{align-items:center}.footer-identity{display:flex;align-items:center;gap:12px}.footer-identity img{width:74px;height:74px;object-fit:cover;mix-blend-mode:multiply;border-radius:50%}
.footer-brand{display:block;font-size:25px;text-transform:uppercase;letter-spacing:1.8px}.footer-identity span{display:block;font-size:9px;letter-spacing:1.2px}
.footer-motto{padding-left:26px;border-left:1px solid #cdbb9d;color:#67533b;font-family:Georgia,serif;font-size:13px;line-height:1.45}
:focus-visible{outline-color:#a67223}
@media(max-width:620px){
 .site-header{min-height:145px}.header-inner{min-height:145px}.devotional-brand{top:0;width:165px;height:116px}.devotional-brand img{width:165px;height:165px;transform:translateY(-20px)}
 .ribbon,.js .ribbon{background:#f4efe4;padding-top:125px}.menu-button{top:48px}
 .hero-images{-webkit-mask-image:linear-gradient(0deg,transparent,#000 15%,#000 88%);mask-image:linear-gradient(0deg,transparent,#000 15%,#000 88%)}
 .hero-images::after{background:linear-gradient(0deg,#f4efe4,transparent 23%,transparent 78%,#f4efe4)}
 .footer-motto{padding:14px 0 0;border-left:0;border-top:1px solid #cdbb9d}.footer-identity img{width:62px;height:62px}
}


/* Consistent action spacing without changing the black-and-gold composition. */
.button,.hero-copy .button,.purchase-controls .button{min-height:44px;padding:11px 18px;line-height:1.5;text-align:center;white-space:normal}
.text-link{min-height:40px;padding-block:8px;border-bottom-color:var(--rule)}
.hero-copy .button{margin-top:24px}
.gallery-filters{gap:12px;margin-block:20px 28px;align-items:center}
.gallery-filters button{min-height:44px;padding:10px 18px;line-height:1.4}
.gallery-grid{gap:24px;align-items:stretch}
.piece:not([hidden]){display:flex;flex-direction:column;align-items:stretch;padding:16px}
.piece-image{flex:none}
.piece h3{min-height:2.8em;line-height:1.4;margin:18px 0 8px}
.piece p{min-height:2.8em;line-height:1.4;margin-bottom:0}
.piece>.text-link{align-self:flex-start;margin-block:12px 20px}
.purchase-controls{display:grid;gap:14px;margin-top:auto;padding-top:18px}
.purchase-price{margin-bottom:0;line-height:1.5}
.purchase-controls .button{font-size:12px;width:100%;margin:0}
.category .text-link{margin-top:18px}
.cart-toggle,.menu-button,.cart-close,.modal-close,.back-top{min-width:44px;min-height:44px;flex-shrink:0}
.cart-heading{gap:16px}.cart-heading h2{margin:0}
.cart-line>div{min-width:0}.cart-line{padding-block:24px}
.cart-quantity{gap:8px;margin-block:16px;width:auto;flex-wrap:wrap}
.cart-quantity button{width:44px;height:44px;border-radius:5px;flex-shrink:0}
.cart-quantity input{width:52px;height:44px;border:1px solid #84692e;border-radius:5px;flex-shrink:0}
.cart-line-bottom{gap:16px;flex-wrap:wrap}.cart-remove{min-height:44px;padding:10px 4px}
.cart-actions{gap:16px;margin-top:28px}.cart-clear{min-height:44px;padding:12px}
.delivery-form{margin-top:28px;padding-top:24px}.delivery-grid{gap:16px}
.delivery-form h3{margin-bottom:18px}.delivery-form .button{margin-top:22px;width:100%}
#shipping-message{margin-block:16px;line-height:1.7}.shipping-option{min-height:48px;padding-block:12px}
.cart-review{margin-top:28px;padding:22px}.cart-review .button{margin-top:20px}
#cart-retry{display:flex;justify-content:center;text-align:center;width:100%;margin-top:24px;padding:12px 8px;min-height:44px;line-height:1.6}
.contact-form{row-gap:20px}.contact-form>.button{margin-top:8px}
.contact-result .text-link{margin:16px 20px 0 0;min-height:44px;padding:10px 4px}
.footer-links{flex-wrap:wrap;gap:12px 24px}.footer-links a{display:inline-flex;align-items:center;min-height:44px}
.modal{padding-top:60px}.modal .button{margin-top:24px;width:100%}.modal-close{top:10px;right:10px}
.order-page .button{margin:8px 12px 8px 0;max-width:100%}
@media(min-width:621px){.ribbon a{min-height:44px;display:flex;align-items:center}}
@media(max-width:620px){
 .gallery-grid{gap:16px}.piece:not([hidden]){padding:12px}
 .piece h3{font-size:14px;min-height:4.2em;margin-top:14px}.piece p{min-height:4.2em}
 .piece>.text-link{margin-block:10px 16px;min-height:44px;font-size:11px}
 .purchase-controls{gap:12px;padding-top:16px}.purchase-controls .button{padding:11px 8px;font-size:11px;min-height:52px}
 .gallery-filters{gap:10px;margin-block:18px 24px}.gallery-filters button{padding:10px 14px;font-size:11px}
 .ribbon{gap:8px;padding-bottom:20px}.ribbon ul{flex-wrap:wrap;gap:8px 18px}.ribbon a{min-height:44px;display:flex;align-items:center;padding:10px 4px}
 .cart-content{padding:20px 18px max(24px,env(safe-area-inset-bottom))}.cart-line{gap:12px;grid-template-columns:56px minmax(0,1fr)}.cart-line img{width:56px;height:72px}
 .delivery-grid{gap:14px}.cep-lookup{grid-template-columns:1fr}.cep-lookup button{width:100%}.cart-review{padding:18px}.hero-copy .button{margin-top:20px}
 .contact-result .text-link{display:flex;justify-content:center;margin:14px 0 0;width:100%}
}
@media(max-width:360px){.gallery-grid{grid-template-columns:minmax(0,1fr);gap:20px}.piece h3,.piece p{min-height:0}.purchase-controls .button{min-height:44px}.cart-line{grid-template-columns:44px minmax(0,1fr);gap:10px}.cart-line img{width:44px;height:60px}.ribbon ul{gap:8px 12px}}