@font-face{font-family:Phoenix Sans;src:url('../../../../themes/ekomart/assets/fonts/SunsiveRegular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Phoenix Sans;src:url('../../../../themes/ekomart/assets/fonts/SunsiveBold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:light;--cream:#faf7ef;--forest:#214b38;--ink:#233c2f;--muted:#646b5e;--red:#a4392b;--gold:#ead5a1;--line:#dcded0}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Phoenix Sans,Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-underline-offset:5px}
a:focus-visible{outline:3px solid var(--red);outline-offset:6px;border-radius:3px}
.page-shell{max-width:1440px;margin:0 auto;padding:0 70px}
.site-header{height:154px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:block;width:174px;flex-shrink:0}
.brand img{width:100%;height:auto;mix-blend-mode:multiply}
.header-note{display:flex;align-items:center;gap:11px;margin:0;font-size:12px;color:#566552;letter-spacing:.02em}
.header-note span{width:7px;height:7px;border-radius:100%;background:#4c7947;box-shadow:0 0 0 5px #e8ecdf}
.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:36px;padding:66px 0 67px;min-height:634px}
.announcement{position:relative;z-index:1;padding:2px 0 8px}
.eyebrow{margin:0 0 25px;display:flex;align-items:center;gap:11px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700;color:var(--red)}
.eyebrow span{width:24px;height:1px;background:currentColor;flex-shrink:0}
h1{margin:0;font-family:Phoenix Serif,Georgia,serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(56px,5.65vw,81px);line-height:1.055;color:var(--forest)}
h1 em{font-weight:400;letter-spacing:-.055em}
.intro{margin:25px 0 27px;max-width:460px;font-size:14px;line-height:1.85;color:var(--muted)}
.launch-date{position:relative;display:flex;gap:21px;align-items:center;width:min(100%,420px);padding:23px 26px;background:var(--forest);color:#fffaf0;border-radius:3px}
.calendar{width:75px;flex-shrink:0;text-align:center;border:1px solid #bac9b6;border-radius:4px;overflow:hidden}
.calendar>span{display:block;background:#dfe6d6;color:var(--forest);font-size:10px;font-weight:700;letter-spacing:.16em;padding:5px 3px}
.calendar strong{display:block;font-size:18px;letter-spacing:-.04em;padding:7px 0 0;line-height:1.25}
.calendar small{display:block;font-size:10px;letter-spacing:.08em;padding:2px 0 7px;color:#d8e2d1}
.launch-copy p{margin:0 0 7px;color:#e1c88f;text-transform:uppercase;font-weight:700;letter-spacing:.15em;font-size:9px}
.launch-copy h2{margin:0;font-family:Phoenix Sans,Arial,sans-serif;font-size:17px;line-height:1.5;font-weight:400;letter-spacing:-.015em}
.launch-copy strong{font-size:21px;font-weight:700}
.date-spark{position:absolute;right:19px;top:20px;width:25px;height:25px;color:#94aa83}
.welcome-note{font-size:11px;color:var(--muted);margin:14px 0 0;letter-spacing:.01em}
.visual{position:relative;height:505px;max-width:100%;margin-left:22px}
.photo-main{position:absolute;top:0;right:0;width:91%;height:432px;overflow:hidden;border-radius:160px 160px 5px 5px;background:#e1e4cd}
.photo-main:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(15,39,22,.64))}
.photo-main img{width:100%;height:100%;object-fit:cover;object-position:81% center}
.photo-caption{position:absolute;bottom:22px;right:20px;left:20px;text-align:right;z-index:1;color:white;font-size:10px;letter-spacing:.02em}
.photo-spices{position:absolute;left:-20px;bottom:0;width:240px;height:220px;background:var(--cream);border:8px solid var(--cream);border-bottom:0;transform:rotate(-7deg);border-radius:4px;box-shadow:0 10px 25px #243c2a12;z-index:2}
.photo-spices img{width:100%;height:183px;object-fit:cover;object-position:82% center;border-radius:1px}
.photo-spices span{display:block;font-size:9px;text-align:center;white-space:nowrap;line-height:29px;color:#5f6655}
.roundel{position:absolute;right:-22px;top:18px;z-index:3;width:117px;height:117px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:var(--gold);color:var(--forest);transform:rotate(13deg);outline:1px solid #b5a576;outline-offset:-7px}
.roundel span{font-size:7px;letter-spacing:.13em;font-weight:700}
.roundel svg{width:42px;height:35px}
.flourish{position:absolute;right:22px;bottom:4px;width:92px;height:83px;color:#87966c;transform:rotate(12deg)}
.promise-strip{padding:25px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:44px;color:var(--forest)}
.promise-strip>span:not(.separator){font-family:Phoenix Serif,Georgia,serif;font-size:21px;letter-spacing:-.025em}
.separator{font-size:21px;color:#9a7041}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:83px;color:var(--muted);font-size:10px}
.site-footer p{margin:0}
.site-footer a{display:inline-flex;align-items:center;gap:6px;min-height:44px;text-decoration:none}
.site-footer a:hover{text-decoration:underline;color:var(--forest)}
.footer-welcome{font-family:Phoenix Serif,Georgia,serif;font-style:italic;font-size:15px;color:#506547}
@media(min-width:1440px){.hero{padding-top:72px;padding-bottom:72px}}
@media(max-width:1100px){.page-shell{padding:0 40px}.site-header{height:132px}.brand{width:153px}.hero{gap:18px;padding:50px 0 55px;min-height:600px}h1{font-size:62px}.visual{height:480px;margin-left:0}.photo-main{height:400px;width:96%;border-radius:140px 140px 5px 5px}.photo-spices{width:210px;height:201px;left:-5px}.photo-spices img{height:164px}.photo-spices span{font-size:8px}.roundel{right:-14px;width:105px;height:105px}.roundel span{font-size:6px}.intro{font-size:13px}.wide-break{display:none}.launch-date{max-width:365px;padding:21px;gap:17px}.date-spark{right:15px;width:20px;height:20px}.promise-strip{gap:32px}.promise-strip>span:not(.separator){font-size:20px}.footer-welcome{display:none}}
@media(max-width:800px){.page-shell{padding:0 28px}.site-header{height:118px}.brand{width:140px}.header-note{font-size:10px}.hero{grid-template-columns:1fr;gap:43px;padding:43px 0 50px;max-width:590px;margin:auto}.announcement{text-align:center;padding:0}.eyebrow{justify-content:center;font-size:9px;margin-bottom:23px}h1{font-size:70px}.intro{font-size:14px;margin:23px auto 25px}.launch-date{text-align:left;margin:0 auto;max-width:390px}.welcome-note{font-size:10px}.visual{width:460px;height:475px;margin:0 auto}.photo-main{height:402px;width:90%}.photo-spices{left:2px;width:230px;height:211px}.photo-spices img{height:174px}.photo-spices span{font-size:9px}.roundel{right:-4px;width:113px;height:113px}.roundel span{font-size:7px}.flourish{right:30px}.promise-strip{gap:22px;padding:24px 0}.promise-strip>span:not(.separator){font-size:17px}.separator{font-size:17px}.site-footer{font-size:9px;min-height:78px}}
@media(max-width:480px){.page-shell{padding:0 22px}.site-header{height:112px;gap:22px}.brand{width:133px}.header-note{max-width:125px;font-size:9px;line-height:1.6;gap:9px}.header-note span{width:5px;height:5px;flex-shrink:0;box-shadow:0 0 0 4px #e8ecdf}.hero{padding:37px 0 35px;gap:34px}.eyebrow{font-size:8px;letter-spacing:.115em;gap:8px;margin-bottom:22px}.eyebrow span{width:15px}h1{font-size:clamp(43px,12.9vw,62px);line-height:1.08}.intro{font-size:12px;line-height:1.85;margin:20px auto 23px;max-width:315px}.desktop-break{display:none}.launch-date{width:100%;max-width:350px;padding:20px;gap:18px}.calendar{width:65px}.calendar strong{font-size:16px}.launch-copy h2{font-size:15px}.launch-copy strong{font-size:19px}.launch-copy p{font-size:8px}.date-spark{width:18px;height:18px;right:14px;top:18px}.welcome-note{font-size:9px;line-height:1.6;margin-top:12px}.visual{width:100%;height:370px}.photo-main{width:90%;height:312px;border-radius:120px 120px 4px 4px}.photo-caption{font-size:8px;bottom:17px;right:14px}.photo-spices{width:185px;height:173px;left:0;border-width:6px}.photo-spices img{height:143px}.photo-spices span{font-size:7px;line-height:24px}.roundel{top:13px;right:-5px;width:94px;height:94px;gap:4px;outline-offset:-6px}.roundel span{font-size:5.8px}.roundel svg{width:34px;height:29px}.flourish{width:67px;height:64px;right:12px;bottom:2px}.promise-strip{gap:10px;justify-content:space-between;padding:20px 0}.promise-strip>span:not(.separator){font-size:12px;letter-spacing:-.025em;white-space:nowrap}.separator{font-size:12px}.site-footer{min-height:83px;gap:10px;font-size:8px;align-items:center}.site-footer a{font-size:8px}}
@media(max-width:350px){.page-shell{padding:0 17px}.header-note{max-width:104px;font-size:8px}.brand{width:120px}.launch-date{padding:18px 15px;gap:13px}.launch-copy strong{font-size:18px}.date-spark{right:10px;width:15px}.visual{height:338px}.photo-main{height:287px}.photo-spices{width:165px;height:158px}.photo-spices img{height:128px}.photo-spices span{font-size:6px}.promise-strip{gap:7px}.promise-strip>span:not(.separator){font-size:10px}}

/* Match the current Phoenix storefront: supplied Sunsive typography and logo palette. */
:root{--cream:#fffaf1;--forest:#205b38;--ink:#29392b;--muted:#596750;--red:#ad3027;--gold:#e7b34e;--line:#e5e6d9}
body{background:#fffdf8;font-size:15px}
.page-shell{border-top:8px solid var(--forest)}
.site-header{height:auto;min-height:260px;justify-content:center;flex-direction:column;padding:22px 0 24px;gap:8px}
.brand{width:320px}.brand img{mix-blend-mode:normal}
.header-note{font-size:13px;color:var(--forest)}
h1,h1 em{font-family:Phoenix Sans,Arial,sans-serif;font-style:normal;font-weight:700;letter-spacing:-.035em;line-height:1.15}
h1{font-size:clamp(44px,4.5vw,64px)}h1 em{color:var(--red)}
.hero{padding-top:42px;padding-bottom:48px;min-height:570px}
.intro{font-size:15px}.eyebrow{font-size:11px;letter-spacing:.08em}
.launch-date{border-radius:8px;background:var(--forest)}.launch-copy p{color:#f1cc7f}
.photo-main{border-radius:14px}.photo-spices{transform:none;border-radius:10px}.roundel,.flourish{display:none}
.promise-strip{background:var(--cream);border-radius:8px;padding:24px}
.promise-strip>span:not(.separator){font-family:Phoenix Sans,Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:0}
.footer-welcome{font-family:Phoenix Sans,Arial,sans-serif;font-style:normal;font-size:13px}
@media(max-width:800px){.site-header{min-height:240px}.brand{width:290px}.hero{padding-top:34px}.header-note{max-width:none;font-size:12px}.visual{height:430px}.photo-main{height:370px}.promise-strip>span:not(.separator){font-size:14px}}
@media(max-width:480px){.site-header{padding:18px 0 22px;gap:9px;min-height:220px}.brand{width:270px;max-width:90%}.header-note{font-size:11px;max-width:none}.hero{gap:30px;padding:30px 0}.eyebrow{font-size:9px}h1{font-size:clamp(36px,10vw,46px)}.intro{font-size:14px}.visual{height:350px}.photo-main{height:300px}.promise-strip{padding:18px 8px;gap:6px}.promise-strip>span:not(.separator){font-size:10px}.site-footer{font-size:9px}}
/* Store address supplied by the owner. */
.store-address{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;font-style:normal;color:var(--forest);padding:8px 22px 18px;max-width:100%}
.store-address .address-label{color:var(--red);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.store-address strong{font-size:27px;line-height:1.25;letter-spacing:-.025em}
.store-address>span:not(.address-label){font-size:16px;line-height:1.5;color:var(--ink)}
.store-address a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 20px;margin-top:7px;border-radius:8px;background:var(--red);color:#fff;font-size:13px;font-weight:700;text-decoration:none}
.store-address a:hover{background:#8e261f}
@media(max-width:480px){.store-address{padding:3px 0 15px;gap:6px}.store-address strong{font-size:23px}.store-address>span:not(.address-label){font-size:13px}}