:root{--navy:#082d49;--deep:#061f33;--foam:#f6f4ee;--sand:#e8e1d5;--ink:#0a2a40;--line:#d8d5ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:var(--foam)}a{text-decoration:none;color:inherit;cursor:pointer}button{font:inherit}.topbar{height:31px;background:var(--deep);color:#fff;text-align:center;font-size:10px;letter-spacing:2px;padding:10px}header{height:82px;display:flex;align-items:center;padding:0 5%;background:rgba(246,244,238,.97);position:sticky;top:0;z-index:20;border-bottom:1px solid #082d491c}.brand img{width:170px;display:block}nav{display:flex;gap:32px;margin:auto;font-size:11px;letter-spacing:1.4px;font-weight:700}.actions{display:flex;gap:15px}.actions button{border:0;background:none;color:var(--navy);font-size:11px}.hero{height:min(55vh,520px);min-height:360px;background:var(--navy);position:relative;overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.85)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#031b2c66)}.heroCopy{position:absolute;z-index:2;left:0;right:0;bottom:12%;text-align:center;color:#fff}.hero h1{font-family:Georgia,serif;font-size:clamp(30px,4.5vw,66px);letter-spacing:8px;margin:0}.section{padding:78px 5%}.light{background:var(--foam)}.sand{background:var(--sand)}.sectionTitle{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.sectionTitle p,.animalIntro>p:first-child,.originText>p:first-child,.essence div>p:first-child{font-size:10px;letter-spacing:3px;font-weight:bold;margin:0 0 10px}.sectionTitle h2,.animalIntro h2,.originText h2,.essence h2{font-family:Georgia,serif;font-size:clamp(30px,3vw,48px);font-weight:400;margin:0}.sectionTitle>a{font-size:10px;letter-spacing:1.5px}.center{text-align:center;display:block}.productGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{cursor:pointer}.cardImg{height:390px;overflow:hidden;background:#ddd;position:relative}.cardImg img{width:100%;height:100%;object-fit:cover;transition:.5s}.card:hover .cardImg img{transform:scale(1.025)}.cardImg span{position:absolute;top:14px;left:14px;background:#f6f4eee8;padding:7px 9px;font-size:8px;letter-spacing:1.4px}.cardMeta{padding:14px 2px}.cardMeta small{font-size:9px;letter-spacing:1.5px}.cardMeta h3{font-family:Georgia,serif;font-size:19px;font-weight:400;margin:6px 0 10px}.cardMeta b{font-size:14px}.cardMeta em{font-size:8px;letter-spacing:1px;font-style:normal;margin-left:5px}.typeGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin-top:36px}.typeGrid a{text-align:center;font-size:9px;letter-spacing:1.4px;font-weight:bold}.typeGrid img{width:100%;aspect-ratio:1/1.15;object-fit:cover;margin-bottom:13px;filter:saturate(.82);transition:.4s}.typeGrid a:hover img{transform:translateY(-4px)}.animalSection{background:var(--navy);color:#fff;padding:84px 5%}.animalIntro{max-width:720px;margin-bottom:40px}.animalIntro>p:last-child{font-family:Georgia,serif;font-size:16px;line-height:1.6;opacity:.75}.animalGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.animalGrid a{height:500px;position:relative;overflow:hidden}.animalGrid img{width:100%;height:100%;object-fit:cover;transition:.5s}.animalGrid a:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#031928b3)}.animalGrid a:hover img{transform:scale(1.025)}.animalGrid div{position:absolute;z-index:2;bottom:26px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:end}.animalGrid span{font-family:Georgia,serif;font-size:32px}.animalGrid small{font-size:8px;letter-spacing:1.3px}.origin{display:grid;grid-template-columns:1.25fr .75fr;min-height:600px;background:#d9d0c2}.originPhoto img{width:100%;height:100%;object-fit:cover}.originText{padding:9vw 7vw;align-self:center}.originText p{line-height:1.7}.originText button{margin-top:20px;background:var(--navy);color:#fff;border:0;padding:15px 20px;font-size:9px;letter-spacing:1.4px}.catalogLayout{display:grid;grid-template-columns:230px 1fr;gap:38px}.catalog .sectionTitle button{display:none}.catalog aside{position:sticky;top:130px;height:max-content}.catalog aside h3{font-size:11px;letter-spacing:2px;border-bottom:1px solid var(--line);padding-bottom:15px}.facet{padding:18px 0;border-bottom:1px solid var(--line)}.facet b{display:block;font-size:9px;letter-spacing:1.4px;margin-bottom:13px}.facet label{display:block;font-family:Georgia,serif;font-size:14px;margin:9px 0}.facet input{accent-color:var(--navy)}#clearFilters{margin-top:16px;border:0;background:none;text-decoration:underline;font-size:9px}.applied{min-height:25px;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.chip{font-size:9px;background:var(--sand);padding:7px 9px}.essence{min-height:610px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.essence>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.essence:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#021b2ce0,#021b2c26)}.essence>div{position:relative;z-index:2;width:48%;padding-left:7%}.essence h2{font-size:50px}.essence p{font-family:Georgia,serif;line-height:1.7}.essence a{display:inline-block;margin-top:18px;border:1px solid #fff;padding:14px 18px;font-size:9px;letter-spacing:1.5px}footer{background:var(--deep);color:#fff;min-height:260px;padding:55px 6%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}footer img{width:180px}footer p{letter-spacing:3px;font-size:9px}footer b{display:block;font-size:9px;letter-spacing:1.6px;margin-bottom:15px}footer a{display:block;font-family:Georgia,serif;font-size:13px;margin:8px 0;opacity:.75}
#overlay{display:none;position:fixed;inset:0;background:#001522aa;z-index:40}.modal{position:fixed;z-index:50;inset:5vh 6vw;background:var(--foam);display:none;grid-template-columns:1.2fr .8fr;overflow:auto}.modal.show{display:grid}.modal>button,.drawer>button{position:absolute;right:18px;top:14px;border:0;background:none;font-size:30px;z-index:3}.gallery{position:relative;background:#ddd;min-height:80vh}.gallery>img{width:100%;height:80vh;object-fit:cover}.gallery>button{position:absolute;top:45%;border:0;background:#f6f4eedd;font-size:35px;width:45px;height:55px}.gallery #prevImg{left:12px}.gallery #nextImg{right:12px}#thumbs{position:absolute;left:15px;bottom:15px;display:flex;gap:7px}#thumbs img{width:58px;height:70px;object-fit:cover;border:2px solid transparent}#thumbs img.active{border-color:#fff}.productInfo{padding:10vh 6vw}.productInfo small{letter-spacing:2px}.productInfo h2{font-family:Georgia,serif;font-size:38px;font-weight:400}.productInfo>b{font-size:22px}.productInfo>p{line-height:1.6}.productInfo h4{font-size:9px;letter-spacing:1.5px;margin-top:25px}.productInfo #colors button,.productInfo #sizes button{background:none;border:1px solid #aaa;padding:9px 12px;margin:0 6px 6px 0}.productInfo #colors button.active,.productInfo #sizes button.active{background:var(--navy);color:#fff;border-color:var(--navy)}#addBtn{width:100%;margin-top:25px;padding:16px;background:var(--navy);color:#fff;border:0;letter-spacing:1.4px;font-size:10px}.drawer{position:fixed;right:-430px;top:0;bottom:0;width:420px;max-width:92vw;background:var(--foam);z-index:60;padding:50px 30px;transition:.35s}.drawer.open{right:0}.drawer h2{font-family:Georgia,serif;font-weight:400}.cartRow{display:grid;grid-template-columns:65px 1fr 25px;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.cartRow img{width:65px;height:75px;object-fit:cover}.cartRow button{border:0;background:none}.subtotal{margin-top:25px;display:flex;justify-content:space-between}
@media(max-width:900px){header{height:68px;padding:0 18px}.brand img{width:130px}nav{display:none}.topbar{font-size:8px}.hero{height:310px;min-height:0}.hero h1{font-size:29px;letter-spacing:4px}.section{padding:55px 20px}.sectionTitle h2{font-size:30px}.productGrid{grid-template-columns:repeat(2,1fr);gap:12px}.cardImg{height:245px}.typeGrid{display:flex;overflow-x:auto;gap:10px}.typeGrid a{min-width:125px}.animalSection{padding:60px 20px}.animalGrid{display:flex;overflow-x:auto}.animalGrid a{min-width:78vw;height:420px}.animalGrid span{font-size:26px}.origin{grid-template-columns:1fr}.originPhoto{height:420px}.originText{padding:55px 25px}.catalog .sectionTitle button{display:block;background:var(--navy);color:#fff;border:0;padding:11px;font-size:9px}.catalogLayout{display:block}.catalog aside{position:fixed;z-index:70;left:0;right:0;bottom:-100%;top:auto;background:var(--foam);padding:25px;transition:.3s;max-height:78vh;overflow:auto}.catalog aside.open{bottom:0}.essence{min-height:520px}.essence>div{width:90%;padding:0 25px}.essence h2{font-size:36px}footer{grid-template-columns:1fr 1fr;padding:45px 25px}.modal{inset:0;grid-template-columns:1fr}.gallery{min-height:58vh}.gallery>img{height:58vh}.productInfo{padding:35px 25px}.productInfo h2{font-size:30px}.sectionTitle>a{display:none}}
/* V7 — Encontre pelo animal: fundo do mar + ícones circulares compactos */
.animalSection{position:relative;background-image:linear-gradient(rgba(3,28,47,.62),rgba(3,28,47,.74)),url('assets/fundo_mar_animais.jpeg');background-size:cover;background-position:center 52%;background-attachment:scroll;color:#fff;padding:72px 5% 78px;overflow:hidden}
.animalSection:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(74,190,216,.16),transparent 44%);pointer-events:none}.animalSection>*{position:relative;z-index:1}.animalIntro{max-width:720px;margin:0 auto 34px;text-align:center}.animalIntro>p:last-child{max-width:650px;margin:14px auto 0}.animalGrid{display:flex;justify-content:center;gap:clamp(24px,5vw,70px);align-items:flex-start}.animalGrid a{width:clamp(150px,15vw,205px);height:auto;overflow:visible;text-align:center;display:block}.animalGrid img{width:clamp(132px,13vw,180px);height:clamp(132px,13vw,180px);border-radius:50%;object-fit:cover;display:block;margin:0 auto;border:2px solid rgba(255,255,255,.78);box-shadow:0 12px 35px rgba(0,18,33,.3);transition:transform .35s ease,box-shadow .35s ease}.animalGrid a:after{display:none}.animalGrid a:hover img{transform:translateY(-4px) scale(1.025);box-shadow:0 16px 40px rgba(0,18,33,.42)}.animalGrid div{position:static;display:block;margin-top:15px}.animalGrid span{display:block;font-family:Georgia,serif;font-size:21px;letter-spacing:.5px}.animalGrid small{display:block;margin-top:6px;font-size:7px;letter-spacing:1.4px;opacity:.8}
@media(max-width:900px){.animalSection{padding:52px 18px 58px;background-position:center center}.animalIntro{margin-bottom:28px}.animalGrid{display:flex;overflow-x:auto;justify-content:flex-start;gap:18px;padding:2px 4px 12px;scroll-snap-type:x proximity}.animalGrid a{min-width:118px;width:118px;height:auto;scroll-snap-align:start}.animalGrid img{width:108px;height:108px}.animalGrid span{font-size:17px}.animalGrid small{font-size:6px;white-space:nowrap}}
/* V7.1 — correção da logomarca no cabeçalho da página Nossa História */
header > a > img.logo{width:170px!important;height:auto!important;max-width:170px!important;display:block!important;object-fit:contain!important}
@media(max-width:900px){header > a > img.logo{width:130px!important;max-width:130px!important}}

/* Livros: preservar enquadramento original sem cortes */
.card[data-id="8"] .cardImg img,.card[data-id="9"] .cardImg img,.card[data-id="10"] .cardImg img{object-fit:contain;background:transparent}
.card[data-id="8"] .cardImg,.card[data-id="9"] .cardImg,.card[data-id="10"] .cardImg{background:transparent;border:0}
.modal.book .gallery>img{object-fit:contain;background:#f2eee7}

/* V7.7 — padronização visual dos livros: todos os cards com a mesma caixa, sem borda e sem recorte */
.card[data-type="livro"] .cardImg{height:390px;background:transparent;border:0;display:flex;align-items:center;justify-content:center}
.card[data-type="livro"] .cardImg img{width:100%;height:100%;object-fit:contain;background:transparent}
@media(max-width:900px){.card[data-type="livro"] .cardImg{height:245px}}