/* Adapted from TalenDear's native 21st.dev InfoCard / spotlight / metallic cards.
   Scoped to this storefront with the warm neutral brand direction. */
@property --rotation{syntax:'<angle>';initial-value:0rad;inherits:false}
.product.info-card{--rotation:.8rad;--pointer-x:50%;--pointer-y:50%;--info-accent:#aa8760;position:relative;isolation:isolate;min-width:0;padding:8px;border:1.5px solid transparent;border-radius:23px;background-origin:border-box;background-clip:padding-box,border-box;background-image:linear-gradient(#ede8de,#ede8de),conic-gradient(from var(--rotation),#c9b89b 0deg,#977650 38deg,#fffdf7 68deg,#c4ac8b 102deg,#e6dccb 168deg,#aa8760 228deg,#fffdf7 275deg,#bba07b 314deg,#c9b89b 360deg);box-shadow:0 12px 25px -22px #3d302f66;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}
.info-card-inner{position:relative;overflow:hidden;border-radius:15px;background:#f9f7f1;min-width:0;padding-bottom:19px}
.product.info-card .product-art{border-radius:15px 15px 6px 6px;background:linear-gradient(145deg,#eeeae2,#e3ddd1);isolation:isolate}
.product.info-card:nth-child(even) .product-art{background:linear-gradient(145deg,#e8e2d7,#dad2c3)}
.product-art:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(250px circle at var(--pointer-x) var(--pointer-y),#fff9eaa8,transparent 75%);mix-blend-mode:soft-light;opacity:0;transition:opacity .35s}
.product.info-card:after{content:'';position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;padding:2px;background:radial-gradient(190px circle at var(--pointer-x) var(--pointer-y),#fffaf0 0%,#b7905b 35%,transparent 75%);opacity:0;transition:opacity .35s;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.product.info-card .product-meta{padding:0 13px;align-items:center;gap:6px;margin-top:15px}.product.info-card .product-type{padding:0 13px;margin-top:9px}.product-title{position:relative;isolation:isolate;display:block;overflow:hidden;padding:5px 2px;margin-left:-2px}.product-title>span{position:relative;z-index:1}.product-title:before{content:'';position:absolute;inset:0;background:#d9c5a4;clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);transition:clip-path .4s cubic-bezier(.1,.5,.5,1)}.product.pointer-active .product-title:before,.product:focus-visible .product-title:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.product .plus{z-index:2;border:1px solid #ffffffa8;background:#f7f3eac9;backdrop-filter:blur(8px);transition:transform .35s,background .35s}.product.pointer-active .plus{transform:rotate(90deg);background:#fffaf0}.product.info-card:focus-visible{outline:3px solid #967449;outline-offset:5px}.product.pointer-active:after,.product.pointer-active .product-art:before{opacity:1}
.together{border-radius:25px;overflow:hidden;background:transparent;gap:14px}.together-art{border-radius:25px;background:radial-gradient(ellipse at 35% 25%,#e0d5c2,#b6a58a);border:1px solid #c3b49d}.together-copy.metal-card{--rotation:.8rad;--pointer-x:50%;--pointer-y:50%;position:relative;isolation:isolate;overflow:hidden;border:1.5px solid transparent;border-radius:25px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:65px 10%;background-origin:border-box;background-clip:padding-box,border-box;background-image:linear-gradient(135deg,#fbf9f2 0%,#eae2d5 48%,#f6f1e7 100%),conic-gradient(from var(--rotation),#d4c5ae 0deg,#a58b65 38deg,#fffdf6 68deg,#ccbb9e 102deg,#eee5d5 168deg,#ab8c61 228deg,#fffdf6 275deg,#c7af8e 314deg,#d4c5ae 360deg);box-shadow:inset 0 1px 0 #fff,0 14px 28px -22px #4c392e55}.metal-card:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(300px circle at var(--pointer-x) var(--pointer-y),#fffffff0 0%,#e5d3b46b 36%,transparent 75%);opacity:0;transition:opacity .4s}.metal-card:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 20%,#ffffff90 43%,#ffffffd0 46%,transparent 66%);transform:translateX(-120%);opacity:0;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .4s}.metal-card .button{align-self:start}.button{border-radius:50px;box-shadow:inset 0 1px 0 #ffffff1f,0 6px 15px #30231612;transition:background .3s,box-shadow .3s,transform .3s}.button:hover{box-shadow:inset 0 1px 0 #ffffff38,0 10px 22px #30231626;transform:translateY(-2px)}.hero-photo{border-radius:0 0 0 30px}.photo-tag{border:1px solid #ffffffb0;border-radius:30px;backdrop-filter:blur(12px)}
@media(hover:hover) and (pointer:fine){.product.info-card.pointer-active{transform:translateY(-6px);box-shadow:0 20px 35px -21px #3b2e2866}.product.pointer-active svg{transform:scale(1.045)}.metal-card.pointer-active:before{opacity:1}.metal-card.pointer-active:after{transform:translateX(110%);opacity:.65}}
@media(max-width:800px){.product.info-card{padding:5px;border-radius:18px}.info-card-inner{border-radius:12px;padding-bottom:15px}.product.info-card .product-meta{padding:0 8px;flex-wrap:wrap}.product.info-card .product-type{padding:0 8px}.product-title{font-size:11px}.product.info-card .tag{left:10px;font-size:7px}.together{gap:12px}.together-copy.metal-card{padding:45px 8%}.hero-photo{border-radius:25px 25px 0 0;margin:0 4%}.metal-card:after{display:none}}
@media(prefers-reduced-motion:reduce){.product.info-card,.metal-card{transform:none!important;background-image:linear-gradient(#f2ede3,#f2ede3),linear-gradient(#c8b69a,#c8b69a)}.product.info-card:after,.product-art:before,.metal-card:before,.metal-card:after{display:none}.product-title:before{transition:none}.product svg,.button{transform:none!important;transition:none!important}}
/* Review 15 October: equal hero tracks and a stronger, balanced statement strip. */
.hero{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy,.hero-photo{min-width:0}.hero-copy{padding-left:8%}.hero-copy h1{font-size:clamp(49px,5.6vw,92px);overflow-wrap:normal}.hero-bottom{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;padding:29px 7%;background:linear-gradient(110deg,#e6dccb,#f0e9dc 55%,#e3d5c0);border-top:1px solid #c7b69b;border-bottom:1px solid #c7b69b;color:#353027;box-shadow:inset 0 1px 0 #fff8;letter-spacing:2px;font-size:clamp(11px,1.1vw,16px);font-weight:600;line-height:1.6;min-height:90px}.hero-bottom>span{display:block;text-align:center}.hero-bottom>span:first-child{border-right:1px solid #b5a283;padding-right:24px}.hero-bottom>a{position:absolute;right:3.5%;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border:1px solid #b5a283;border-radius:50%;font-size:21px;font-weight:400;line-height:1;background:#f6f1e65e}.hero-bottom>a:hover{background:#faf7ef}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{padding-left:6%}.hero-copy h1{font-size:clamp(45px,9vw,65px)}.hero-bottom{padding:24px 55px 24px 6%;grid-template-columns:minmax(0,1fr);gap:0;min-height:80px;font-size:11px;letter-spacing:1.7px}.hero-bottom>span:first-child{border:0;padding:0;text-align:left}.hero-bottom>span:nth-child(2){display:none}.hero-bottom>a{right:5%}}
/* Refined screenshot feedback: square hero, quiet statement strip, clearer note. */
.hero-photo{border-radius:0}
.hero-bottom{background:#efebe2;border-color:#d9d1c3;box-shadow:none;min-height:65px;padding-top:19px;padding-bottom:19px;font-size:12px;font-weight:500;letter-spacing:1.7px;color:#4a453c}
.hero-bottom>span:first-child{border-right:0}
.hero-bottom>a{border-color:transparent;background:none;font-size:22px}
.hero-note{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;line-height:1.6;color:#454138}
.hero-note .paw{margin:0;font-size:25px;line-height:1;color:#343028}
@media(max-width:800px){.hero-photo{border-radius:0}.hero-bottom{min-height:62px;font-size:10px;letter-spacing:1.4px;padding-top:17px;padding-bottom:17px}.hero-note{font-size:13px;gap:10px}}