/* Maison Alhambra – product page v2: scent profile card, video band, two-half tabs. Loads after product.css. */

/* ---------- Hero tweaks ---------- */
.ma-pdp .summary{gap:18px}
.ma-pdp .summary h1{font-size:clamp(34px,4.2vw,50px)}
.ma-pdp .lead{max-width:56ch}
.ma-pdp .lead ul{margin:0;padding-left:18px}
.ma-pdp .alt-name{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;color:var(--grey)}
.ma-pdp .alt-name svg{color:var(--crimson)}
.ma-pdp .assure{grid-template-columns:repeat(3,minmax(0,1fr))}

.ma-pdp .gallery__video{position:absolute;left:22px;bottom:22px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;background:var(--ink);color:#fff;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:background-color .2s ease}
.ma-pdp .gallery__video:hover{background:var(--crimson);color:#fff}

/* ---------- Scent profile card ---------- */
.ma-pdp .profile{border:1px solid var(--line);border-top:2px solid var(--ink);background:#fff}
.ma-pdp .profile__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;padding:14px 18px 0}
.ma-pdp .profile__title{margin:0;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}
.ma-pdp .profile__mood{margin:0;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--crimson)}
.ma-pdp .profile__notes{padding:12px 18px 14px;border-bottom:1px solid var(--line)}
.ma-pdp .profile__notes:last-child{border-bottom:0}
.ma-pdp .profile__label{margin:0 0 8px;font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--grey)}
.ma-pdp .notes{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.ma-pdp .notes li{padding:6px 12px;border-radius:999px;background:var(--pale);border:1px solid var(--pale-line);font-size:12.5px;font-weight:500;color:var(--ink)}
.ma-pdp .profile__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;background:var(--line);border-top:1px solid var(--line)}
.ma-pdp .profile__head+.profile__grid{margin-top:12px}
.ma-pdp .profile__item{display:flex;flex-direction:column;gap:6px;padding:14px 18px;min-width:0;background:#fff}
.ma-pdp .profile__notes+.profile__grid{border-top:0}
.ma-pdp .profile__item:last-child{grid-column:auto/-1}
.ma-pdp .profile__item dt{display:flex;align-items:center;gap:6px;font-size:9.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--grey)}
.ma-pdp .profile__item dt svg{color:var(--crimson);flex:0 0 auto}
.ma-pdp .profile__item dd{display:flex;flex-direction:column;gap:8px;margin:0;font-family:var(--serif);font-size:15px;font-weight:600;line-height:1.3;color:var(--ink)}
.ma-pdp .profile__item .meter{max-width:110px}

