.hero-preview-note{display:block;font-size:10px;color:#b8c8ab;margin-top:16px;letter-spacing:.4px}
.hero-catalog{isolation:isolate}
.hero-mascot{width:310px;height:310px;position:relative;transform:rotate(-8deg);background:linear-gradient(145deg,#f3eafa,#d1c4e2);border:1px solid #ffffff66;border-radius:34px;box-shadow:22px 25px 0 #0e161c24;display:grid;place-items:center;animation:hero-float 7s ease-in-out infinite}
.hero-mascot img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 20px 18px #50436426)}
.hero-mascot-caption{position:absolute;bottom:17px;left:0;right:0;text-align:center;letter-spacing:2px;font-size:8px;color:#5c476f}
.hero-mini-card{position:absolute;right:10px;top:38px;width:155px;height:170px;background:#eef5f4;border-radius:22px;box-shadow:0 15px 35px #0002;transform:rotate(9deg);display:flex;align-items:center;flex-direction:column;animation:mini-float 8s ease-in-out infinite;animation-delay:-2s}
.hero-mini-card img{width:132px;height:132px;object-fit:contain}
.hero-mini-card>span{font-size:9px;color:#37424d;display:flex;gap:10px;align-items:center}
.hero-mini-card b{font-weight:500;font-size:8px;background:#dce8e9;padding:4px;border-radius:4px}
.hero-floating-label{position:absolute;left:15px;bottom:28px;color:#1b2c24;background:#d9efb6;border:1px solid #e9f7d2;border-radius:50px;padding:12px 20px;font-size:24px;transform:rotate(-5deg);box-shadow:0 8px 24px #0002}
.hero-floating-label>span{font-size:11px;vertical-align:middle;margin-left:10px}
.catalog-review-note{display:flex;align-items:center;gap:9px;color:#706756;background:#ede9de;border:1px solid #e4dfd2;border-radius:9px;font-size:11px;line-height:1.8;padding:11px 15px;margin-bottom:22px}
.catalog-review-note svg{height:16px;width:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5}
.catalog-status{font-size:9px;color:#6d715d;background:#edf0e7;border:1px solid #e1e6d9;border-radius:30px;padding:5px 9px;white-space:nowrap}
.catalog-status.unavailable{background:#ecebea;color:#7d7973;border-color:#e1dfdb}
.product-grid .product-card{display:flex;flex-direction:column}
.product-grid .card-details{flex:1;display:flex;flex-direction:column;min-width:0;width:100%}
.product-grid .card-details>.product-art{width:100%}
.product-grid .product-purchase-bar{margin-top:auto}
.catalog-art{isolation:isolate;background:radial-gradient(ellipse at 35% 25%,#f8f9f3,#dce8cd);margin-bottom:0}
.catalog-art.peach{background:radial-gradient(ellipse at 35% 25%,#fff6ec,#f0d6c4)}
.catalog-art.lavender{background:radial-gradient(ellipse at 35% 25%,#f6f1ff,#dbd1ed)}
.catalog-art.sky{background:radial-gradient(ellipse at 35% 25%,#f2f9ff,#ccdde8);color:#58748a}
.catalog-art.sand{background:radial-gradient(ellipse at 35% 25%,#f8f4e7,#e6d9b8)}
.catalog-art.ink{background:radial-gradient(ellipse at 35% 25%,#68717a,#242f3a);color:#e9dfb3}
.catalog-art .art-label{font-size:8px;letter-spacing:1.4px;z-index:3;color:#536458;top:15px;left:15px}
.catalog-art.peach .art-label,.catalog-art.peach .art-number{color:#886245}
.catalog-art.lavender .art-label,.catalog-art.lavender .art-number{color:#6c5b86}
.catalog-art.ink .art-label,.catalog-art.ink .art-number{color:#ddd6be}
.catalog-art .art-number{z-index:3;font-size:7px;bottom:13px;left:15px;letter-spacing:1.2px}
.product-visual{height:88%;width:88%;z-index:1;position:relative;transition:scale .45s cubic-bezier(.2,.7,.2,1)}
.product-visual img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 10px #4a42571c);animation:product-float 6.5s ease-in-out infinite;animation-play-state:paused}
.art-visible .product-visual img,.art-visible .art-particle,.art-visible .art-halo{animation-play-state:running}
.product-card:hover .product-visual,.product-card:focus-within .product-visual{scale:1.08}
.product-card:nth-child(3n+2) .product-visual img{animation-delay:-2.2s}
.product-card:nth-child(3n+3) .product-visual img{animation-delay:-4.4s}
.art-halo{position:absolute;width:64%;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff77;inset:18% auto auto 18%;animation:halo-breathe 8s ease-in-out infinite;animation-play-state:paused}
.art-halo:after{content:'';position:absolute;inset:13px;border:1px dashed #ffffff6b;border-radius:50%}
.art-particle{position:absolute;font-size:22px;color:#fff9;z-index:2;animation:particle-drift 6s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.particle-one{right:14%;top:23%}
.particle-two{left:15%;bottom:23%;font-size:18px;animation-delay:-3s}
.art-chip{position:absolute;right:12px;bottom:13px;z-index:3;background:#ffffffb8;border:1px solid #ffffff80;color:#4a5458;backdrop-filter:blur(8px);font-size:9px;line-height:1;padding:6px 9px;border-radius:20px}
.product-gallery.sky{background:#dae7ee}
.product-gallery.ink{background:#303c47}
.product-gallery.ink .gallery-top,.product-gallery.ink .gallery-bottom,.product-gallery.ink .gallery-caption{color:#e7dfc1}
.product-gallery>.catalog-art{background:transparent;height:370px;overflow:hidden}
.product-gallery>.catalog-art .product-visual{width:94%;height:100%}
.product-gallery>.catalog-art .art-chip{font-size:13px;right:20px;bottom:20px;padding:9px 14px}
.product-gallery>.catalog-art .art-halo{width:75%;top:10%;left:12.5%}
.product-gallery>.catalog-art .art-particle{font-size:30px}
.test-card-art{width:52%;height:64%;background:#faf9f6;border:1px solid #d3ccb8;border-radius:14px;transform:rotate(-9deg);box-shadow:10px 12px 0 #d0c4a350;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#625e51}
.test-card-art>span{font-size:10px;letter-spacing:4px}
.test-card-art>b{font-size:36px;font-weight:500;letter-spacing:-2px}
.test-card-art>small{font-size:9px;letter-spacing:2px}
.reference-facts{border-top:1px solid var(--line);padding-top:24px;margin-top:24px;line-height:1.9}
.reference-facts h3{font-size:15px;margin-bottom:12px}
.reference-facts ul{padding-left:20px;font-size:12px;color:#6c735f}
.reference-facts p,.reference-facts small{font-size:11px;color:#758067}
.reference-facts a{color:#4c6642;text-decoration:underline;text-underline-offset:3px}
.purchase-buttons .btn:disabled{background:#e7e9e2;color:#767d6a;opacity:1;cursor:not-allowed;font-size:12px}
@keyframes product-float{0%,100%{transform:translateY(3px) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}
@keyframes particle-drift{0%,100%{transform:translateY(2px) rotate(0);opacity:.45}50%{transform:translateY(-8px) rotate(18deg);opacity:1}}
@keyframes halo-breathe{0%,100%{transform:scale(.94);opacity:.6}50%{transform:scale(1.04);opacity:1}}
@keyframes hero-float{0%,100%{transform:translateY(3px) rotate(-8deg)}50%{transform:translateY(-9px) rotate(-4deg)}}
@keyframes mini-float{0%,100%{transform:translateY(-3px) rotate(9deg)}50%{transform:translateY(8px) rotate(5deg)}}
@media(min-width:1100px){.product-grid .product-info h3{min-height:68px}.hero-catalog{margin-right:8px}}
@media(max-width:1099px){.hero-mascot{width:250px;height:270px}.hero-mini-card{right:0;top:40px;width:126px;height:140px}.hero-mini-card img{width:104px;height:105px}.hero-mini-card>span{font-size:8px;gap:4px}.hero-floating-label{left:5px;bottom:35px;padding:10px 12px}.hero-floating-label>span{font-size:9px}}
@media(max-width:760px){.catalog-toolbar{align-items:flex-start;gap:12px}.tabs{gap:5px}.tab{padding:8px 11px;font-size:11px}.sort-select{max-width:130px;flex-shrink:0}.catalog-art .art-label{font-size:7px;left:12px;top:12px}.catalog-review-note{font-size:10px}.product-gallery>.catalog-art{height:220px;top:45px}.product-gallery>.catalog-art .product-visual{width:72%;height:100%}.product-gallery>.catalog-art .art-chip{right:25px;bottom:30px}.hero-mascot{width:220px;height:245px}.hero-mini-card{width:113px;height:127px;right:0;top:30px}.hero-mini-card img{height:95px;width:95px}.hero-floating-label{bottom:5px;left:5px}}
@media(max-width:560px){.hero-catalog{width:215px;right:-18px;bottom:11px;min-height:185px}.hero-mascot{width:146px;height:165px;border-radius:22px}.hero-mascot-caption{font-size:5px;bottom:10px;letter-spacing:1px}.hero-mini-card{width:77px;height:89px;border-radius:12px;top:2px;right:3px}.hero-mini-card img{width:62px;height:63px}.hero-mini-card>span{font-size:6px;display:block}.hero-mini-card b{font-size:5px;padding:2px}.hero-floating-label{padding:6px 10px;font-size:16px;left:0;bottom:-3px}.hero-floating-label>span{font-size:7px;margin-left:5px}.hero-preview-note{max-width:180px;line-height:1.7;font-size:8px}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar .tabs{width:100%;gap:4px}.catalog-toolbar .sort-select{margin-left:auto}.catalog-review-note{align-items:flex-start;font-size:10px;padding:10px}.catalog-art .art-label{font-size:6px;letter-spacing:.7px;left:10px;top:10px}.catalog-art .art-number{font-size:5px;letter-spacing:.7px;left:10px;bottom:10px}.art-chip{font-size:7px;right:8px;bottom:8px;padding:5px 7px}.catalog-status{font-size:8px;padding:4px 7px}.product-gallery>.catalog-art .product-visual{width:76%}.product-gallery>.catalog-art .art-chip{right:20px;bottom:25px;font-size:10px}.purchase-buttons{grid-template-columns:1fr}.product-purchase-bar .price{font-size:21px}.test-card-art>b{font-size:28px}.reference-facts{padding-top:18px}.reference-facts ul{font-size:11px}}
@media(prefers-reduced-motion:reduce){.product-visual img,.art-particle,.art-halo,.hero-mascot,.hero-mini-card{animation:none!important}.product-card,.product-visual{transition:none!important}.product-card:hover,.product-card:focus-within,.product-card:hover .product-visual,.product-card:focus-within .product-visual{transform:none;scale:1}}