/*
Theme Name: Mystic Haven London
Description: A bespoke handmade gift boutique for Mahnoor Faisal. Includes starter pages, an editable gift catalogue, uniform product photography and WhatsApp enquiries.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Author: Mystic Haven
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mystic-haven
*/
:root{--paper:#fcf8f2;--ink:#522337;--plum:#60263d;--rose:#eddbdf;--gold:#a88049;--muted:#716068;--line:#e3d5d5;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(44px,5.1vw,76px);line-height:1.08;letter-spacing:-2px;margin:18px 0 24px}h2{font-size:clamp(33px,3.2vw,47px);line-height:1.15;letter-spacing:-1px;margin:12px 0 22px}h3{font-size:26px;line-height:1.2;margin:12px 0}p{margin:0 0 20px}em{font-weight:400}.wrap{max-width:1270px;padding:0 45px;margin:auto}.eyebrow{color:#926b3f;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2.3px;line-height:1.6}.tag{font-size:11px;text-transform:uppercase;letter-spacing:1.6px;color:#926b3f}.skip-link{position:absolute;left:15px;top:-100px;background:var(--paper);padding:12px;z-index:100}.skip-link:focus{top:10px}.topbar{background:var(--plum);color:var(--paper);padding:9px 20px;text-align:center;font-size:12px;letter-spacing:.8px}.topbar span{padding:0 10px;color:#dec3ad}.header{border-bottom:1px solid var(--line)}.header-inner{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 45px}.brand-link{display:flex;gap:15px;align-items:center}.logo{width:90px;height:90px;object-fit:contain;mix-blend-mode:multiply}.brand{font:26px/1.1 var(--serif);white-space:nowrap}.brand small{display:block;font:10px var(--sans);letter-spacing:4px;margin-top:9px}#main-nav{display:flex;gap:28px;align-items:center;font-size:14px}#main-nav ul{list-style:none;display:flex;gap:28px;padding:0;margin:0}#main-nav a{padding:8px 0;border-bottom:1px solid transparent}#main-nav a:hover{border-color:var(--gold)}.bag-link{border:1px solid var(--line);padding:10px 15px;font-size:13px;white-space:nowrap}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px}.hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:75px;align-items:center;padding:45px 0 55px}.hero-copy{padding:10px 0}.hero-copy p{max-width:425px;color:var(--muted);font-size:17px}.hero-footnote{font-size:12px;letter-spacing:.7px;margin-top:30px;color:var(--muted)}.hero-visual{position:relative;padding:12px 12px 24px;border:1px solid #c9ab88;border-radius:240px 240px 8px 8px}.hero-photo{display:block;width:100%;height:565px;object-fit:cover;object-position:50% 55%;border-radius:230px 230px 0 0}.hero-caption{position:absolute;left:-25px;bottom:0;padding:17px 23px;background:var(--paper);border:1px solid var(--line);font:19px var(--serif);box-shadow:0 8px 26px #5223370c}.hero-caption span{display:block;font:10px var(--sans);letter-spacing:1.5px;color:#926b3f;margin-bottom:8px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:28px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--plum);background:var(--plum);color:var(--paper);padding:13px 22px;font-size:14px;line-height:1.5;min-height:46px;transition:background .2s,transform .2s}.btn:hover{background:#74364d;transform:translateY(-1px)}.btn.outline{background:transparent;color:var(--plum)}.btn.outline:hover{background:var(--rose)}.text-link{font-size:14px;border-bottom:1px solid #b99370;padding-bottom:3px;white-space:nowrap}.benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefits .wrap{display:flex;justify-content:space-evenly;gap:20px;padding-top:17px;padding-bottom:17px;font-size:13px}.benefits span{position:relative}.section{padding-top:75px;padding-bottom:75px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-heading h2{margin-bottom:0}.gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.gift-card{min-width:0}.gift-photo{display:block;position:relative;overflow:hidden;background:var(--rose);border-radius:140px 140px 5px 5px;aspect-ratio:4/5;width:100%}.gift-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .6s ease}.gift-photo:hover img{transform:scale(1.035)}.photo-label{position:absolute;bottom:16px;left:16px;background:#fcf8f2ec;padding:6px 11px;font-size:11px;letter-spacing:.6px}.gift-info{padding:21px 0 0}.gift-info h3{font-size:26px;margin:9px 0 17px}.card-bottom{display:flex;justify-content:space-between;gap:12px;font-size:14px}.custom-feature{background:var(--rose);padding:65px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.feature-photo{position:relative}.feature-photo img{display:block;width:100%;height:470px;object-fit:cover;border-radius:5px 160px 5px 5px}.photo-caption{position:absolute;bottom:15px;left:15px;right:15px;padding:10px 15px;background:#fcf8f2ed;font:17px var(--serif);text-align:center}.feature-copy p{color:var(--muted);max-width:490px}.personal-options{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.personal-options span{border:1px solid #cbaeb5;padding:7px 12px;font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.number{font:35px var(--serif);color:var(--gold)}.steps p{font-size:15px;color:var(--muted)}.steps h3{font-size:25px}.maker{background:var(--plum);color:var(--paper);padding:60px 0}.maker .eyebrow{color:#d5b183}.maker p{color:#ecdde2}.maker .btn{color:var(--paper);border-color:#d3b086}.maker .btn:hover{background:#74364d}.maker img{width:100%;height:365px;object-fit:cover;border-radius:4px 4px 140px 4px}.footer{padding:58px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-grid p{font-size:14px;color:var(--muted);margin-top:23px}.footer-grid a{display:block;font-size:14px;margin-top:10px}.copyright{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:40px;padding-top:20px;font-size:12px;color:var(--muted)}.copyright a{padding-right:12px}.page-head{padding-top:58px;padding-bottom:35px}.page-head h1{font-size:clamp(44px,4.5vw,64px);max-width:780px}.page-head p{max-width:700px;color:var(--muted)}.section-top{padding-top:10px;padding-bottom:80px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filters button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 17px;font-size:14px}.filters button.active{background:var(--plum);color:var(--paper);border-color:var(--plum)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:65px}.form{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:start}.form label{font-size:14px;display:block;min-width:0}.form input,.form select,.form textarea{width:100%;background:#fffdf9;border:1px solid #ceb9bf;color:var(--ink);padding:12px;margin-top:6px;min-height:48px;border-radius:0}.form textarea{min-height:105px;resize:vertical}.full{grid-column:1/-1}.small-note{font-size:13px;color:var(--muted);margin-top:18px}.note{padding:18px 21px;background:#f0e2e5;font-size:14px;line-height:1.6;color:#60434f}.custom-image{width:100%;height:330px;object-fit:cover;border-radius:3px 120px 3px 3px;margin-bottom:20px}.story-image{width:100%;height:620px;object-fit:cover;border-radius:190px 190px 5px 5px}blockquote{font:29px/1.4 var(--serif);border-left:2px solid var(--gold);padding-left:25px;margin:30px 0}.faq{max-width:1000px}details{border-bottom:1px solid var(--line);padding:21px 0}summary{font-size:17px;cursor:pointer}details p{padding-top:18px;color:var(--muted);max-width:820px}.contact-links{display:flex;flex-direction:column;align-items:start;gap:16px;margin-bottom:30px}.breadcrumb{font-size:13px;color:var(--muted);padding:28px 0}.breadcrumb a{text-decoration:underline}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-bottom:75px}.product-main{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:5px;display:block}.product-copy h1{font-size:clamp(38px,3.5vw,55px)}.product-price{font-size:20px;color:var(--plum)}.gift-facts{border-top:1px solid var(--line);padding-top:22px}.gift-facts dt{font-size:13px;letter-spacing:.8px;color:#926b3f;text-transform:uppercase}.gift-facts dd{margin:5px 0 19px;font-size:15px}.thumbnails{display:flex;gap:12px;margin-top:15px;flex-wrap:wrap}.gallery-thumb{border:1px solid var(--line);padding:4px;background:transparent;width:85px}.gallery-thumb img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.bag-row{display:grid;grid-template-columns:76px 1fr auto;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.bag-row>img{width:76px;height:95px;object-fit:cover}.bag-row h3{font-size:22px;margin:0 0 6px}.bag-row p{font-size:14px;margin:0}.text-button{border:0;background:none;padding:5px 0;color:var(--ink);text-decoration:underline;font-size:13px}.qty{display:flex;gap:10px;align-items:center}.qty button{background:transparent;border:1px solid var(--line);color:var(--ink);width:34px;height:38px}.page-copy{padding-bottom:55px}.page-copy h1{font-size:50px}.page-copy ul{padding-left:25px}.entry{border-bottom:1px solid var(--line);padding:20px 0}.entry h2{font-size:32px}dialog{max-width:650px;width:calc(100% - 32px);max-height:85vh;overflow:auto;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:30px}dialog::backdrop{background:#28121bc9}dialog h2{font-size:35px}dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f0e2e5;padding:18px;font:14px/1.7 var(--sans)}.dialog-close{float:right;border:0;background:transparent;color:var(--ink);font-size:26px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--plum);color:var(--paper);padding:13px 22px;z-index:50;max-width:90%;box-shadow:0 6px 24px #0002}.woocommerce .products{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:0;list-style:none}.woocommerce .products img{aspect-ratio:4/5;object-fit:cover}.woocommerce .button{display:inline-block;background:var(--plum);color:var(--paper);padding:12px 20px;border:0}.woocommerce input,.woocommerce select,.woocommerce textarea{padding:10px;border:1px solid var(--line);max-width:100%}.woocommerce table{width:100%}.woocommerce .price{color:var(--plum)}
@media(max-width:1000px){.wrap{padding:0 30px}.header-inner{padding:14px 30px;gap:15px}.logo{width:72px;height:75px}.brand{font-size:23px}#main-nav,#main-nav ul{gap:18px;font-size:13px}.hero{gap:40px}.hero-photo{height:485px}.hero-caption{font-size:17px;left:-15px}.split{gap:45px}.gift-info h3{font-size:23px}.two-col,.product-layout{gap:35px}.bag-row{grid-template-columns:65px 1fr}.qty{grid-column:2}.gift-photo{border-radius:110px 110px 3px 3px}.card-bottom{flex-wrap:wrap}}
@media(max-width:760px){.header-inner{flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}#main-nav{display:none;order:4;width:100%;flex-wrap:wrap;padding:10px 0}#main-nav.open{display:flex}#main-nav ul{flex-wrap:wrap}.wrap{padding:0 22px}.hero{grid-template-columns:1fr;gap:35px;padding-top:32px;padding-bottom:42px}.hero-copy{max-width:580px}.hero h1{font-size:58px}.hero-photo{height:530px}.hero-visual{max-width:560px;width:100%;margin:auto}.hero-caption{left:12px;right:12px;text-align:center}.hero-footnote{margin-top:20px}.benefits .wrap{flex-wrap:wrap;gap:10px 24px;text-align:center}.section{padding-top:48px;padding-bottom:48px}.section-heading{align-items:start}.section-heading .text-link{margin-top:7px}.gift-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.gift-info h3{font-size:24px}.split,.two-col,.product-layout{grid-template-columns:1fr;gap:32px}.custom-feature{padding:45px 0}.feature-photo img{height:420px}.steps{grid-template-columns:1fr;gap:18px}.steps p{margin-bottom:4px}.maker{padding:45px 0}.maker img{height:355px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.story-image{height:480px}.section-top{padding-bottom:55px}.page-head{padding-top:40px}.page-head h1{font-size:49px}.product-copy h1{font-size:46px}.gift-photo{border-radius:85px 85px 3px 3px}.woocommerce .products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.header-inner{padding:12px 16px;gap:10px}.logo{width:54px;height:62px}.brand-link{gap:8px}.brand{font-size:19px}.brand small{font-size:9px;letter-spacing:3px}.bag-link{font-size:12px;padding:9px 10px}.menu-toggle{font-size:12px;padding:9px}.topbar{font-size:11px;padding:9px 8px;letter-spacing:.25px}.topbar span{padding:0 5px}.hero h1{font-size:47px}.hero-photo{height:430px}.hero-caption{font-size:16px;padding:13px 8px}.hero-caption span{font-size:9px}.hero-copy p{font-size:16px}.btn{font-size:13px;padding:12px 17px}.gift-grid{gap:30px 14px}.gift-info{padding-top:16px}.gift-info h3{font-size:21px}.tag{font-size:10px;letter-spacing:.9px}.card-bottom{font-size:12px}.text-link{font-size:12px}.gift-photo{border-radius:65px 65px 3px 3px}.photo-label{font-size:9px;bottom:10px;left:10px;padding:5px 8px}.section-heading{display:block}.section-heading h2{margin-bottom:15px}.feature-photo img{height:330px}.form{grid-template-columns:1fr}.form input,.form select,.form textarea{font-size:16px}.full{grid-column:1}.story-image{height:400px}.product-copy h1{font-size:40px}.page-head h1{font-size:43px}.personal-options{gap:6px}.bag-row{gap:12px;grid-template-columns:60px 1fr}.bag-row h3{font-size:21px}.copyright{font-size:11px}.footer{padding-top:42px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}