.hero-dog-supplies{position:relative;overflow:hidden;padding:4rem 0;color:rgb(var(--color-foreground))}.hero-dog-supplies.gradient{color:#fff}.hero-decorative-icon{position:absolute;z-index:1;opacity:0.3;pointer-events:none}.hero-decorative-icon--top-left{top:40px;left:20px;width:200px;height:200px;transform:rotate(-25deg);color:purple}.hero-decorative-icon--bottom-right{bottom:-10px;right:-10px;width:250px;height:250px;transform:rotate(25deg)}.hero-decorative-icon svg{width:100%;height:100%;fill:rgba(255,255,255,0.2)}.hero-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;position:relative;z-index:1}@media screen and (min-width:990px){.hero-dog-supplies{padding:6rem 0}.hero-grid{grid-template-columns:1fr 1fr;gap:4rem}}.hero-content{display:flex;flex-direction:column;gap:2rem}.trust-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.52);padding:0.625rem 1.25rem;border-radius:9999px;border:1px solid rgba(255,255,255,0.3);font-size:1.125rem;font-weight:500;color:#814294;width:fit-content}.trust-badge .icon-star{width:1.5rem;height:1.5rem;color:#FF7A70;vertical-align:middle}.hero-title{font-size:3rem;font-weight:700;line-height:1.1;margin:0;color:#fff}.hero-title .text-primary{color:#814294}@media screen and (min-width:750px){.hero-title{font-size:4rem}}@media screen and (min-width:990px){.hero-title{font-size:5rem}}.hero-subtitle{line-height:1.6;font-size:1.75rem;color:rgba(255,255,255,0.85);margin:0}@media screen and (min-width:750px){.hero-subtitle{font-size:1.5rem}}.hero-buttons{display:flex;flex-direction:column;gap:1rem;--border-offset:0 !important;--buttons-border-offset:0 !important;--border-opacity:none !important;--buttons-border-opacity:none !important}@media screen and (min-width:750px){.hero-buttons{flex-direction:row}}.hero-buttons .button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:1.125rem 2.25rem;font-size:1.25rem;font-weight:600;border-radius:9999px;transition:all 0.3s ease;text-decoration:none;border:solid 1px;border-color:#FFD0CA;outline:none;box-shadow:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.hero-buttons .button:focus{outline:none}.hero-buttons .button:focus-visible{outline:2px solid rgba(255,255,255,0.5);outline-offset:2px}.button--primary{background:rgb(var(--color-button));color:rgb(var(--color-button-text));box-shadow:none !important;outline:none !important}.button--primary:hover{background:rgba(var(--color-button),0.85);transform:translateY(-2px);box-shadow:none !important;outline:none !important}.hero-dog-supplies .button--primary{background:#ff8a70;color:#fff;box-shadow:none !important;outline:none !important}.hero-dog-supplies .button--primary:hover{background:#ff7656;box-shadow:none !important;outline:none !important}.button--primary:active{box-shadow:none !important;outline:none !important}.button--primary .icon-arrow{transition:transform 0.3s ease}.button--primary:hover .icon-arrow{transform:translateX(4px)}.button--secondary1{background:transparent;color:rgb(var(--color-button));border:2px solid rgb(var(--color-button));box-shadow:none !important;outline:none !important}.button--secondary1:hover{background:rgba(var(--color-button),0.1);border:2px solid rgb(var(--color-button));box-shadow:none !important;outline:none !important}.hero-dog-supplies .button--secondary1{color:#fff;border:2px solid rgba(255,255,255,0.8);box-shadow:none !important;outline:none !important}.hero-dog-supplies .button--secondary1:hover{background:rgba(255,255,255,0.1);border:2px solid #fff;box-shadow:none !important;outline:none !important}.button--secondary1:active{box-shadow:none !important;outline:none !important}.trust-indicators{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1.5rem}.trust-item{text-align:center;display:flex;flex-direction:column;align-items:center;gap:0.5rem}.star-rating{display:flex;gap:0.125rem}.icon-star-filled{width:1.5rem;height:1.5rem;color:rgb(var(--color-button))}.trust-item .icon{width:2.25rem;height:2.25rem;color:rgb(var(--color-button))}.trust-text{font-size:1.125rem;font-weight:600;color:rgb(var(--color-foreground))}.hero-dog-supplies .icon-star-filled{color:#FF7A70}.hero-dog-supplies .trust-item .icon{color:#FF7A70}.hero-dog-supplies .trust-text{color:#fff}.hero-images{position:relative}.image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.image-card{position:relative;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 25px -5px rgba(var(--color-foreground),0.1),0 10px 10px -5px rgba(var(--color-foreground),0.04);transition:transform 0.3s ease;display:block;text-decoration:none}.image-card:hover{transform:scale(1.02)}.image-card a{text-decoration:none}.image-card--large{grid-column:span 2;aspect-ratio:16/10}.image-card--small{aspect-ratio:1/1}.image-card .hero-image{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(var(--color-foreground),0.4),transparent,transparent)}.image-content{position:absolute;bottom:1rem;left:1rem;color:rgb(var(--color-background));z-index:1}.image-card--large .image-content{bottom:1.5rem;left:1.5rem}.image-badge{display:inline-block;font-size:1.125rem;font-weight:500;background:rgba(var(--color-background),0.2);backdrop-filter:blur(8px);padding:0.25rem 0.75rem;border-radius:9999px;margin-bottom:0.5rem;color:rgb(var(--color-background))}.image-card--large .image-badge{font-size:1.125rem}.image-title{font-size:1.5rem;font-weight:700;margin:0;color:rgb(var(--color-background))}.image-card--large .image-title{font-size:1.5rem}.floating-badge{position:absolute;top:-1rem;right:-1rem;background:#3ecfbc;color:#0d1f2d;padding:0.75rem 1.5rem;border-radius:9999px;box-shadow:0 10px 15px -3px rgba(var(--color-foreground),0.1);font-weight:700;font-size:1.5rem;animation:none;z-index:2;color:#FFF;border:solid 1px;border-color:#E0E0E0;pointer-events:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media screen and (max-width:749px){.trust-indicators{gap:0.5rem}.hero-title{text-align:center}.hero-subtitle{text-align:center}.trust-text{font-size:1rem}.hero-buttons .button{font-size:1.125rem}.icon-star-filled{width:1.25rem;height:1.25rem}.trust-item .icon{width:2rem;height:2rem}.trust-badge .icon-star{width:1.25rem;height:1.25rem}.trust-badge{margin-left:auto;margin-right:auto;display:block;text-align:center}.hero-decorative-icon--top-left{color:#80008075;top:82px;left:20px;width:100px;height:100px}.hero-decorative-icon--bottom-right{bottom:570px;right:10px;width:100px;height:100px;transform:rotate(35deg)}.floating-badge{font-size:1rem;padding:0.5rem 1rem}}
