main{max-width:1680px;padding:0 4%}.hero{padding-top:42px;padding-bottom:35px}.hero .intro{max-width:460px}.hero-benefits{font-size:11px}.hero-benefits span:before{color:#8666a4}.collections{padding-top:15px;padding-bottom:40px}.collectionintro h2{margin-bottom:20px}.collection{min-height:155px}.collection img{height:120px}.shoplayout{grid-template-columns:190px minmax(0,1fr);gap:24px}.shopcontent .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.categorypanel{padding-right:15px}.card{border-radius:12px}.cardimage{height:165px;padding:15px 18px}.cardbody{padding:12px}.cardbody>small{font-size:8px;min-height:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:.5px}.cardbody h3{font-size:13px;min-height:37px;margin:6px 0;line-height:1.4}.cardbody>p{margin:5px 0;font-size:9px}.cardbottom{padding-top:9px;margin-top:9px;gap:8px}.product-price{font-family:'Outfit',sans-serif;font-size:20px;font-weight:600;color:#7045a1;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.product-price small{font-family:'DM Sans',sans-serif;font-size:8px;font-weight:400;color:#897591}.product-price.pending{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:400;min-height:25px;align-items:center}.cardbottom button{padding:9px 8px;font-size:11px}.wholesale-note{font-size:12px;line-height:1.7;color:#897593;background:#f3edf8;border-radius:10px;padding:12px 16px}#detailPrice{font-family:'Outfit',sans-serif;font-size:26px;color:#7045a1}#cartSummary{background:#f4edf8;padding:16px;border-radius:12px;margin:16px 0}#cartSummary:empty{display:none}.subtotal{display:flex;justify-content:space-between;gap:20px;font-size:13px}.subtotal b{font-size:19px;color:#7045a1;white-space:nowrap}#cartSummary p{font-size:11px;color:#897391;line-height:1.6}.cartprice{color:#7045a1!important}.cartitem .cartproduct{min-width:0}.hero h1{font-size:clamp(48px,5.2vw,76px)}@media(min-width:1600px){.shopcontent .grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:600px) and (max-width:1199px){.shopcontent .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.cardimage{height:155px;padding:13px}.cardbody{padding:10px}.cardbody h3{font-size:12px}.shoplayout{grid-template-columns:165px minmax(0,1fr);gap:18px}.product-price{font-size:18px}.resultline{font-size:9px}}@media(max-width:760px){.shoplayout{grid-template-columns:minmax(0,1fr)}.categorypanel{padding:0}.hero{padding-top:25px}.collections{padding-bottom:30px}.collection{min-height:170px}.collection img{height:100px}.hero h1{font-size:48px}.hero .intro{font-size:14px}.resultline{flex-wrap:wrap;gap:8px}.cardimage{height:155px}.hero-benefits{gap:10px;font-size:10px}#levelCards{margin-bottom:18px}.levelintro{margin-top:12px}#categoryList{max-height:240px}.collectionintro h2{font-size:25px}}@media(max-width:599px){.shopcontent .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.cardbody h3{font-size:13px}.cardimage{height:150px}.hero h1{font-size:46px}.collection{min-height:200px}}

/* Narrower cards: retain image height and remove unused side space. */
.shopcontent .grid{grid-template-columns:repeat(auto-fill,minmax(174px,1fr));gap:12px}
.cardimage{padding-left:8px;padding-right:8px}
.cardbody{padding-left:10px;padding-right:10px}
.cardbottom{flex-wrap:wrap;row-gap:7px}
.cardbottom button{min-height:34px;white-space:nowrap}
.product-price small{white-space:nowrap}
@media(max-width:599px){
 .shopcontent .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .cardimage{padding-left:6px;padding-right:6px}
}

/* Collection artwork is decorative, so the title stays the button label. */
.collectioncards .collection {
  display: grid;
  grid-template-columns: minmax(110px, .75fr) minmax(0, 1.55fr);
  gap: 8px;
  align-items: center;
  min-height: 190px;
  padding: 14px 18px 14px 24px;
}
.collectioncards .collection-0 { background: linear-gradient(125deg, #eee4f4, #f8f1fb); }
.collectioncards .collection-1 { background: linear-gradient(125deg, #e1efeb, #f3faf6); }
.collection-copy { position: relative; z-index: 1; }
.collectioncards .collection small { color: #65586f; line-height: 1.4; }
.collectioncards .collection h3 { margin: 6px 0 12px; font-size: clamp(24px, 2.6vw, 38px); }
.collectioncards .collectionarrow {
  display: grid;
  position: static;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #ffffffb8;
  color: #633b89;
  font-size: 18px;
}
.collectioncards .collection-1 .collectionarrow { color: #286457; }
.collectioncards .collection-art {
  display: block;
  position: static;
  width: 100%;
  height: auto;
  max-height: 220px;
  aspect-ratio: 720 / 390;
  object-fit: contain;
  mix-blend-mode: normal;
}
.collectioncards .collection:hover .collection-art { transform: translateY(-3px) scale(1.035); }
.collectioncards .collection:focus-visible { outline: 3px solid #7045a1; outline-offset: 3px; }

@media (max-width: 760px) {
  .collectioncards .collection {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    align-items: start;
    gap: 0;
    min-height: 0;
    padding: 12px 8px 6px;
  }
  .collection-copy { padding: 0 4px; }
  .collectioncards .collection h3 { margin: 4px 30px 2px 0; font-size: clamp(19px, 5vw, 28px); }
  .collectioncards .collectionarrow { position: absolute; left: auto; right: 3px; bottom: 0; width: 26px; height: 26px; font-size: 14px; }
  .collectioncards .collection-art { align-self: end; }
}

@media (prefers-reduced-motion: reduce) {
  .collectioncards .collection, .collectioncards .collection-art { transition: none; }
}

.product-sheet { flex-direction: column; gap: 12px; }
.product-sheet img { min-height: 0; }
#productPhotos { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
#productPhotos[hidden], #detailSaleNote[hidden] { display: none; }
#productPhotos button { padding: 8px 15px; border-radius: 10px; }
#productPhotos button[aria-pressed="true"] { background: #7045a1; border-color: #7045a1; color: #fff; }
#detailSaleNote { color: #493756; background: #f4edf8; border-radius: 9px; padding: 10px 12px; }

.related-categories {
  display: block;
  margin: 16px 0 28px;
  padding: clamp(15px, 3vw, 25px);
  border: 1px solid #e7daef;
  border-radius: 17px;
  background: #f5eef8;
}
.related-categories[hidden] { display: none; }
.related-categories h3 { margin: 0 0 12px; font-size: clamp(17px, 2vw, 22px); }
.related-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.related-link {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 58px;
  padding: 7px 10px;
  border: 1px solid #eadff0;
  border-radius: 11px;
  background: #fff;
  text-decoration: none;
  color: #493756;
  font-size: 12px;
  line-height: 1.35;
}
.related-link img { width: 40px; height: 40px; flex: 0 0 40px; object-fit: contain; }
.related-link strong { overflow-wrap: anywhere; }
.related-link span { margin-left: auto; color: #7045a1; font-size: 17px; }
.related-link:hover { background: #faf5fe; border-color: #cdb1df; }
.related-link:focus-visible { outline: 2px solid #7045a1; outline-offset: 2px; }
#levelTitle { scroll-margin-top: 122px; }
@media (max-width: 520px) {
  .related-links { grid-template-columns: 1fr; }
  #levelTitle { scroll-margin-top: 102px; }
}

.order-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.order-actions a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 8px 14px;
  border: 1px solid #dcccE7;
  border-radius: 10px;
  background: #fff;
  color: #583578;
  font-weight: 700;
  text-decoration: none;
}
.order-actions .order-whatsapp { background: #176846; border-color: #176846; color: #fff; }
.order-actions a:focus-visible { outline: 2px solid #7045a1; outline-offset: 2px; }
.order-actions [hidden] { display: none; }

.checkout-wholesale {
  flex-basis: 100%;
  margin: 4px 0 2px;
  color: #583578;
  font-size: 13px;
  font-weight: 700;
}
.order-actions:has(#orderWhatsApp[hidden]) .checkout-wholesale { display: none; }