@view-transition{navigation:none}
body{background:#fffaf7;color:#3b2225}
.ci-header,.ci-shell,.ci-footer{width:min(1120px,calc(100% - 36px));margin:auto}
.ci-header,.ci-header nav,.ci-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ci-header{justify-content:space-between;padding:12px 0;border-bottom:1px solid #e6d3cd}
.ci-header img{display:block;max-height:55px;object-fit:contain}
.ci-shell{padding:38px 0 55px}
.ci-shell h1{font-size:clamp(40px,6vw,70px);line-height:1.05;margin:0 0 20px}
.ci-shell h2{font-size:clamp(24px,3vw,36px);margin:0 0 10px}
.ci-shell .eyebrow{color:#8a4956;margin-bottom:10px;text-transform:uppercase}
.ci-detail{display:grid;grid-template-columns:1.08fr 1fr;align-items:start;gap:clamp(20px,6vw,86px)}
.ci-intro{padding-top:28px}.ci-intro ul{padding-left:20px;margin:22px 0}
.ci-intro li{margin:4px 0}.ci-price{margin:16px 0;display:flex;align-items:center;gap:12px}
.ci-price strong{font-size:28px}.ci-price s{color:#795959}.ci-price span{background:#f6e8dc;border-radius:999px;padding:4px 9px}
.ci-colours{margin:0 0 14px;border:0;padding:0;display:flex;gap:7px;flex-wrap:wrap}
.ci-colours legend{font-weight:700;margin-bottom:7px}
.ci-colours label{border:1px solid #dbc1bc;padding:6px 9px;border-radius:25px;display:flex;align-items:center;gap:5px;cursor:pointer;font-size:12px}
.ci-colours label:has(input:checked){background:#f2e0d9;border-color:#a37070}
.ci-swatch{width:14px;height:14px;border-radius:50%;background:var(--swatch)}
.ci-preview{position:relative;aspect-ratio:9/16;max-width:340px;overflow:hidden;border-radius:20px;background:#f5e8e1;box-shadow:0 8px 25px #48232719;margin:0 auto 12px}
.ci-preview img,.ci-preview iframe{width:100%;height:100%;border:0;object-fit:cover}
.ci-preview iframe{position:absolute;inset:0}
.ci-preview button{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:max-content;max-width:94%}
.ci-picker{text-align:center}.ci-colours{text-align:left;justify-content:center}
.ci-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}
.ci-tile,.ci-panel{background:#fff;border:1px solid #ead8d1;border-radius:20px;padding:20px}
.ci-tile img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:12px}
.ci-tile p,.ci-panel p{margin-bottom:12px}.ci-panel+.ci-panel{margin-top:20px}
.ci-brief{max-width:850px}.ci-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
.ci-fields label{display:grid;gap:5px}.ci-fields input,.ci-fields select,.ci-fields textarea{width:100%;border:1px solid #d9b9b4;border-radius:9px;padding:10px;font:inherit;color:inherit;background:#fff}
.ci-fields textarea{min-height:82px}.ci-footer{border-top:1px solid #e6d3cd;padding:15px 0 30px}
.ci-actions{margin-top:14px}.ci-shell [hidden]{display:none!important}
@media(max-width:660px){.ci-detail,.ci-fields{grid-template-columns:1fr}.ci-intro{padding-top:0}.ci-shell{padding-top:24px}}