/* Layout and image sizing only. Product content and controls are unchanged. */
body main .products:not(:empty){display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:18px;padding-top:24px;padding-bottom:32px}
body main .products:not(:empty)>.product{flex:0 1 calc((100% - 36px)/3);max-width:320px;min-width:0;display:flex;flex-direction:column}
body main .product .product-copy{padding:16px;flex:1;display:flex;flex-direction:column}
body main .product p{min-height:0;margin:10px 0}
body main .product .price{margin:12px 0}
body main .product .product-copy>.button{margin-top:auto}
body main .product .photo,body.bracelet-luxury main .product .photo{height:200px!important;aspect-ratio:auto!important;padding:10px!important;flex:0 0 auto}
body main .product .photo img{width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center;margin:0 auto!important}
body main .product .photo img.official-logo{width:auto!important;max-width:120px;max-height:120px;height:auto!important}
body.bracelet-luxury[data-page='home'] main .tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px;align-items:stretch}
body.bracelet-luxury[data-page='home'] main .tile{padding:18px;min-height:0;min-width:0}
body.bracelet-luxury[data-page='home'] main .tile small{margin-bottom:10px}
body.bracelet-luxury[data-page='home'] main .tile img{width:100%!important;height:160px!important;object-fit:contain!important;object-position:center;margin:0 auto 12px!important}
body.bracelet-luxury[data-page='home'] main .tile p{margin:10px 0 14px}
body.resale-luxury main .resale-product-grid{gap:18px;max-width:996px;margin:20px auto 0;align-items:stretch}
body.resale-luxury main .resale-product-image{height:210px;aspect-ratio:auto;padding:10px!important;flex:0 0 auto}
body.resale-luxury main .resale-product-image img{width:100%;height:100%;object-fit:contain;object-position:center}
body.resale-luxury main .resale-product-details{padding:16px}
body.resale-luxury main .resale-product-details p{margin:10px 0}
body.resale-luxury main .resale-product-details dl{margin-bottom:12px}
@media(min-width:1400px){body main .products:not(:empty)>.product{flex-basis:calc((100% - 54px)/4)}}
@media(max-width:1000px){body main .products:not(:empty)>.product{flex-basis:calc((100% - 18px)/2)}body.bracelet-luxury[data-page='home'] main .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body main .products:not(:empty){gap:16px;padding-top:20px;padding-bottom:26px}body main .products:not(:empty)>.product{flex-basis:100%;max-width:340px}body main .product .photo,body.bracelet-luxury main .product .photo{height:190px!important}body.bracelet-luxury[data-page='home'] main .tiles{grid-template-columns:minmax(0,1fr);max-width:340px;margin-left:auto;margin-right:auto}body.bracelet-luxury[data-page='home'] main .tile img{height:150px!important}body.resale-luxury main .resale-product-grid{grid-template-columns:minmax(0,1fr);max-width:340px}body.resale-luxury main .resale-product-image{height:200px}}

/* Approved Home collection feature reduced by approximately one quarter. */
body.bracelet-luxury[data-page='home'] main .brand-panel{width:75%;justify-self:center;min-height:0;padding:30px;box-sizing:border-box}
@media(max-width:700px){body.bracelet-luxury[data-page='home'] main .brand-panel{padding:22px 15px}}


/* Home card 01: add a photo without changing saved text node positions. */
body.bracelet-luxury[data-page='home'] main .tile.yus-home-candles-card{display:flex;flex-direction:column}body.bracelet-luxury[data-page='home'] main .yus-home-candles-card>small{order:0}body.bracelet-luxury[data-page='home'] main .yus-home-photo-slot{order:1;min-height:150px;width:100%;margin:0 0 14px;display:flex;align-items:center;justify-content:center;border-radius:10px;position:relative}body.bracelet-luxury[data-page='home'] main .yus-home-photo-slot img{display:block;max-width:100%;object-fit:contain}body.bracelet-luxury[data-page='home'] main .yus-home-candles-card>h3{order:2}body.bracelet-luxury[data-page='home'] main .yus-home-candles-card>p{order:3}body.bracelet-luxury[data-page='home'] main .yus-home-candles-card>.link{order:4}

/* Keep newly added product photos compact while showing the complete image. */
body main .product[data-yus-created] .photo{height:180px!important;aspect-ratio:auto!important}body main .product[data-yus-created] .photo img{object-fit:contain!important;max-height:100%;max-width:100%}@media(max-width:700px){body main .product[data-yus-created] .photo{height:150px!important}}

