.preorder-entry{display:inline-block;margin-top:18px;color:#fff;text-decoration:underline;text-underline-offset:5px;font-size:.875rem}
.preorder-entry:hover,.preorder-nav{color:#ffb86b}
.preorder-catalog{padding:clamp(3rem,8vw,7rem) 5.5%;background:radial-gradient(ellipse at 85% 0%,#482257 0%,transparent 34%),#0b0f2b;scroll-margin-top:1rem}
.preorder-shell{max-width:1320px;margin:auto}
.preorder-catalog h2{font-size:clamp(2.8rem,7vw,6.2rem);line-height:.95;margin:1rem 0;letter-spacing:-.045em}
.preorder-catalog h2 em{color:#bc6cff}
.preorder-catalog .eyebrow{color:#ffb86b}
.preorder-intro{max-width:56ch}
.preorder-terms{max-width:75ch;margin:1.35rem 0 2rem;padding:1rem 1.2rem;border-left:2px solid #ff5ca8;background:#0b0f2b82;font-size:.9rem;line-height:1.6}
.preorder-tools{display:flex;flex-wrap:wrap;gap:.85rem 1.2rem;align-items:end;border-top:1px solid #e7e6f538;padding-top:1.2rem}
.preorder-tools label{display:grid;gap:.45rem;color:#e7e6f5;font-size:.82rem}
.preorder-tools .preorder-search{flex:1 1 220px}
.preorder-tools input[type=search],.preorder-tools select{color:#fff;background:#131633;border:1px solid #e7e6f569;border-radius:0;min-height:46px;padding:.6rem .7rem;font:inherit;font-size:16px;width:100%}
.preorder-tools .preorder-women{display:flex;min-height:46px;align-items:center;gap:.55rem;font-size:.9rem}
.preorder-women input{width:18px;height:18px;accent-color:#00f0ff}
.preorder-results{margin:1.3rem 0 .85rem;font-size:.85rem;color:#e7e6f5}
.preorder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.7rem,2vw,1.4rem)}
.preorder-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e7e6f53b;background:linear-gradient(145deg,#251343,#111531);overflow:hidden}
.preorder-image{display:block;width:100%;aspect-ratio:1.15;object-fit:contain;background:#f4f2f8;padding:.4rem}
.preorder-info{display:flex;flex-direction:column;flex:1;padding:clamp(.7rem,1.8vw,1.2rem)}
.preorder-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .65rem}
.preorder-badges span{color:#e7e6f5;background:#0b0f2b;border:1px solid #e7e6f540;padding:.18rem .35rem;font-size:.68rem}
.preorder-badges span:first-child{color:#ffb86b}
.preorder-info h3{font-size:clamp(.98rem,1.6vw,1.28rem);line-height:1.3;overflow-wrap:anywhere;margin:0 0 .85rem;letter-spacing:0}
.preorder-price{color:#fff;margin:auto 0 .7rem;font-size:.9rem;font-weight:700}
.preorder-card .detail-add{width:100%;min-height:44px;padding:.5rem .55rem;letter-spacing:0;font-size:.78rem;gap:.35rem}
.preorder-card .dispatch-cart{font-size:1rem}
.preorder-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.85rem;margin-top:1.6rem}
.preorder-pager[hidden]{display:none}
.preorder-pager button{padding:.6rem .8rem;min-height:44px;border:1px solid #e7e6f559;background:#191639;color:white;cursor:pointer}
.preorder-pager button:disabled{opacity:.5;cursor:default}
.preorder-empty{grid-column:1/-1;padding:1rem 0}
@media(max-width:860px){.preorder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:610px){.preorder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preorder-tools .preorder-format{flex:1 1 135px}.preorder-tools .preorder-search{flex-basis:100%}}

.preorder-image-button,.preorder-name{appearance:none;border:0;padding:0;background:none;color:inherit;cursor:pointer}
.preorder-image-button{display:block;width:100%;flex:none}
.preorder-image-button:focus-visible{outline-offset:-4px}
.preorder-name{font:inherit;text-align:left;overflow-wrap:anywhere}
.preorder-badges button{font:inherit;font-size:.7rem;color:#e7e6f5;background:#0b0f2b;border:1px solid #e7e6f558;min-height:32px;padding:.3rem .5rem;cursor:pointer}
.preorder-badges button:first-child{color:#ffb86b}
.preorder-badges button:hover{border-color:#ffb86b}
.preorder-actions{display:grid;gap:.8rem;margin-top:auto}
.preorder-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.35rem .5rem}
.preorder-meta .preorder-price{margin:0;white-space:nowrap;font-size:clamp(.95rem,1.65vw,1.18rem)}
.preorder-detail-link{color:#00f0ff;border:1px solid #00f0ff52;background:#0b0f2b;cursor:pointer;min-height:44px;padding:.35rem .55rem;font:inherit;font-size:.75rem;text-align:left}
.preorder-detail-link:hover,.preorder-name:hover{color:#fff}
@media(max-width:610px){.preorder-detail-link{width:100%;text-align:center}.preorder-badges button{min-height:36px}}
#preorder-detail{box-sizing:border-box;width:min(580px,calc(100% - 24px));max-width:none;max-height:92dvh;padding:clamp(1rem,4vw,2rem);overflow:auto;overscroll-behavior:contain}
#preorder-detail .close{z-index:1}
#preorder-detail .eyebrow{padding-right:3.25rem}
#preorder-detail h2{font-size:clamp(1.25rem,4vw,1.9rem);line-height:1.18;margin:.65rem 2rem .85rem 0;overflow-wrap:anywhere}
#preorder-detail-image{display:block;width:100%;max-height:52dvh;object-fit:contain;background:#f4f2f8}
#preorder-detail-price{font-size:1.25rem;font-weight:bold;margin:.75rem 0 .25rem}
.preorder-image-caption{font-size:.8rem;line-height:1.45;margin:.5rem 0}

/* Same card rhythm and action stack across the entire shop. */
#products,.preorder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.7rem,2vw,1.4rem)}
.preorder-image{box-sizing:border-box}
.perfume-card .preorder-image{background:linear-gradient(145deg,#261c43,#11142e)}
.preorder-meta{display:grid;grid-template-columns:minmax(0,1fr)}
.preorder-detail-link{width:100%;text-align:center}
.preorder-meta .preorder-price{white-space:normal}
.catalog-presentation{font-size:.75rem;line-height:1.4;margin:0 0 .85rem;color:#e7e6f5}
#perfume .detail-add:disabled{opacity:.55;cursor:not-allowed;transform:none}
@media(max-width:860px){#products,.preorder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:610px){#products,.preorder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}