/* ---------- Video band ---------- */
.ma-pdp .watch{background-color:var(--ink);background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.018) 0 1px,transparent 1px 12px);color:#fff;padding-block:var(--space)}
.ma-pdp .watch__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(24px,4vw,56px);align-items:center}
.ma-pdp .watch .kicker{color:#ff8fa2}
.ma-pdp .watch .h2{color:#fff;margin:12px 0 14px}
.ma-pdp .watch .h2 em{color:#ff8fa2}
.ma-pdp .watch__notes{margin:0 0 10px;font-family:var(--serif);font-size:19px;line-height:1.4;color:#eaeaea}
.ma-pdp .watch__meta{display:flex;align-items:center;gap:8px;margin:0 0 22px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#bdbdbd}
.ma-pdp .watch__meta svg{color:#ff8fa2}
.ma-pdp .video__file{display:block;width:100%;aspect-ratio:16/9;background:#000;object-fit:cover}
.ma-pdp .watch .video{box-shadow:0 30px 60px rgba(0,0,0,.35)}

/* ---------- Two-half tabs ---------- */
.ma-pdp .ptabs{padding-block:var(--space);border-top:1px solid var(--line)}
.ma-pdp .ptabs__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start}
.ma-pdp .ptabs__sticky{position:sticky;top:calc(var(--ma-head-h) + 24px);display:flex;flex-direction:column;gap:18px}
.admin-bar .ma-pdp .ptabs__sticky{top:calc(var(--ma-head-h) + 56px)}
.ma-pdp .ptabs__sticky .h2 em{display:block}
.ma-pdp .ptabs__list{display:flex;flex-direction:column;border-top:1px solid var(--ink)}
.ma-pdp .ptabs__tab{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;padding:0 4px 0 18px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--grey);font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;text-align:left;cursor:pointer;transition:color .2s ease,background-color .2s ease}
.ma-pdp .ptabs__tab::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:var(--crimson);transform:scaleY(0);transition:transform .25s ease}
.ma-pdp .ptabs__tab svg{opacity:.4;transition:transform .2s ease,opacity .2s ease}
.ma-pdp .ptabs__tab:hover{color:var(--ink);background:var(--soft)}
.ma-pdp .ptabs__tab[aria-selected="true"]{color:var(--ink)}
.ma-pdp .ptabs__tab[aria-selected="true"]::before{transform:scaleY(1)}
.ma-pdp .ptabs__tab[aria-selected="true"] svg{opacity:1;color:var(--crimson);transform:translateX(3px)}
.ma-pdp .ptabs__card{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px 14px;padding:16px;background:var(--soft);border:1px solid var(--line)}
.ma-pdp .ptabs__thumb{position:relative;width:56px;height:56px;background:#fff;overflow:hidden}
.ma-pdp .ptabs__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ma-pdp .ptabs__name{display:flex;flex-direction:column;min-width:0}
.ma-pdp .ptabs__name strong{font-family:var(--serif);font-size:17px;line-height:1.2}
.ma-pdp .ptabs__name small{font-size:11.5px;color:var(--muted)}
.ma-pdp .ptabs__card .btn{grid-column:1/-1;width:100%;min-height:48px;padding:0 16px;font-size:10.5px}
.ma-pdp .ptabs__panels{min-width:0}
.ma-pdp .ptabs__mhead{display:none;margin:0}
.ma-pdp .ptabs__body{padding-top:4px}
.ma-pdp .ptabs.is-ready .ptabs__panel{display:none}
.ma-pdp .ptabs.is-ready .ptabs__panel.is-open{display:block;animation:ma-fade .35s ease both}
.ma-pdp .ptabs:not(.is-ready) .ptabs__panel+.ptabs__panel{margin-top:40px}
.ma-pdp .ptabs__panel:focus-visible{outline:none}
@keyframes ma-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ma-pdp .ptabs__sub{margin:28px 0 14px;font:700 18px var(--serif)}

/* content inside tabs */
.ma-pdp .ptabs .quote{margin-bottom:24px}
.ma-pdp .ptabs .prose{max-width:none;position:relative}
.ma-pdp .ptabs .prose.is-clamped{max-height:24em;overflow:hidden}
.ma-pdp .ptabs .prose.is-clamped::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5em;background:linear-gradient(rgba(255,255,255,0),#fff)}
.ma-pdp .more{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:0 0 2px;border:0;border-bottom:2px solid var(--crimson);background:none;color:var(--crimson);font:700 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.ma-pdp .pyramid{margin:0;padding:0;list-style:none;border-top:1px solid var(--ink)}
.ma-pdp .pyramid__row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.ma-pdp .pyramid__tier{display:flex;flex-direction:column;gap:4px;margin:0}
.ma-pdp .pyramid__tier span{font-family:var(--serif);font-style:italic;font-size:24px;line-height:1;color:var(--crimson)}
.ma-pdp .pyramid__tier small{font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}
.ma-pdp .pyramid__notes{margin:0;font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.35}
.ma-pdp .pyramid__desc{margin:6px 0 0;font-size:14px;line-height:1.7;color:var(--muted)}
.ma-pdp .ptabs .bars__label{color:var(--ink)}
.ma-pdp .ptabs .bars__track{background:#efefef}
.ma-pdp .ptabs .bars li:nth-child(n+4) .bars__fill{background:#9a9a9a}
.ma-pdp .ptabs .perf{grid-template-columns:repeat(2,minmax(0,1fr))}
.ma-pdp .ptabs .perf__item:nth-child(3){border-left:0}
.ma-pdp .ptabs .perf__item:nth-child(n+3){border-top:1px solid var(--line)}
.ma-pdp .ptabs .suits{grid-template-columns:minmax(0,1fr)}
.ma-pdp .ptabs .suit+.suit{border-left:0;border-top:1px solid var(--line)}
.ma-pdp .suit h4{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-family:var(--serif);font-size:20px;font-weight:700}
.ma-pdp .suit h4 span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff}
.ma-pdp .suit--skip h4 span{background:var(--crimson)}
.ma-pdp .sec-head--row{flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.ma-pdp .sec-head--row>div{display:flex;flex-direction:column;gap:12px}

/* ---------- Tablet ---------- */
@media (max-width:1024px){
	.ma-pdp .watch__grid{grid-template-columns:minmax(0,1fr)}
	.ma-pdp .ptabs__grid{grid-template-columns:minmax(0,4fr) minmax(0,6fr)}
}

/* ---------- Phones: accordion ---------- */
@media (max-width:860px){
	.ma-pdp .ptabs__grid{grid-template-columns:minmax(0,1fr);gap:20px}
	.ma-pdp .ptabs__sticky{position:static}
	.ma-pdp .ptabs__list,.ma-pdp .ptabs__card{display:none}
	.ma-pdp .ptabs__panels{border-top:1px solid var(--ink)}
	.ma-pdp .ptabs.is-ready .ptabs__panel{display:block;border-bottom:1px solid var(--line);animation:none}
	.ma-pdp .ptabs:not(.is-ready) .ptabs__panel+.ptabs__panel{margin-top:0}
	.ma-pdp .ptabs__mhead{display:block}
	.ma-pdp .ptabs__mhead button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:58px;padding:0;border:0;background:none;color:var(--ink);font:700 18px var(--serif);text-align:left;cursor:pointer}
	.ma-pdp .ptabs__mhead svg{flex:0 0 auto;color:var(--crimson);transition:transform .25s ease}
	.ma-pdp .ptabs__mhead button[aria-expanded="true"] svg{transform:rotate(180deg)}
	.ma-pdp .ptabs.is-ready .ptabs__body{display:none;padding:0 0 22px}
	.ma-pdp .ptabs.is-ready .ptabs__panel.is-open .ptabs__body{display:block}
	.ma-pdp .pyramid__row{grid-template-columns:minmax(0,1fr);gap:8px}
	.ma-pdp .pyramid__tier{flex-direction:row;align-items:baseline;gap:10px}
}
@media (max-width:760px){
	.ma-pdp .profile__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ma-pdp .profile__item{padding:12px 14px}
	.ma-pdp .ptabs .perf{grid-template-columns:minmax(0,1fr)}
	.ma-pdp .ptabs .perf__item+.perf__item{border-left:0;border-top:1px solid var(--line)}
	.ma-pdp .gallery__video{left:14px;bottom:14px}
	.ma-pdp .assure{grid-template-columns:minmax(0,1fr)}
	body.has-sticky .ma-pdp{padding-bottom:70px}
}
@media (prefers-reduced-motion:reduce){
	.ma-pdp .ptabs.is-ready .ptabs__panel.is-open{animation:none}
}