/* One checkout style across every collection, matching the compact Candle Melts button. */
body main .yus-checkout-button{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;max-width:100%;min-height:0!important;padding:8px!important;margin:0!important;font:13px/1.3 Arial,sans-serif!important;letter-spacing:normal!important;text-transform:none!important;text-align:center;white-space:normal!important;color:#fff!important;background:linear-gradient(#82509b,#4b1865)!important;border:2px solid silver!important;border-radius:9px!important;box-shadow:0 2px 3px #44205420!important;opacity:1!important;text-decoration:none}
body main .yus-checkout-button:not(:disabled):hover{background:linear-gradient(#9057ae,#5d207b)!important;cursor:pointer}
body main .yus-checkout-button:disabled{cursor:not-allowed}
body main .yus-checkout-button:focus-visible{outline:3px solid #8d61a8;outline-offset:3px}
body main .yus-checkout-button[hidden]{display:none!important}

.yus-moved-photo-slot{width:min(100%,420px);min-height:180px;margin:auto;padding:14px;border:2px dashed #a576bb;border-radius:14px;background:#f3e9f8;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.yus-moved-photo-slot img{display:block;max-width:100%;max-height:260px;object-fit:contain}.yus-moved-photo-slot img[hidden]{display:none}
body main .product .photo[hidden]{display:none!important}

/* Preserve the purple product treatment on Pens and all custom collection cards. */
body main .yus-ink-pens,body.yus-custom-page main .product{background:linear-gradient(130deg,#eadcf5,#ceb0e2) padding-box,linear-gradient(135deg,#fff,#a899b2 20%,#fff 42%,#9f8aaf 68%,#fff) border-box!important}
body main .yus-ink-pens .photo,body main .yus-ink-pens .product-copy,body.yus-custom-page main .product .photo,body.yus-custom-page main .product .product-copy{background:linear-gradient(130deg,#eadcf5,#ceb0e2)!important}
body main .products>.tile[data-yus-static-air]{flex:0 1 320px;max-width:100%;padding:18px;border:2px solid #d9cfdf;border-radius:16px;background:linear-gradient(130deg,#eadcf5,#ceb0e2)}

/* Contain uploaded product artwork so it cannot overlap the name or controls. */
body main .product[data-yus-created] .photo{display:flex!important;align-items:center;justify-content:center;overflow:hidden;min-width:0;min-height:0;box-sizing:border-box}
body main .product[data-yus-created] .photo img{display:block;flex:0 1 auto;min-width:0;min-height:0;max-height:100%!important;max-width:100%!important;object-fit:contain!important;position:static!important}
/* Room Spray and added freshener cards share the original Air Fresheners typography. */
body main .yus-fragrance-card .product-copy{padding:10px}
body main .yus-fragrance-card h3{font:bold 18px/1.2 Georgia,serif;margin:0 0 6px}
body main .yus-fragrance-card .price{display:block;margin:6px 0;font:bold 19px/1.5 Georgia,serif}
body main .yus-fragrance-card .product-copy label{font:13px/1.3 Arial,sans-serif;margin:0 0 4px}
body main .yus-fragrance-card select{font:13px/1.3 Arial,sans-serif;padding:7px;margin:0 0 6px}
body main .yus-fragrance-card p,body main .yus-fragrance-card small{display:block;font:12px/1.3 Arial,sans-serif;margin:6px 0;min-height:0}

/* New and previously added products inherit the shared collection theme on every page. */
body main .product[data-yus-created]{display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:320px;font:12px/1.3 Arial,sans-serif;color:#301648;border:3px solid transparent!important;border-radius:16px!important;background:linear-gradient(130deg,#eadcf5,#ceb0e2) padding-box,linear-gradient(135deg,#fff,#a899b2 20%,#fff 42%,#9f8aaf 68%,#fff) border-box!important;box-shadow:0 7px 20px #47136620;overflow:hidden}
body main .product[data-yus-created] .photo,body main .product[data-yus-created] .product-copy{background:linear-gradient(130deg,#eadcf5,#ceb0e2)!important;color:#301648}
body main .product[data-yus-created] .product-copy{padding:10px;min-width:0;border-top:0}
body main .product[data-yus-created] h3{font:bold 18px/1.2 Georgia,serif!important;color:#301648!important;margin:0 0 6px;overflow-wrap:anywhere}
body main .product[data-yus-created] .price{display:block;font:bold 19px/1.5 Georgia,serif!important;color:#301648!important;margin:6px 0}
body main .product[data-yus-created] .product-copy p,body main .product[data-yus-created] small{font:12px/1.3 Arial,sans-serif;color:#301648;min-height:0;margin:6px 0}
body main .product[data-yus-created] .product-copy label{font:13px/1.3 Arial,sans-serif;color:#301648;margin:0 0 4px}
body main .product[data-yus-created] select{box-sizing:border-box;width:100%;font:13px/1.3 Arial,sans-serif;color:#301648;background:#faf5fd;border:1px solid #b79cc7;border-radius:8px;padding:7px;margin:0 0 6px}

@media(max-width:700px){body main .product[data-yus-created]{max-width:340px}}

/* Match the collection divider above Made to Order inside mixed product grids. */
body main .products>.yus-product-divider,body main .resale-product-grid>.yus-product-divider{flex:0 0 100%;grid-column:1/-1;box-sizing:border-box;width:100%;max-width:none;margin:18px 0 0;padding:24px 0 8px;border-top:2px solid #e6dbea;background:linear-gradient(110deg,#b793d0,#e5d1f1 50%,#b793d0)}
body main .yus-product-divider h2{font:28px/1.2 Georgia,serif;color:#3d0b54;text-align:center;text-shadow:0 1px 0 #fff8;margin:0}
body main .yus-product-divider h2::after{content:'✧';display:inline-block;margin-left:18px;color:#fff;text-shadow:0 1px 2px #704988}
@media(max-width:700px){body main .yus-product-divider h2{font-size:24px}}

/* Section text inherits the collection styling across every page and product group. */
body main .yus-section-copy{box-sizing:border-box;flex:0 0 100%;grid-column:1/-1;width:100%;min-width:0;margin:10px 0 18px}
body main .yus-section-copy h2{font:28px/1.2 Georgia,serif;color:#3d0b54;margin:0 0 10px;white-space:pre-line}
body main .yus-section-subtitle{font:21px/1.35 Georgia,serif;color:#632886;margin:8px 0;white-space:pre-line;overflow-wrap:anywhere}
body main .yus-section-description{font:14px/1.6 Arial,sans-serif;color:#51345f;white-space:pre-line;overflow-wrap:anywhere}

/* All product slots use the bracelet card and photo dimensions. */
:root{--yus-product-card-width:320px;--yus-product-photo-height:200px}
body main#main .products:not(:empty),body main#main .resale-product-grid{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;align-items:stretch!important;gap:18px!important}
body main#main .product,body main#main .resale-product-slot,body main#main .yus-empty-product-slot{box-sizing:border-box!important;flex:0 1 var(--yus-product-card-width)!important;width:var(--yus-product-card-width)!important;max-width:100%!important;min-width:0!important;height:auto!important;display:flex!important;flex-direction:column!important;align-self:stretch!important}
body main#main .product .photo,body main#main .product .approved-melt-photo,body main#main .resale-product-slot .resale-product-image{box-sizing:border-box!important;flex:0 0 var(--yus-product-photo-height)!important;width:100%!important;height:var(--yus-product-photo-height)!important;min-height:0!important;max-height:var(--yus-product-photo-height)!important;aspect-ratio:auto!important;padding:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden}
body main#main .product .photo img,body main#main .product .approved-melt-photo img,body main#main .resale-product-slot .resale-product-image img{box-sizing:border-box;display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important}
body main#main .product .product-copy,body main#main .resale-product-slot .resale-product-details{box-sizing:border-box;flex:1;min-width:0;padding:16px!important}
body main#main .yus-empty-product-slot span:first-of-type{box-sizing:border-box;height:var(--yus-product-photo-height);min-height:var(--yus-product-photo-height);width:100%}
body main#main .product .photo[hidden],body main#main .product .approved-melt-photo[hidden],body main#main .resale-product-slot .resale-product-image[hidden]{display:none!important}
@media(max-width:700px){:root{--yus-product-card-width:340px;--yus-product-photo-height:190px}body main#main .products:not(:empty),body main#main .resale-product-grid{gap:16px!important}}

body main#main .product[hidden],body main#main .product.yus-air-relocated-away,body main#main .resale-product-slot[hidden],body main#main .resale-product-slot.yus-air-relocated-away,body main#main .yus-empty-product-slot[hidden],body main#main [data-yus-slot-covered],body main#main [data-yus-section][hidden]{display:none!important}

/* Match the full bracelet reference height, not just its image and width. */
:root{--yus-product-card-height:444px}
body main#main .product,body main#main .resale-product-slot,body main#main .yus-empty-product-slot{height:var(--yus-product-card-height)!important;min-height:var(--yus-product-card-height)!important;max-height:var(--yus-product-card-height)!important;overflow:hidden!important}
body main#main .product .product-copy,body main#main .resale-product-slot .resale-product-details{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;gap:0!important;padding:12px!important;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
body main#main .product h3,body main#main .resale-product-slot h3{font:bold 18px/1.2 Georgia,serif!important;margin:0 0 4px!important;overflow-wrap:anywhere}
body main#main .product .product-copy p,body main#main .product .product-copy small,body main#main .resale-product-slot .resale-product-details p,body main#main .resale-product-slot .resale-product-details small{font:12px/1.3 Arial,sans-serif!important;min-height:0!important;margin:3px 0!important}
body main#main .product label,body main#main .resale-product-slot label{display:block;font:13px/1.3 Arial,sans-serif!important;margin:0 0 4px!important}
body main#main .product select,body main#main .resale-product-slot select{box-sizing:border-box;width:100%!important;min-height:34px!important;height:34px!important;flex-shrink:0;font:13px/1.3 Arial,sans-serif!important;padding:7px!important;margin:0 0 4px!important}
body main#main .product .price,body main#main .resale-product-slot .resale-price{font:bold 19px/1.2 Georgia,serif!important;margin:4px 0!important;min-height:0}
body main#main .product .button,body main#main .resale-product-slot .button{flex-shrink:0;margin-top:auto!important}
body main#main .yus-product-details{font:12px/1.3 Arial,sans-serif;flex-shrink:0;margin:2px 0;color:#51345f}
body main#main .yus-product-details summary{cursor:pointer;font-weight:bold;padding:2px 0}
body main#main .yus-product-details-body{padding:4px 0}
body main#main [hidden]{display:none!important}
@media(max-width:700px){:root{--yus-product-card-height:434px}}

/* Three product slots per row on tablet and desktop, including moved sections. */
@media(min-width:701px){
body main#main .products:not(:empty),body main#main .resale-product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:996px!important;width:100%!important;margin-inline:auto!important;justify-items:center!important;gap:18px!important}
body main#main .product,body main#main .resale-product-slot,body main#main .yus-empty-product-slot{width:100%!important;max-width:320px!important;min-width:0!important}
body main#main .products>.yus-section-copy,body main#main .products>[data-yus-product-divider]{grid-column:1/-1!important}
}

/* Resale products share the original Hat & Scarf Set presentation. */
body.resale-luxury[data-page="resale"] main#main .product,
body.resale-luxury[data-page="resale"] main#main .resale-product-slot{border:3px solid transparent!important;border-radius:16px!important;background:linear-gradient(#e9d7f5,#d9bfe9) padding-box,linear-gradient(135deg,#fff,#a899b2 20%,#fff 42%,#9f8aaf 68%,#fff) border-box!important;box-shadow:0 7px 20px #47136630!important;color:#351044!important}
body.resale-luxury[data-page="resale"] main#main .product .photo,
body.resale-luxury[data-page="resale"] main#main .resale-product-image{background:radial-gradient(ellipse,#d9bfe9,#b58bcf)!important;border-bottom:1px solid #b49ac5!important;border-radius:0!important}
body.resale-luxury[data-page="resale"] main#main .product .product-copy,
body.resale-luxury[data-page="resale"] main#main .resale-product-details{background:transparent!important;color:#351044!important;padding:12px!important}
body.resale-luxury[data-page="resale"] main#main .product h3,
body.resale-luxury[data-page="resale"] main#main .resale-product-slot h3{font:bold 18px/1.2 Georgia,serif!important;color:#351044!important;margin:0 0 4px!important}
body.resale-luxury[data-page="resale"] main#main .product .price,
body.resale-luxury[data-page="resale"] main#main .resale-price{font:bold 19px/1.2 Georgia,serif!important;color:#531573!important;margin:4px 0!important}
body.resale-luxury[data-page="resale"] main#main .resale-description-toggle{margin:6px 0!important;font:12px/1.3 Arial,sans-serif!important;color:#351044}
body.resale-luxury[data-page="resale"] main#main .resale-description-toggle summary{cursor:pointer;color:#48205f;font-weight:600}

/* Keep the resale description below the price with room for its disclosure. */
body.resale-luxury[data-page="resale"] main#main .product-copy>.price,
body.resale-luxury[data-page="resale"] main#main .resale-product-details>.resale-price{display:block!important;flex:0 0 auto!important;min-height:23px!important;margin:6px 0 10px!important}
body.resale-luxury[data-page="resale"] main#main .resale-description-toggle{display:block!important;flex:0 0 auto!important;position:static!important;transform:none!important;clear:both;margin:4px 0 8px!important;font:12px/1.45 Arial,sans-serif!important}
body.resale-luxury[data-page="resale"] main#main .resale-description-toggle summary{font:600 12px/1.45 Arial,sans-serif!important;min-height:20px;padding:3px 0!important;cursor:pointer}
body.resale-luxury[data-page="resale"] main#main .resale-description-toggle p{font:12px/1.45 Arial,sans-serif!important;margin:8px 0!important;white-space:pre-line}
body.resale-luxury[data-page="resale"] main#main [data-yus-designer-link] a{color:#531573;text-decoration:underline;overflow-wrap:anywhere}
body.resale-luxury[data-page="resale"] main#main .product dl>div{display:flex;justify-content:space-between;gap:8px}
body.resale-luxury[data-page="resale"] main#main .product dl dt,
body.resale-luxury[data-page="resale"] main#main .product dl dd{margin:0;font:12px/1.35 Arial,sans-serif!important;color:#51345f!important}

/* Photo sections retain their own move/remove controls inside a shared grid. */
body #main.yus-photo-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px;padding:28px 5%}
body #main.yus-photo-grid>*{grid-column:1/-1;min-width:0}
body #main.yus-photo-grid>.yus-photo-section{grid-column:span 1;padding:18px!important;border:2px solid #cfb9dc;border-radius:16px;background:linear-gradient(130deg,#eadcf5,#ceb0e2);overflow:hidden}
body #main .yus-photo-section img{display:block;width:100%!important;height:220px!important;max-width:100%;object-fit:contain;margin:14px auto 0}
body #main .yus-photo-section h2{font-size:1.35rem!important;line-height:1.25}body #main .yus-photo-section p{font-size:.9rem;line-height:1.5}.yus-description-link{display:inline-block;margin-top:10px;color:#5b1679;text-decoration:underline;font-weight:600}
@media(max-width:700px){body #main.yus-photo-grid{grid-template-columns:1fr!important}body #main .yus-photo-section img{height:200px!important}}


.yus-gallery-placeholder{min-height:220px;display:grid;place-items:center;border:2px dashed #9460aa;border-radius:10px;padding:20px;text-align:center;color:#54206e;background:#f1e7f7}

/* Compact slots follow their content after scent and color move to Square. */
:root{--yus-product-card-width:280px;--yus-product-photo-height:180px}
body main#main .products:not(:empty),body main#main .resale-product-grid{align-items:start!important}
body main#main .product,body main#main .resale-product-slot{height:auto!important;min-height:0!important;max-height:none!important;align-self:start!important;overflow:hidden!important}
body main#main .product .product-copy,body main#main .resale-product-slot .resale-product-details{flex:0 0 auto!important;min-height:0!important;overflow:visible!important;padding:10px!important}
body main#main .product .button,body main#main .resale-product-slot .button{margin-top:10px!important}
body main#main .product .product-copy>[data-yus-checkout-help],body main#main .product .product-copy>small[data-yus-checkout],body main#main .resale-product-slot .resale-product-details>small[data-yus-checkout]{margin-top:6px!important}
body main#main .yus-empty-product-slot{height:auto!important;min-height:230px!important;max-height:none!important;align-self:start!important}
@media(min-width:701px){body main#main .products:not(:empty),body main#main .resale-product-grid{max-width:876px!important}body main#main .product,body main#main .resale-product-slot,body main#main .yus-empty-product-slot{max-width:280px!important}}
@media(max-width:700px){:root{--yus-product-card-width:300px;--yus-product-photo-height:170px}}
