/*
Theme Name: Evita Studio
Version: 0.1.0
Description: Editable Evita Braids storefront design. Staging review build.
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf7f1;color:#231d24;font-family:Arial,sans-serif;line-height:1.6}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(48px,6vw,88px);letter-spacing:-3px}h2{font-size:clamp(34px,4vw,52px)}h3{font-size:19px}section{scroll-margin-top:30px}.wrap{max-width:1250px;margin:auto;padding:70px 40px}.top{text-align:center;background:#332337;color:#fff;padding:8px;font-size:12px;letter-spacing:2px}.header{display:flex;align-items:center;justify-content:space-between;padding:18px 40px;max-width:1330px;margin:auto;gap:20px}.logo img{width:125px;height:86px;object-fit:contain;mix-blend-mode:multiply}.header nav{display:flex;gap:26px;flex-wrap:wrap}.header a{text-decoration:none;font-size:14px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding-top:25px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#795a71;font-weight:bold}.intro{max-width:450px;color:#655d64;font-size:17px}.buttons{display:flex;gap:12px;flex-wrap:wrap}.btn,.wp-block-button__link{display:inline-block;background:#65364f;color:white;padding:13px 24px;text-decoration:none;border-radius:2px;font-size:14px}.secondary{background:transparent;color:#42273c;border:1px solid #927d8c}.stage{position:relative;background:#e8dedb;border-radius:48% 48% 3px 3px;min-height:520px;display:flex;align-items:center;justify-content:center;gap:5px;padding:30px 10px}.stage img{max-height:420px;max-width:29%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(8px 12px 12px #806c7040)}.stage img:first-child{transform:rotate(-9deg) translateY(20px)}.stage img:last-child{transform:rotate(9deg) translateY(20px)}.caption{font-size:12px;text-align:center;color:#695f65;margin-top:15px}.ribbon{border-top:1px solid #ddd2d6;border-bottom:1px solid #ddd2d6;display:flex;justify-content:space-evenly;gap:20px;padding:20px;font-size:13px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.section-head p{max-width:350px;color:#6e6269}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{min-width:0}.product-picture{background:#efeae4;height:310px;display:flex;align-items:center;justify-content:center;margin:0 0 20px;padding:20px}.product-picture img{max-height:100%;max-width:100%;object-fit:contain;mix-blend-mode:multiply}.card .eyebrow{font-size:10px}.card h3{margin-bottom:7px}.card a{font-size:13px;text-underline-offset:5px}.colour{background:#eae0e6}.colour-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.colour img{width:100%;max-height:610px;object-fit:contain}.trade{background:#332337;color:#fff}.trade .eyebrow{color:#dbbbcd}.trade-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px}.trade p{color:#e0d0dc}.trade .btn{background:#f3dfad;color:#332337}.steps{border-top:1px solid #675268}.steps p{padding:15px 0;margin:0;border-bottom:1px solid #675268}.footer{display:flex;justify-content:space-between;gap:30px}.footer p{font-size:13px;color:#6e6269}.note{padding:10px;text-align:center;background:#f3dfad;color:#493b22;font-size:12px}.wp-block-image{margin:0}.wp-block-group{box-sizing:border-box}:focus-visible{outline:3px solid #bd8e1e;outline-offset:5px}@media(max-width:800px){.wrap{padding:45px 22px}.header{padding:15px 22px;align-items:flex-start}.header nav{gap:10px 16px;justify-content:flex-end;max-width:230px}.logo img{width:85px;height:65px}.hero,.colour-inner,.trade-inner{grid-template-columns:1fr;gap:30px}.stage{min-height:360px}.stage img{max-height:310px}.grid{grid-template-columns:repeat(2,1fr);gap:22px 14px}.product-picture{height:250px}.ribbon{flex-wrap:wrap;font-size:11px}.section-head,.footer{display:block}h1{letter-spacing:-2px}.colour img{max-height:520px}}

.stage figure{width:30%;margin:0}.stage figure img{max-width:100%;width:100%;height:420px;transform:none!important}.stage figure:first-child{transform:rotate(-8deg)}.stage figure:last-child{transform:rotate(8deg)}

.evita-product-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:inherit}.evita-product-open:hover .product-picture{box-shadow:0 0 0 2px #65364f}.evita-dialog{border:0;border-radius:16px;width:min(640px,94vw);max-height:92dvh;overflow:auto;padding:28px;background:#faf7f1;color:#231d24}.evita-dialog::backdrop{background:#21151ed9}.evita-dialog h2{font-size:30px;padding-right:35px;margin-bottom:16px}.evita-close{position:absolute;right:12px;top:10px;width:44px;height:44px;background:white;border:1px solid #d9cbd3;border-radius:50%;font-size:28px;cursor:pointer}.evita-large{height:min(48dvh,480px);display:flex;justify-content:center;background:#eee8e3;padding:12px}.evita-large canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.evita-selected{margin:16px 0 10px;font-weight:bold;font-size:14px}.evita-swatches{display:flex;flex-wrap:wrap;gap:9px}.evita-swatch{background:#fff;color:#231d24;border:1px solid #b7a4b0;border-radius:7px;min-width:62px;min-height:64px;padding:7px;cursor:pointer;font:inherit;font-size:12px}.evita-swatch:before{content:'';display:block;margin:0 auto 4px;width:26px;height:26px;border-radius:50%;background:var(--shade,#eee);border:1px solid #999}.evita-swatch.original:before{background:linear-gradient(135deg,#221b20,#bb7c46)}.evita-swatch[aria-pressed=true]{outline:3px solid #65364f;outline-offset:1px}.evita-disclaimer{font-size:12px;line-height:1.5;color:#655d64;margin:18px 0}.evita-modal-open{overflow:hidden}@media(max-width:480px){.evita-dialog{padding:20px}.evita-dialog h2{font-size:25px}.evita-swatch{min-width:58px}}

/* Large landscape colour selector */
.evita-dialog{width:min(1040px,96vw)}
.evita-swatches{display:flex;flex-wrap:nowrap;gap:14px;overflow-x:auto;padding:7px 5px 16px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.evita-swatch{flex:0 0 112px;min-width:112px;min-height:118px;padding:10px;font-size:15px;scroll-snap-align:start}
.evita-swatch:before{width:78px;height:78px;margin:0 auto 8px}
@media(max-width:480px){.evita-dialog{width:96vw;padding:18px}.evita-swatches{gap:12px}.evita-swatch{min-width:108px;flex-basis:108px}}

/* Full-width landscape master colour reference */
.colour-inner{display:block}.colour-inner>div:first-child{max-width:750px}.master-reference{margin-top:40px;min-width:0}.master-reference h3{font-family:Georgia,serif;font-size:30px;margin-bottom:8px}.master-colour-scroll{overflow-x:auto;padding:8px 4px 22px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.master-colour-row{display:flex;gap:22px;list-style:none;margin:0;padding:0;width:max-content}.master-shade{flex:0 0 210px;width:210px;display:flex;flex-direction:column;gap:9px;scroll-snap-align:start;font-size:15px}.master-sample{display:block;width:189px;height:189px;border-radius:12px;border:1px solid #aa9da6;box-shadow:0 4px 12px #33233714}.master-shade strong{font-size:20px}.master-reference>.caption{text-align:left;margin-top:8px}

/* Compact master reference: 25% smaller samples, three desktop rows. */
.master-colour-scroll{overflow:visible;padding:8px 0 12px;scroll-snap-type:none}
.master-colour-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px 14px;width:100%}
.master-shade{width:auto;min-width:0;font-size:13px;gap:6px}
.master-sample{width:min(100%,141.75px);height:auto;aspect-ratio:1;border-radius:9px}
.master-shade strong{font-size:17px}
@media(max-width:900px){.master-colour-row{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:600px){.master-colour-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.master-shade{font-size:12px}.master-shade strong{font-size:15px}}