/* Photo-led catalogue. All photography is real; product buttons remain CSS. */
.hero{padding-bottom:12px}.hero h1{font-size:clamp(44px,5vw,67px);margin:12px 0 5px}.hero-sub{font-size:18px;margin:9px 0}.hero-buttons{padding:7px 0 15px;gap:10px}.hero-animal{display:block;width:100%;height:105px;padding:3px;background:#fffce6;border:2px solid #171717;box-shadow:3px 3px 0 #0005;transform:rotate(-3deg);overflow:hidden}.hero-animal img{width:100%;height:100%;object-fit:cover;display:block}.mini-product:nth-child(even) .hero-animal{transform:rotate(3deg)}.hero-animal:hover{transform:rotate(0)}.mini-product .product-button{height:64px;max-width:115px;margin:1px auto 0}.hero-buttons .mini-product>span{margin-top:7px}.hero-bottom>span{font-size:11px}.hero-animal img[src*="bird"]{object-position:32% 45%}.hero-animal img[src*="dog"]{object-position:57% 40%}.hero-animal img[src*="seal"]{object-position:23% 63%}
.product-visual{height:230px;margin:8px 0 10px;background:var(--accent);border:3px solid var(--accent);overflow:hidden}.animal-photo{position:absolute;inset:0;border:0;padding:0;background:none;width:100%;height:100%;overflow:hidden}.animal-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.animal-photo:hover img{transform:scale(1.04)}#joy .animal-photo img{object-position:32% 40%}#anger .animal-photo img{object-position:58% 40%}#sadness .animal-photo img{object-position:24% 65%}#anxiety .animal-photo img{object-position:center 45%}.product-visual .product-button{position:absolute;right:9px;bottom:10px;width:106px;height:76px;filter:drop-shadow(0 2px 1px #fff);z-index:1}.product-visual .supplied-product{position:absolute;right:5px;bottom:5px;width:100px;height:90px;object-fit:contain}.on-sale{top:10px;left:9px}.product-title h3{font-size:23px}.animal-label{margin:8px 0 10px}.product-card{padding:10px}.card-actions .old-button{padding:7px 13px}.detail-animal img{width:100%;height:190px;object-fit:cover;border:1px solid #777}.detail-button{max-width:140px;margin:10px auto}.detail-button .product-button{height:85px}
.side-photo-ad{display:block;position:relative;margin:14px 0;border:3px ridge #b9a8cc;background:#9a53bf;color:#fff!important;text-decoration:none;text-align:center}.side-photo-ad img{width:100%;height:195px;object-fit:cover;display:block}.side-photo-ad strong{display:block;background:#ffe100;color:#151515;font:22px Impact,Arial;padding:7px 2px;transform:rotate(-4deg)}.side-photo-ad span{display:block;padding:8px;font:bold 12px Arial}.salesman-ad{display:block;position:relative;border:4px double #292018;background:#e92c2e;margin:0 0 14px;text-align:center;color:#fff9cf!important;text-decoration:none;overflow:hidden;transform:rotate(1deg)}.salesman-top{display:block;font:bold 12px Arial;padding:8px 2px;background:#ffe100;color:#111}.salesman-ad img{display:block;width:100%;height:255px;object-fit:cover;object-position:42% 40%}.salesman-ad strong{position:absolute;right:4px;top:65px;font:bold 27px/.92 Impact,Arial;color:#e92023;background:#fff638;padding:9px 5px;transform:rotate(8deg);border:2px solid #111;text-shadow:1px 1px #fff}.salesman-bottom{display:block;padding:9px 2px;font:bold 13px Arial}.welcome>a{margin:10px}.welcome{margin-bottom:12px}.quick-quiz{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:13px}.quick-quiz button{padding:16px 4px;border:3px outset #ddd;text-align:center;font:bold 17px Impact,Arial;background:var(--feeling);color:#111;text-shadow:0 1px #fff7}.quick-quiz button:hover{filter:brightness(1.12);background:var(--feeling)}.steps{padding:12px}.steps>div{display:flex;align-items:center;gap:12px}.steps b{font-size:35px}.steps h3{font-size:12px;margin:0}.about{padding:0}.about-short{padding:15px}.about-short h3{font-size:27px;margin:0 0 12px}.about-short p{font-size:13px;line-height:1.5;margin:10px 0}.about-short summary{cursor:pointer;color:#0000ab;font-size:12px;text-decoration:underline}.faq details{padding:9px}.utility{letter-spacing:.5px}
@media(max-width:1000px){.hero-animal{height:85px}.hero-buttons{gap:7px}.product-visual{height:195px}.salesman-ad img{height:225px}.salesman-ad strong{font-size:24px}.quick-quiz button{font-size:14px}.steps>div{gap:6px}.steps b{font-size:28px}.steps h3{font-size:10px}}
@media(max-width:760px){.hero-animal{height:78px}.hero h1{font-size:44px}.product-visual{height:180px}.product-visual .product-button{width:85px;height:62px}.side-photo-ad img{height:140px}.hero-buttons .mini-product>span{font-size:8px}.steps{grid-template-columns:repeat(3,1fr)}.steps>div{display:block;text-align:center;border-right:1px dotted #aaa;border-bottom:0;padding:5px}.steps b{float:none;display:block;margin:0 0 7px}.quick-quiz{gap:5px;padding:9px}.quick-quiz button{font-size:13px}.salesman-ad{max-width:310px}.salesman-ad img{height:280px}}
@media(max-width:480px){.hero h1{font-size:49px}.hero-animal{height:82px}.hero-sub{font-size:16px}.mini-product .product-button{height:47px}.hero-buttons{gap:6px}.product-visual{height:195px}.product-title h3{font-size:21px}.animal-label{font-size:10px;min-height:23px}.product-card{padding:8px}.product-visual .product-button{width:83px;height:61px;right:6px}.section-heading h2{font-size:12px}.salesman-ad img{height:245px}.salesman-ad strong{font-size:24px}.hero-bottom>span{font-size:9px}.side-photo-ad{display:none}}

.salesman-ad.poster-ad{transform:none;padding:0;background:#ed2224}.salesman-ad.poster-ad img{width:100%;height:auto;object-fit:contain;display:block}
