/* Collection sets on the website (functions/functionCollectionSetFront.php, assets/footer/js/global/della-sets.js) */

/* ---- set section on the collection page ---- */
.dset{background:var(--dc-bg,#faf9f6);border-top:1px solid var(--dc-line,#e7e5e0);border-bottom:1px solid var(--dc-line,#e7e5e0);padding:48px 0;margin:0 0 40px;scroll-margin-top:140px;font-family:var(--dc-font,"Figtree",sans-serif);color:var(--dc-ink,#171717)}
.dset__wrap{max-width:1320px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start}
.dset__eyebrow{margin:0 0 6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dc-gold-ink,#7a5f2e);font-weight:600}
.dset__title{font-family:var(--dc-font-display,"Playfair Display",serif);font-size:34px;line-height:1.15;margin:0 0 10px;font-weight:500}
.dset__desc{margin:0 0 18px;color:var(--dc-ink-2,#404040);max-width:720px;line-height:1.6}
.dset__items{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.dset__item{background:#fff;border:1px solid var(--dc-line,#e7e5e0);display:flex;flex-direction:column;margin:0}
.dset__pic{position:relative;display:block;aspect-ratio:1/1;background:var(--dc-gold-soft,#f6f1e7);overflow:hidden}
.dset__pic img{width:100%;height:100%;object-fit:contain;transition:transform .3s}
.dset__pic:hover img{transform:scale(1.04)}
.dset__nopic{position:absolute;inset:0}
.dset__qty{position:absolute;top:8px;right:8px;background:var(--dc-ink,#171717);color:#fff;font-size:12px;font-weight:600;padding:2px 8px}
.dset__info{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px;font-size:13px}
.dset__name{color:var(--dc-ink,#171717);font-weight:600;text-decoration:none;line-height:1.3}
.dset__name:hover{color:var(--dc-gold-ink,#7a5f2e)}
.dset__size{color:var(--dc-muted,#5c5c5c);font-size:12px}
.dset__unit{color:var(--dc-ink-2,#404040);font-size:12.5px;margin-top:2px}
.dset__buy{position:sticky;top:150px}
.dset__buybox{background:#fff;border:1px solid var(--dc-line,#e7e5e0);box-shadow:var(--dc-shadow,0 4px 16px rgba(0,0,0,.05));padding:24px}
.dset__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;font-size:14px;color:var(--dc-ink-2,#404040)}
.dset__row s{color:var(--dc-muted,#5c5c5c)}
.dset__row--price{border-top:1px solid var(--dc-line,#e7e5e0);margin-top:4px;padding-top:12px}
.dset__row--price span{color:var(--dc-ink,#171717);font-weight:600}
.dset__row--price b{font-family:var(--dc-font-display,"Playfair Display",serif);font-size:30px;font-weight:500;color:var(--dc-ink,#171717)}
.dset__save{margin:6px 0 0;background:var(--dc-success-soft,#ecfdf3);color:var(--dc-success,#067647);font-weight:600;padding:6px 10px;font-size:13.5px;display:inline-block}
.dset__tax{margin:10px 0 16px;color:var(--dc-muted,#5c5c5c);font-size:12.5px}
.dset__why{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--dc-line,#e7e5e0);font-size:13px;color:var(--dc-ink-2,#404040)}
.dset__why li{position:relative;padding-left:20px;margin:0 0 7px;line-height:1.45}
.dset__why li::before{content:"";position:absolute;left:2px;top:6px;width:9px;height:5px;border-left:2px solid var(--dc-gold-btn,#8a6d3b);border-bottom:2px solid var(--dc-gold-btn,#8a6d3b);transform:rotate(-45deg)}
@media (max-width:991px){
  .dset{padding:32px 0}
  /* name and description first, then the price box, then the pieces */
  .dset__wrap{grid-template-columns:1fr;gap:0;padding:0 16px}
  .dset__main{display:contents}
  .dset__title{font-size:27px}
  .dset__buy{position:static;order:1;margin:6px 0 18px}
  .dset__items{order:2;margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}

/* ---- thumbnails row (modal and product page card) ---- */
.dset-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.dset-thumb{position:relative;width:64px;height:64px;border:1px solid var(--dc-line,#e7e5e0);background:var(--dc-gold-soft,#f6f1e7);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--dc-muted,#5c5c5c);flex:none}
.dset-thumb img{width:100%;height:100%;object-fit:contain}
.dset-thumb.is-this{outline:2px solid var(--dc-gold-btn,#8a6d3b);outline-offset:1px}
.dset-thumb em{position:absolute;right:2px;bottom:2px;font-style:normal;font-size:10.5px;background:var(--dc-ink,#171717);color:#fff;padding:0 4px}
.dset-thumbs--small .dset-thumb{width:48px;height:48px}

/* ---- "complete the set" offer before adding one piece ---- */
.dset-lock,.dset-lock body{overflow:hidden}
.dset-modal{position:fixed;inset:0;z-index:100050;display:flex;align-items:center;justify-content:center;padding:16px;font-family:var(--dc-font,"Figtree",sans-serif);color:var(--dc-ink,#171717)}
.dset-modal[hidden]{display:none}
.dset-modal__overlay{position:absolute;inset:0;background:rgba(23,23,23,.55)}
.dset-modal__panel{position:relative;background:#fff;width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:28px 28px 22px;box-shadow:var(--dc-shadow-lg,0 12px 48px rgba(0,0,0,.18))}
.dset-modal__x{position:absolute;top:8px;right:10px;border:0;background:none;font-size:28px;line-height:1;color:var(--dc-muted,#5c5c5c);cursor:pointer;padding:4px 8px}
.dset-modal__eyebrow{margin:0 0 6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dc-gold-ink,#7a5f2e);font-weight:600}
.dset-modal__title{font-family:var(--dc-font-display,"Playfair Display",serif);font-size:24px;line-height:1.25;margin:0 0 8px;font-weight:500;padding-right:20px}
.dset-modal__lead{margin:0;color:var(--dc-ink-2,#404040);line-height:1.55}
.dset-compare{border:1px solid var(--dc-line,#e7e5e0);padding:10px 14px;margin:4px 0 16px}
.dset-compare>div{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0;font-size:14px}
.dset-compare s{color:var(--dc-muted,#5c5c5c)}
.dset-compare .is-set{border-top:1px solid var(--dc-line,#e7e5e0);padding-top:9px;margin-top:3px;font-weight:600}
.dset-compare .is-set b{font-family:var(--dc-font-display,"Playfair Display",serif);font-size:24px;font-weight:500}
.dset-compare__save{margin:6px 0 2px;color:var(--dc-success,#067647);font-weight:600;font-size:13.5px;text-align:right}
.dset-modal__actions{display:flex;flex-direction:column;gap:8px}
.dset-modal__more{display:block;text-align:center;margin-top:12px;font-size:13px;color:var(--dc-gold-ink,#7a5f2e)}

/* ---- product page card ---- */
.dset-card{border:1px solid var(--dc-gold,#bda371);background:var(--dc-gold-soft,#f6f1e7);padding:16px 18px;margin:16px 0;font-family:var(--dc-font,"Figtree",sans-serif);color:var(--dc-ink,#171717)}
.dset-card__head{display:flex;flex-direction:column;gap:2px}
.dset-card__eyebrow{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dc-gold-ink,#7a5f2e);font-weight:600}
.dset-card__name{font-family:var(--dc-font-display,"Playfair Display",serif);font-size:20px;font-weight:500}
.dset-card .dset-thumbs{margin:10px 0}
.dset-card__price{font-size:14px;color:var(--dc-ink-2,#404040);display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.dset-card__price b{font-size:18px;color:var(--dc-ink,#171717)}
.dset-card__price s{color:var(--dc-muted,#5c5c5c)}
.dset-card__price em{font-style:normal;color:var(--dc-success,#067647);font-weight:600;background:var(--dc-success-soft,#ecfdf3);padding:1px 8px}
.dset-card__actions{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}
.dset__buybox>.dset__row--price:first-child{border-top:0;margin-top:0;padding-top:0}

/* ---- "Shop the room" on room pages (dark page: single-room.php) ---- */
.droom{background:#0b0b0b;color:#f2efe9;padding:72px 0;scroll-margin-top:120px;font-family:var(--dc-font,"Figtree",sans-serif);border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f}
.droom__wrap{max-width:1320px;margin:0 auto;padding:0 24px}
.droom__head{text-align:center;max-width:760px;margin:0 auto 36px}
.droom__eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--dc-gold,#bda371);font-weight:600}
.droom__title{font-family:var(--dc-font-display,"Playfair Display",serif);font-size:38px;line-height:1.15;margin:0 0 12px;font-weight:500;color:#fff}
.droom__desc{margin:0;color:#cfc9bd;line-height:1.6}
.droom__grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start}
.droom__group{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dc-gold,#bda371);font-weight:600;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #262626;font-family:inherit}
.droom__group:not(:first-child){margin-top:28px}
.droom__items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.droom__item{margin:0;background:#151515;border:1px solid #262626;display:flex;flex-direction:column;transition:border-color .2s}
.droom__item:hover{border-color:var(--dc-gold,#bda371)}
.droom__pic{position:relative;display:block;aspect-ratio:1/1;background:#1d1d1d;overflow:hidden}
.droom__pic img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.droom__item:hover .droom__pic img{transform:scale(1.04)}
.droom__qty{position:absolute;top:8px;right:8px;background:var(--dc-gold-btn,#8a6d3b);color:#fff;font-size:12px;font-weight:600;padding:2px 8px}
.droom__info{padding:12px 14px 14px;display:flex;flex-direction:column;gap:3px;font-size:13px}
.droom__cat{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9b958a}
.droom__name{color:#fff;font-weight:600;text-decoration:none;line-height:1.3}
.droom__name:hover{color:var(--dc-gold,#bda371)}
.droom__size{color:#a9a397;font-size:12px}
.droom__unit{color:#e6e0d4;margin-top:4px}
.droom__buy{position:sticky;top:140px}
.droom__buybox{background:#fff;color:var(--dc-ink,#171717);padding:26px}
.droom__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;font-size:14px;color:var(--dc-ink-2,#404040)}
.droom__row s{color:var(--dc-muted,#5c5c5c)}
.droom__row--price{border-top:1px solid var(--dc-line,#e7e5e0);margin-top:4px;padding-top:12px}
.droom__buybox>.droom__row--price:first-child{border-top:0;margin-top:0;padding-top:0}
.droom__row--price span{font-weight:600;color:var(--dc-ink,#171717)}
.droom__row--price b{font-family:var(--dc-font-display,"Playfair Display",serif);font-size:30px;font-weight:500;color:var(--dc-ink,#171717)}
.droom__save{margin:6px 0 0;background:var(--dc-success-soft,#ecfdf3);color:var(--dc-success,#067647);font-weight:600;padding:6px 10px;font-size:13.5px;display:inline-block}
.droom__tax{margin:10px 0 16px;color:var(--dc-muted,#5c5c5c);font-size:12.5px}
.droom__ask{margin:0 0 16px;color:var(--dc-ink-2,#404040);line-height:1.55;font-size:14px}
.droom__why{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--dc-line,#e7e5e0);font-size:13px;color:var(--dc-ink-2,#404040)}
.droom__why li{position:relative;padding-left:20px;margin:0 0 7px;line-height:1.45}
.droom__why li::before{content:"";position:absolute;left:2px;top:6px;width:9px;height:5px;border-left:2px solid var(--dc-gold-btn,#8a6d3b);border-bottom:2px solid var(--dc-gold-btn,#8a6d3b);transform:rotate(-45deg)}
@media (max-width:991px){
  .droom{padding:44px 0}
  .droom__wrap{padding:0 16px}
  .droom__title{font-size:28px}
  .droom__grid{grid-template-columns:1fr;gap:24px}
  .droom__buy{position:static;order:-1}
  .droom__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
/* room details text was near-black on the black floor-plan section */
.floor-plan-sec .room-details-wrapper,.floor-plan-sec .room-details-wrapper p,.floor-plan-sec .room-details-wrapper li{color:rgba(255,255,255,.82)}

/* ---- product page: featured in a room ---- */
.dset-room{display:flex;gap:14px;align-items:center;border:1px solid var(--dc-line,#e7e5e0);background:#fff;padding:12px 14px;margin:12px 0;text-decoration:none;color:var(--dc-ink,#171717);font-family:var(--dc-font,"Figtree",sans-serif)}
.dset-room:hover{border-color:var(--dc-gold,#bda371)}
.dset-room img{width:72px;height:56px;object-fit:cover;flex:none;background:var(--dc-gold-soft,#f6f1e7)}
.dset-room span{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--dc-ink-2,#404040)}
.dset-room small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dc-gold-ink,#7a5f2e);font-weight:600}
.dset-room b{font-size:15px;color:var(--dc-ink,#171717)}