/* HMTM — a considered storefront built around real products. */
:root { --green:#183e34; --ink:#19382f; --cream:#faf9f5; --muted:#596b61; --line:#dce2d9; --lime:#e8edbc; }
body { background:var(--cream); color:var(--ink); font-family:'DM Sans',Arial,sans-serif; font-size:16px; }
.wrap { width:calc(100% - 80px); max-width:1280px; }
a,button { touch-action:manipulation; }
.announcement { background:var(--green); padding:11px 20px; color:white; font-size:13px; letter-spacing:.25px; }
.announcement span { color:#e8edbc; }
.header { height:auto; min-height:105px; display:flex; align-items:center; justify-content:space-between; gap:30px; padding:20px 0; }
.logo { font-size:40px; letter-spacing:-2px; font-weight:800; color:var(--green); white-space:nowrap; }
.logo span { display:inline-block; color:#98a863; font-size:19px; margin:0 0 0 5px; }
.header nav { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:23px; max-width:none; }
.header nav>a,.nav-button { font-size:14px; min-height:40px; display:inline-flex; align-items:center; gap:6px; }
.header nav>a:hover { color:#6c7d48; }
.nav-button b { background:#e8eddd; color:var(--green); font-size:12px; padding:5px 7px; margin-left:0; }
.language-control { font-size:14px; }
.language-control select { border:1px solid #d1d9cf; background:transparent; border-radius:6px; padding:8px; font-size:14px; max-width:125px; min-height:40px; }
#shop-notice:empty { display:none; }
.hero { display:grid; grid-template-columns:1fr 1fr; min-height:540px; background:#eef0e6; border-radius:8px; overflow:hidden; }
.hero-copy,html[dir=rtl] .hero-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:50px 48px; }
.hero-copy .eyebrow { font-size:12px; color:#586d43; letter-spacing:2px; font-weight:700; }
.hero-copy h1 { font-family:Georgia,serif; font-weight:400; font-size:clamp(43px,4.7vw,66px); letter-spacing:-2.3px; line-height:1.05; margin:24px 0; color:#183e34; }
.hero-copy h1 em { font-family:Georgia,serif; font-weight:400; color:#718448; }
.hero-copy p { font-size:17px; line-height:1.7; color:#536457; margin:0 0 28px; }
.button { border-radius:4px; padding:14px 22px; font-size:15px; font-weight:600; line-height:1.4; }
.button.primary { background:var(--green); border:1px solid var(--green); color:#fff; }
.button.primary:hover { background:#2b5546; }
.button.outline { background:transparent; color:var(--green); border:1px solid #b7c8b6; }
.button.outline:hover { background:#eaf0e4; }
.hero-copy .button { padding:16px 24px; }
.hero-address { display:block; font-size:14px; margin-top:23px; text-decoration:underline; text-underline-offset:5px; color:#526254; }
.photo-hero { position:relative; padding:0; margin:0; border:0; border-radius:0; min-height:540px; background:#c5cfbc; display:block; overflow:hidden; }
.photo-hero #hero-image { display:block; position:absolute; inset:0; width:100%; height:100%; padding:0; object-fit:cover; object-position:center; mix-blend-mode:normal; transform:none; filter:none; }
.hero-brand-tag { position:absolute; top:26px; right:26px; border:1px solid #ffffff80; background:#f9faf1ed; color:#183e34; padding:14px 18px; font-size:25px; font-weight:800; letter-spacing:-1px; text-align:center; box-shadow:0 4px 24px #19382f0b; }
.hero-brand-tag span { display:block; font-size:10px; font-weight:600; letter-spacing:1.6px; margin-top:4px; }
.hero-caption { position:absolute; bottom:22px; left:22px; right:22px; background:#fcfdf7ed; backdrop-filter:blur(8px); border:1px solid #fff9; padding:18px 22px; display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--green); border-radius:3px; }
.hero-caption div { min-width:0; }
.hero-caption div>span { display:block; font-size:11px; font-weight:700; color:#60734d; letter-spacing:1.2px; }
.hero-caption button { background:none; border:0; color:#19382f; font-size:16px; text-align:start; font-weight:500; padding:0; margin:7px 0 0; line-height:1.4; display:block; max-width:100%; }
.hero-caption-number { flex-shrink:0; font-size:12px; color:#68775c; letter-spacing:1px; }
.value-strip { display:flex; justify-content:space-around; align-items:center; gap:18px; border-bottom:1px solid var(--line); padding:22px 0; margin:0 auto; color:#5a6c60; font-size:13px; }
.value-strip span { font-size:13px; }
.value-strip span+span { border-left:1px solid #ccd6c7; padding-left:35px; }
.section-tabs { display:flex; justify-content:center; gap:34px; border:0; margin:28px auto 0; padding:0; }
.section-tabs a { font-size:14px; font-weight:500; padding:12px 3px; border-bottom:2px solid transparent; margin:0; }
.section-tabs a[aria-current] { color:var(--green); border-color:#7e9562; }
.brand-selection { padding:36px 0 42px; }
.selection-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:22px; }
.selection-heading .eyebrow { margin-bottom:10px; }
.selection-heading h2 { font-family:Georgia,serif; font-size:37px; font-weight:400; line-height:1.15; letter-spacing:-1px; margin:0; }
.selection-heading>a { font-size:14px; text-decoration:underline; text-underline-offset:5px; margin-bottom:5px; }
.selection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.selection-card { display:flex; flex-direction:column; background:#fff; border:1px solid #e2e6dc; padding:0; text-align:start; color:var(--ink); font:inherit; border-radius:6px; overflow:hidden; cursor:pointer; }
.selection-image { height:265px; overflow:hidden; width:100%; background:#e8ebe1; }
.selection-image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s; }
.selection-pets .selection-image { background:#e7ecdc; padding:12px; }
.selection-pets img { object-fit:contain; mix-blend-mode:multiply; }
.selection-card:hover .selection-image img { transform:scale(1.035); }
.selection-copy { padding:22px 24px; display:flex; flex-direction:column; gap:10px; }
.selection-copy>span:first-child { font-size:11px; color:#6b7c51; letter-spacing:1.5px; font-weight:700; }
.selection-copy strong { font-family:Georgia,serif; font-size:24px; line-height:1.2; font-weight:400; letter-spacing:-.5px; }
.selection-link { font-size:14px; margin-top:4px; color:#52664f; text-decoration:underline; text-underline-offset:4px; }
.catalogue { padding:35px 0 15px; border-top:1px solid var(--line); }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:28px; }
.eyebrow { font-size:12px; color:#64784e; letter-spacing:1.8px; }
.section-heading h2 { font-family:Georgia,serif; font-size:39px; font-weight:400; letter-spacing:-1px; margin:12px 0 0; line-height:1.2; }
.section-heading>p { color:#687466; font-size:14px; line-height:1.65; margin:0; }
.shopping-mode { display:flex; gap:6px; margin-bottom:22px; }
.shopping-mode button { font-size:14px; padding:12px 18px; border:1px solid #d0dacd; border-radius:4px; background:white; color:var(--green); }
.shopping-mode button.active { background:var(--green); color:#fff; border-color:var(--green); }
.toolbar { display:flex; gap:22px; align-items:center; }
.search { display:flex!important; align-items:center; gap:12px; flex:1; min-width:0; min-height:58px; border:1px solid #c5d0be; border-radius:5px; padding:12px 18px; margin:0!important; background:#fff; }
.search input { border:0; outline:0; width:100%; min-width:0; font-size:16px; background:transparent; color:var(--ink); }
.search:focus-within { outline:2px solid #839865; outline-offset:2px; }
.search-understanding { margin:12px 0 5px; font-size:13px; color:var(--muted); }
.search-examples { display:flex; flex-wrap:wrap; gap:14px; margin-bottom:20px; }
.search-examples button { background:none; border:0; color:#64724d; padding:4px 0; font-size:13px; text-decoration:underline; text-underline-offset:4px; }
.sort { font-size:14px; }
.sort select { border-radius:4px; padding:12px; font-size:14px; background:#fff; }
.filter-row { display:flex; gap:22px; flex-wrap:wrap; align-items:center; border-block:1px solid #e0e5da; padding:16px 0; margin:0 0 18px; font-size:14px; }
.filter-row select { background:white; border-radius:4px; padding:9px; font-size:14px; }
.filter-row>.text-button { margin-left:auto; font-size:14px; }
.chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px; }
.chip { padding:10px 15px; font-size:14px; border:1px solid #d8dfd1; border-radius:4px; background:#f2f4ec; color:#50633e; }
.chip.active { background:var(--green); color:white; border-color:var(--green); }
.results-heading { font-size:13px; margin:0 0 18px; color:#687466; }
.products { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.card { display:flex; flex-direction:column; background:#fff; border:1px solid #e0e5dc; border-radius:5px; padding:15px; min-width:0; transition:border-color .2s; }
.card:hover { border-color:#849977; }
.card-visual { position:relative; background:white; aspect-ratio:1; border:0; overflow:hidden; }
.image-button { height:100%; width:100%; padding:10px; border:0; background:transparent; }
.image-button img { width:100%; height:100%; object-fit:contain; }
.favorite-button { width:36px; height:36px; border:1px solid #e4e9dd; background:#fcfdf9; border-radius:50%; color:var(--green); top:3px; right:3px; }
.card-meta { font-size:11px; color:#738264; letter-spacing:.7px; margin-top:16px; }
.card-title { font-size:15px; line-height:1.55; font-weight:500; min-height:69px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; color:var(--ink); text-decoration:none; margin-top:8px; }
.card-bottom { display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:8px; margin-top:auto; padding-top:18px; }
.price-box { display:flex; flex-direction:column; gap:5px; }
.price { font-size:25px; font-weight:700; color:var(--green); }
.price-label,.stock-label,.buy-link { font-size:12px; color:#647162; }
.buy-link { text-decoration:underline; text-underline-offset:3px; }
.featured-label { order:-1; align-self:flex-start; margin:0 0 8px; background:#edf1e2; color:#617743; font-size:11px; letter-spacing:1px; text-transform:uppercase; padding:5px 9px; }
.shop-actions { display:flex; flex-direction:column; gap:7px; padding-top:12px; }
.shop-actions .button { width:100%; background:var(--green); color:white; border-color:var(--green); border-radius:4px; font-size:14px; padding:12px 8px; }
.shop-actions .button:hover { background:#2b5546; }
.promo-badge { background:#f4e3d3; color:#894827; font-size:12px; padding:5px 8px; }
.stock-label { margin:0; line-height:1.5; }
.price-note { font-size:12px; line-height:1.7; }
.collection-discovery { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:38px; margin-bottom:46px; }
.collection-discovery .pets-invitation,.collection-discovery .fashion-invitation { display:grid; grid-template-columns:1.2fr .8fr; gap:0; margin:0; border-radius:6px; background:#183e34; color:white; }
.collection-discovery .fashion-invitation { background:#283844; }
.collection-discovery .pets-invitation>div,.collection-discovery .fashion-invitation>div { padding:30px; }
.collection-discovery h2 { font-family:Georgia,serif; font-size:34px; line-height:1.15; font-weight:400; margin:12px 0 18px; letter-spacing:-1px; }
.collection-discovery p { font-size:14px; line-height:1.6; }
.collection-discovery .eyebrow { color:#d6ddb6; font-size:11px; }
.collection-discovery .button { border:1px solid #e8edbc; color:#183e34; background:#e8edbc; font-size:14px; }
.collection-discovery figure { margin:0; min-height:300px; height:100%; background:#e7ecdc; }
.collection-discovery figure img { display:block; width:100%; height:100%; object-fit:cover; }
.collection-discovery .pets-invitation img { object-fit:contain; padding:16px; mix-blend-mode:multiply; }
.collection-discovery figcaption { font-size:12px; line-height:1.3; }
.about-intro { padding:40px 0; }
.about-intro h2,.warehouse-visit h2 { font-family:Georgia,serif; font-weight:400; font-size:40px; line-height:1.2; }
.about-intro p { font-size:17px; max-width:700px; }
.collection-links { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:30px; }
.collection-links a { border:1px solid var(--line); background:#eef1e6; padding:26px; display:flex; flex-direction:column; gap:9px; }
.collection-links span { font-size:14px; }
.how { background:#ecf0e4; margin-top:0; }
.warehouse-visit { padding-top:40px; }
.address-link { display:block; margin-bottom:20px; text-decoration:underline; text-underline-offset:4px; font-size:22px; }
.visit-note { background:#edf1e3; border-radius:5px; }
footer { border-top:1px solid var(--line); margin-top:30px; padding-top:32px; }
footer .logo { font-size:33px; }
dialog { border-radius:8px; background:#faf9f5; }
.detail-copy h2 { font-family:'DM Sans',Arial,sans-serif; font-size:27px; line-height:1.35; }
.chat-launcher { background:#183e34; border:1px solid #ffffff60; color:white; border-radius:6px; bottom:18px; right:18px; padding:13px 18px; font-size:14px; z-index:30; box-shadow:0 5px 20px #183e341a; }
.chat-launcher span { color:#dae798; margin-right:7px; }
#chat-dialog { background:#faf9f5; max-width:620px; }
#chat-dialog h2 { font-family:Georgia,serif; font-weight:400; }
.guide-bubble { background:#ecf0e4; padding:18px; border-radius:7px; font-size:16px; line-height:1.6; }
.guide-actions { display:flex; gap:10px; flex-wrap:wrap; margin:18px 0; }
.guide-actions .button { font-size:14px; padding:12px; }
.guide-actions form { width:100%; display:flex; gap:8px; }
.guide-actions input { min-width:0; flex:1; padding:12px; border:1px solid #becdb4; }
.guide-product { display:flex; gap:14px; align-items:center; width:100%; text-align:start; padding:12px; border:1px solid var(--line); background:white; margin:8px 0; }
.guide-product img { width:65px; height:65px; object-fit:contain; }
.guide-product span { font-size:14px; line-height:1.5; }
.install-banner { position:fixed; inset-inline:20px; bottom:80px; max-width:540px; margin:auto; padding:15px; display:flex; gap:12px; align-items:center; background:#fff; border:1px solid var(--line); z-index:25; box-shadow:0 8px 28px #183e341a; }
.install-banner div { flex:1; }
.install-banner img { border-radius:7px; }
.install-banner strong { font-size:15px; }
.install-banner p { font-size:13px; margin:5px 0 0; }
.install-banner .button { font-size:14px; }
.install-section { padding-bottom:100px; }
.seo-product { max-width:900px; padding:40px 0; }
.seo-product img { width:100%; max-height:440px; object-fit:contain; background:white; }
.seo-product h1 { font-size:32px; line-height:1.3; }
.seo-product p { white-space:pre-line; }
[hidden] { display:none!important; }
@media(max-width:1100px) {
 .wrap { width:calc(100% - 48px); }
 .header { gap:20px; }.header nav { gap:12px; }.hero-copy,html[dir=rtl] .hero-copy { padding:36px; }
 .hero-copy h1 { font-size:51px; }.hero,.photo-hero { min-height:480px; }
 .selection-image { height:220px; }.selection-copy { padding:20px; }.selection-copy strong { font-size:22px; }
 .products { grid-template-columns:repeat(3,minmax(0,1fr)); }.collection-discovery h2 { font-size:30px; }
}
@media(max-width:820px) {
 .header { flex-wrap:wrap; min-height:0; padding:18px 0; gap:8px; }.header nav { flex:1; }
 .hero-copy,html[dir=rtl] .hero-copy { padding:30px; }.hero-copy h1 { font-size:43px; }.hero-copy p { font-size:16px; }
 .hero,.photo-hero { min-height:440px; }.selection-grid { gap:14px; }.selection-image { height:190px; }.selection-copy { padding:16px; }
 .value-strip span+span { padding-left:20px; }.collection-discovery { grid-template-columns:1fr; }
}
@media(max-width:680px) {
 .wrap { width:calc(100% - 32px); }.announcement { font-size:12px; padding:9px 12px; }
 .header { display:grid; grid-template-columns:1fr; gap:10px; min-height:0; padding:15px 0 12px; }
 .header>.logo { font-size:30px; grid-area:1/1; justify-self:start; align-self:start; margin-top:4px; position:relative; z-index:1; }.header .logo span { display:none; }
 .header nav { grid-area:1/1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:40px 38px; gap:7px 4px; width:100%; max-width:none; }
 .header nav>a { grid-row:2; justify-content:center; min-height:38px; font-size:14px; white-space:nowrap; }
 .header nav>a:nth-child(1) { grid-column:1; }.header nav>a:nth-child(2) { grid-column:2; display:inline-flex; }
 .header nav>a:nth-child(3) { grid-column:3; }.header nav>a:nth-child(4) { grid-column:4; }
 .header nav #favorites { grid-area:1/2; justify-self:end; font-size:14px; padding:0; gap:4px; }.header nav #favorites>span { display:none; }
 .header nav #open-basket { grid-area:1/3; font-size:14px; white-space:nowrap; padding:0; gap:4px; justify-self:center; }
 .header nav .language-control { grid-area:1/4; justify-self:end; font-size:0; gap:0; }.language-control select { font-size:12px; max-width:90px; width:90px; padding:5px; min-height:36px; }
 .header nav b { width:23px; height:23px; min-width:23px; display:inline-flex; align-items:center; justify-content:center; padding:0; }
 .hero { display:flex; flex-direction:column; min-height:0; border-radius:6px; }.hero-copy,html[dir=rtl] .hero-copy { padding:30px 26px 28px; }
 .hero-copy h1 { font-size:45px; letter-spacing:-1.6px; line-height:1.07; margin:18px 0; }.hero-copy p { font-size:16px; line-height:1.6; margin-bottom:22px; }
 .hero-copy .button { padding:14px 19px; font-size:14px; }.hero-address { margin-top:18px; font-size:14px; }
 .photo-hero { order:-1; flex-shrink:0; min-height:0; height:300px; padding:0; }.photo-hero #hero-image { height:100%; width:100%; object-fit:cover; object-position:center 53%; }
 .hero-brand-tag { top:16px; right:16px; padding:10px 13px; font-size:22px; }.hero-brand-tag span { font-size:9px; }
 .hero-caption { bottom:16px; left:16px; right:16px; padding:14px 16px; }.hero-caption div>span { display:block; font-size:10px; }
 .hero-caption button { font-size:15px; line-height:1.35; }.hero-caption-number { display:none; }
 .value-strip { gap:12px; padding:17px 0; justify-content:space-between; }.value-strip span { font-size:12px; }.value-strip span+span { padding-left:0; border:0; }.value-strip span:last-child { display:none; }
 .section-tabs { justify-content:space-between; gap:10px; margin-top:16px; }.section-tabs a { font-size:14px; padding:12px 0; }
 .brand-selection { padding:28px 0 30px; }.selection-heading { align-items:center; margin-bottom:20px; }.selection-heading h2 { font-size:29px; }.selection-heading>a { font-size:12px; max-width:90px; line-height:1.5; text-align:end; }
 .selection-grid { grid-template-columns:1fr 1fr; gap:12px; }.selection-image { height:170px; }.selection-copy { padding:16px; }.selection-copy strong { font-size:22px; line-height:1.15; }.selection-link { font-size:13px; }
 .selection-pets { grid-column:1/-1; display:grid; grid-template-columns:40% 60%; align-items:center; background:#edf1e4; }.selection-pets .selection-image { height:210px; }.selection-pets .selection-copy { padding:22px; }
 .catalogue { padding-top:28px; }.section-heading { display:block; margin-bottom:20px; }.section-heading h2 { font-size:30px; margin-top:9px; }.section-heading>p { display:none; }
 .shopping-mode { gap:8px; margin-bottom:18px; }.shopping-mode button { flex:1; font-size:14px; padding:11px 8px; white-space:nowrap; }
 .toolbar { flex-direction:column; gap:12px; }.search { width:100%; min-height:54px; padding:11px 13px; }.search input { font-size:16px; }
 .sort { display:flex; justify-content:space-between; align-items:center; width:100%; font-size:14px; }.sort>span { display:inline; }.sort select { padding:10px; font-size:14px; }
 .search-understanding,.search-examples button { font-size:12px; }.search-examples { gap:12px; }.filter-row { gap:13px; font-size:14px; }.category-label { width:100%; display:flex; justify-content:space-between; align-items:center; }.category-label select { max-width:70%; font-size:14px; }.filter-row>.text-button { margin-left:0; }.check { align-items:center; }
 .chips { gap:7px; }.chip { padding:9px 11px; font-size:14px; }.results-heading { font-size:12px; flex-wrap:wrap; align-items:start; }#updated { max-width:45%; text-align:end; }
 .products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.card { padding:11px; }.card-title { font-size:14px; min-height:66px; line-height:1.5; }.card-meta { font-size:12px; letter-spacing:0; overflow-wrap:anywhere; }
 .featured-label { font-size:12px; letter-spacing:.5px; padding:5px 7px; }.price { font-size:23px; }.price-label,.stock-label,.buy-link { font-size:12px; }.image-button { padding:6px; }.card-bottom { padding-top:15px; }.shop-actions .button { font-size:14px; padding:11px 4px; }.favorite-button { width:32px; height:32px; }
 .collection-discovery { margin-top:26px; gap:20px; }.collection-discovery .pets-invitation,.collection-discovery .fashion-invitation { grid-template-columns:1.2fr .8fr; }.collection-discovery .pets-invitation>div,.collection-discovery .fashion-invitation>div { padding:24px; }.collection-discovery h2 { font-size:29px; }.collection-discovery .eyebrow { font-size:11px; letter-spacing:1px; }.collection-discovery p { font-size:14px; }.collection-discovery figure { min-height:310px; }.collection-discovery .button { font-size:14px; padding:12px 13px; }
 .about-intro h2,.warehouse-visit h2 { font-size:32px; }.about-intro p { font-size:16px; }.collection-links { grid-template-columns:1fr; }.address-link { font-size:20px; }
 dialog { max-width:calc(100% - 24px); padding:32px 20px; }.detail-copy h2 { font-size:23px; }.chat-launcher { font-size:14px; padding:11px 14px; right:12px; bottom:12px; }.chat-launcher span { display:none; }
 .guide-actions form { flex-wrap:wrap; }.guide-actions input { flex-basis:100%; }.guide-product span { font-size:14px; }.install-banner { inset-inline:12px; gap:10px; padding:12px; }.install-banner img { width:38px; height:38px; }.install-banner strong { font-size:14px; }.install-banner .button { font-size:12px; padding:10px; }
 footer { gap:20px; }footer .logo { font-size:30px; }
}
@media(max-width:370px) {
 .header nav #open-basket { font-size:12px; }.language-control select { width:76px; max-width:76px; }.header nav>a { font-size:12px; }
 .hero-copy,html[dir=rtl] .hero-copy { padding:26px 22px; }.hero-copy h1 { font-size:39px; }.hero-copy p { font-size:16px; }.section-tabs a { font-size:12px; }.shopping-mode button { font-size:12px; }
 .selection-image { height:145px; }.selection-copy { padding:13px; }.selection-copy strong { font-size:20px; }.selection-link { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .selection-image img,.card { transition:none; }.selection-card:hover img { transform:none; } }

/* General collection photographs: show every animal, garment and pair of shoes. */
.selection-pets .selection-image { background:#2ba3df; padding:0; }
.selection-pets .selection-image img { object-fit:contain; mix-blend-mode:normal; }
.collection-discovery .pets-invitation figure { background:#2ba3df; }
.collection-discovery .pets-invitation figure img { object-fit:contain; padding:0; mix-blend-mode:normal; }
.collection-discovery .fashion-invitation figure { background:#20323e; }
.collection-discovery .fashion-invitation figure img { object-fit:contain; object-position:center; }
.collection-discovery figure { position:relative; min-height:340px; }
.collection-discovery figcaption { bottom:10px; inset-inline:10px; background:#183e34d9; color:white; padding:7px 9px; }
@media(max-width:680px) {
 .selection-pets { grid-template-columns:1fr; }
 .selection-pets .selection-image { height:auto; aspect-ratio:3/2; }
 .collection-discovery .pets-invitation,.collection-discovery .fashion-invitation { grid-template-columns:1fr; }
 .collection-discovery figure { grid-row:1; height:auto; min-height:0; }
 .collection-discovery .pets-invitation figure { aspect-ratio:3/2; }
 .collection-discovery .fashion-invitation figure { aspect-ratio:3/4; }
 .collection-discovery figure img { position:absolute; inset:0; }
 .collection-discovery .pets-invitation>div,.collection-discovery .fashion-invitation>div { padding:26px; }
}