.brand-grid,.perfume-grid{display:grid;gap:clamp(1rem,3vw,2rem);padding:clamp(1rem,3vw,2rem);max-width:min(1400px,95vw);margin:0 auto;width:100%}.brand-grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}.perfume-grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}.brand-card,.perfume-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);transition:var(--transition);cursor:pointer;overflow:hidden;border:1px solid var(--glass-border);position:relative;width:100%;min-height:fit-content;display:flex;flex-direction:column;height:100%}.brand-card:hover,.perfume-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-heavy)}.brand-image,.perfume-image{width:100%;height:280px;object-fit:contain;object-position:center;transition:var(--transition);display:block;background-color:#fff;border-radius:0;position:relative;max-width:100%;max-height:100%}.brand-image.loading,.perfume-image.loading{animation:skeleton-loading 1.5s infinite ease-in-out}@keyframes skeleton-loading{0%{background-color:#f0f0f0}50%{background-color:#e0e0e0}100%{background-color:#f0f0f0}}.brand-name{padding:clamp(1rem,3vw,1.5rem);text-align:center;font-family:'Playfair Display',serif;font-size:clamp(1.1rem, 3vw, 1.4rem);font-weight:700;color:var(--text-primary);word-wrap:break-word;hyphens:auto}.perfume-info{padding:clamp(1rem,3vw,1.5rem);text-align:center;flex:1;display:flex;flex-direction:column;justify-content:flex-start}.perfume-name{font-family:'Playfair Display',serif;font-size:clamp(1rem, 2.5vw, 1.2rem);margin-bottom:.25rem;color:var(--text-primary);font-weight:600;word-wrap:break-word;hyphens:auto;height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2;text-align:center}.set-perfumes-container{margin-top:.25rem;margin-bottom:1rem;padding:0;width:98%;max-width:850px;display:flex;flex-direction:column;align-self:flex-start;margin-left:auto;margin-right:auto}.set-perfumes-container .volume-container .volume{color:var(--text-primary)!important}.set-perfumes-container h4{font-size:clamp(.85rem, 2vw, .95rem);color:var(--text-secondary);margin-bottom:.1rem;margin-top:0;font-weight:500;padding:0 .5rem;order:-1;white-space:nowrap}.set-perfumes-list{display:grid;grid-template-columns:1fr;gap:.5rem;max-height:150px;overflow-y:scroll;padding:0;margin:.1rem 0;width:100%;justify-content:center}.set-perfume-item{font-size:clamp(.8rem, 1.8vw, .9rem);color:var(--text-primary);padding:.5rem;border-radius:6px;transition:var(--transition);background:rgba(0,0,0,.03);text-align:center;display:flex;flex-direction:column;gap:.2rem;width:93%;max-width:450px;margin-left:auto;margin-right:auto}.mini-perfume-name{font-weight:500;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mini-perfume-brand{font-size:.7rem;color:var(--text-secondary);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:-.25rem}.set-perfume-item:not([style*="cursor: default"]):hover{transform:translateY(-2px)}.order-button{font-family:Raleway,sans-serif;font-size:clamp(.65rem, 1.6vw, .75rem);font-weight:500;width:91.9%;margin:auto auto 0;margin-top:auto;min-height:56px;box-sizing:border-box;justify-content:center;line-height:1.671}.order-button .volume-container{margin-bottom:.1rem}.order-button .volume{font-size:clamp(.7rem, 1.8vw, .8rem);font-weight:500;color:var(--text-primary)!important}.order-button .price-container{margin-top:.1rem}.order-button .price{font-size:clamp(.65rem, 1.6vw, .75rem);font-weight:500;color:var(--accent-color)}.order-button.selected .price,.order-button:active .price{color:rgba(255,255,255,.9)}.order-button.selected .volume,.order-button:active .volume{color:rgba(255,255,255,.9)!important}.perfume-brand{font-size:clamp(.9rem, 2.2vw, 1rem);color:var(--text-secondary);margin-bottom:.5rem;font-style:italic;text-align:center}.perfume-price{color:var(--accent-color);font-weight:500;font-size:clamp(.95rem, 2.5vw, 1.1rem);margin-bottom:.25rem}.price-divider{height:1px;margin:.5rem 0;margin-top:auto;background:linear-gradient(to right,transparent 0,rgba(31,51,19,.4) 15%,rgba(151,158,113,.6) 50%,rgba(31,51,19,.4) 85%,transparent 100%)}.volume-label{color:var(--text-secondary);font-size:clamp(.75rem, 1.8vw, .85rem);font-weight:500;margin-bottom:.5rem;letter-spacing:.5px}.perfume-volumes{margin-top:0}.volume-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem;justify-content:center}.order-button,.volume-option{display:flex;flex-direction:column;align-items:center;padding:.46rem;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:8px;cursor:pointer;transition:var(--transition);min-width:60px;text-align:center}.order-button:hover,.volume-option:hover{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.3);transform:translateY(-1px)}.order-button.selected,.order-button:active,.volume-option.selected{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.order-button.selecting{animation:volume-select .3s ease-in-out}@keyframes volume-select{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.volume-option.selecting{animation:volume-select .3s ease-in-out}.volume-option .volume{font-size:clamp(.7rem, 1.8vw, .8rem);font-weight:500;margin-bottom:.2rem}.volume-option .total-price{font-size:clamp(.65rem, 1.6vw, .75rem);font-weight:500;color:var(--accent-color)}.volume-option.selected .total-price{color:rgba(255,255,255,.9)}.perfume-image-container{position:relative;width:100%;overflow:hidden}.new-ribbon{position:absolute;top:10px;left:-30px;background-color:#f2d38a;color:#000;padding:5px 35px;font-size:12px;transform:rotate(-45deg);transform-origin:center;text-align:center;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.2);min-width:100px;white-space:nowrap}.brand-title{position:absolute;left:50%;transform:translateX(-50%);text-align:center;font-family:Raleway,sans-serif;font-size:clamp(16px, 2.5vw, 18px);font-weight:500;color:var(--text-primary);z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;border-radius:clamp(25px,5vw,30px);border:2px solid rgba(255,255,255,.3);box-shadow:var(--shadow-medium);max-width:60%;padding:clamp(14px,3vw,18px) clamp(20px,4vw,24px);height:calc(clamp(14px,3vw,18px) * 2 + 1.4em);box-sizing:border-box;display:inline-flex;align-items:center}.perfume-section{position:relative;max-width:min(1400px,95vw);margin:0 auto;width:100%}.perfume-details{margin-top:auto}@media (max-width:768px){.brand-image,.perfume-image{height:clamp(200px,35vw,250px)}.order-button{width:91.9%;min-height:56px}.set-perfumes-container{margin-bottom:.5rem}.brand-title{font-size:clamp(.9rem, 2.2vw, 1.1rem);max-width:50%;margin:0 auto;padding:clamp(10px,2.5vw,14px) clamp(16px,3vw,20px);height:calc(clamp(10px,2.5vw,14px) * 2 + 1.4em)}.set-perfumes-list{gap:.4rem;max-height:140px}.set-perfume-item{max-width:400px;padding:.45rem}.mini-perfume-name{font-size:.75rem}.mini-perfume-brand{font-size:.65rem}.new-ribbon{font-size:10px;padding:4px 30px;left:-25px;top:8px;min-width:90px}}@media (max-width:480px){.brand-title{max-width:45%;font-size:.85rem;padding:8px 14px;height:calc(8px * 2 + .85rem * 1.4)}.brand-grid,.perfume-grid{gap:clamp(.75rem,3vw,1rem);padding:clamp(.75rem,3vw,1rem)}.brand-grid,.perfume-grid{grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr))}.set-perfumes-list{gap:.3rem;max-height:130px}.set-perfume-item{max-width:350px;padding:.4rem}.mini-perfume-name{font-size:.7rem}.mini-perfume-brand{font-size:.6rem}.brand-image,.perfume-image{height:clamp(180px,30vw,220px)}.volume-option{min-height:56px;box-sizing:border-box;max-width:62px}}@media (max-width:380px){.order-button,.volume-option{min-width:57px}.volume-grid{gap:.4rem}.set-perfume-item{max-width:320px;padding:.35rem}.brand-grid,.perfume-grid{grid-template-columns:repeat(auto-fill,minmax(min(130px,100%),1fr));gap:clamp(.6rem,2.5vw,.8rem)}.set-perfumes-list{gap:.25rem;max-height:120px}.brand-image,.perfume-image{height:clamp(160px,28vw,200px)}}@media (max-width:320px){.brand-title{max-width:40%;font-size:.8rem;margin:0 5px;padding:6px 12px;height:calc(6px * 2 + .8rem * 1.4)}.brand-grid,.perfume-grid{grid-template-columns:1fr;padding:.5rem;gap:.5rem}.brand-image,.perfume-image{height:200px}}@media (min-width:1024px){.brand-image,.perfume-image{height:300px}.set-perfumes-container{margin-left:auto;margin-right:auto;width:98%;max-width:850px}.set-perfumes-container h4{padding:0 .75rem;font-size:clamp(.9rem, 2vw, 1rem);margin-bottom:.25rem}.set-perfumes-list{gap:.6rem;max-height:170px}.set-perfume-item{max-width:500px;padding:.6rem}.mini-perfume-name{font-size:.85rem}.mini-perfume-brand{font-size:.75rem}.order-button{line-height:1.6}}@media (min-width:2560px){.brand-grid,.perfume-grid{max-width:2000px}.brand-grid,.perfume-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.set-perfumes-list{max-height:200px;gap:.8rem}.set-perfume-item{max-width:600px;padding:.8rem;border-radius:10px}.mini-perfume-name{font-size:1rem}.mini-perfume-brand{font-size:.85rem}.set-perfumes-container h4{font-size:1.1rem;margin-bottom:.3rem}.order-button{width:91.9%;font-size:.9rem;padding:0 1.75rem;min-height:56px;line-height:1.4}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.brand-image,.perfume-image{image-rendering:crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:-moz-crisp-edges}}@media (prefers-reduced-motion:reduce){.brand-card:hover,.order-button:hover,.perfume-card:hover,.set-perfume-item:not([style*="cursor: default"]):hover,.volume-option:hover{transform:none}.brand-card:hover .brand-image,.perfume-card:hover .perfume-image{transform:none}.order-button.selecting,.volume-option.selecting{animation:none}}.set-perfume-item:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (hover:none),(pointer:coarse){.brand-card:hover,.perfume-card:hover{transform:none!important;box-shadow:var(--shadow-medium)!important}.order-button:hover:not(:active):not(.selected),.set-perfume-item:not([style*="cursor: default"]):hover,.volume-option:hover:not(:active):not(.selected){transform:none!important;background:rgba(102,126,234,.1)!important}}