/*
Theme Name: Bali Sip Island
Description: Approved October 2026 Bali Sip design. Original theme and content preserved.
Version: 1.1.0
Text Domain: balisip-island
Requires PHP: 7.4
*/
@font-face{font-family:BaliDisplay;src:url('assets/display.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f9f5e9;color:#302b23;font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #008e91;outline-offset:5px}.skip{position:absolute;top:-80px;background:white;padding:14px;z-index:20}.skip:focus{top:0}.announcement{background:#f2c858;display:flex;justify-content:center;gap:30px;padding:10px 24px;font-size:9px;font-weight:700;letter-spacing:1.6px}.announcement span{font-size:8px;opacity:.7}header{height:99px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #302b2326}.logo img{width:154px;height:auto}nav{display:flex;gap:35px;font-size:12px;font-weight:600}nav a{position:relative}nav a:after{content:'';height:1px;position:absolute;bottom:-6px;left:0;width:0;background:currentColor;transition:width .2s}nav a:hover:after{width:100%}.header-cta{font-weight:700;font-size:11px;border:1px solid;padding:15px 20px;display:flex;gap:28px;border-radius:3px}.header-cta span{font-size:16px}.menu{display:none}.hero{display:grid;grid-template-columns:46% 54%;min-height:720px}.hero-copy{padding:64px 8% 25px 8.7%;display:flex;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;line-height:1.6;margin:0 0 25px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.ticker,.story-circle,.trade-note,.social>a,.footer-top>p{font-family:BaliDisplay,Impact,'Arial Narrow',sans-serif;font-weight:400}h1{font-size:clamp(90px,8.6vw,145px);line-height:.91;letter-spacing:-1.8px;color:#e75e35;margin:0 0 28px}em{font-style:normal}h1 em{color:#302b23}.hero-description{font-size:14px;line-height:1.8;margin-bottom:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:19px 24px;font-size:10px;font-weight:700;letter-spacing:.7px;border:1px solid transparent;border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.dark{background:#302b23;color:#fffaeb}.dark:hover{background:#514336}.cream{background:#f9f5e9;color:#302b23}.button span{font-size:20px;line-height:1}.hero-copy>.button{align-self:flex-start}.hero-bottom{margin-top:auto;padding-top:50px;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1px}.hero-photo{position:relative;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:55% 50%}.sun-seal{position:absolute;top:29px;right:29px;width:133px;height:133px;background:#f5cd58;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);box-shadow:0 0 0 5px #f5cd5870}.sun-seal span{font-size:7px;letter-spacing:1.1px}.sun-seal b{font-family:BaliDisplay,Impact,sans-serif;font-size:31px;line-height:.95;text-align:center;margin:10px}.photo-note{position:absolute;bottom:15px;left:30px;color:white;text-shadow:0 1px 7px #000;font-size:8px;letter-spacing:1.4px}.ticker{background:#302b23;color:#f9f5e9;display:flex;align-items:center;justify-content:space-around;gap:24px;overflow:hidden;padding:21px 25px;font-size:24px;white-space:nowrap}.ticker b{color:#f2c858;font-size:30px;font-weight:400}.section{padding:100px 6%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:46px}.section-heading h2,h2{font-size:clamp(60px,6vw,98px);line-height:.96;letter-spacing:-.8px;margin-bottom:0}.section-heading h2 em,.faq h2 em{color:#e75e35}.section-heading>p,.section-heading>div:last-child:not(:first-child){max-width:335px;font-size:13px;line-height:1.8}.section-heading p{margin-bottom:8px}.drink-tabs{display:grid;grid-template-columns:repeat(5,1fr);margin:0 0 20px;border-bottom:1px solid #302b2338}.drink-tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:18px 5px;text-align:left;font-size:12px;font-weight:600;white-space:nowrap}.drink-tabs button span{font-size:8px;opacity:.5;margin-right:10px}.drink-tabs button[aria-selected=true]{border-bottom-color:#e75e35;color:#cf4c27}.drink-panel{display:grid;grid-template-columns:52% 48%;min-height:575px;background:#efe9d9}.product-art{position:relative;background:#f4d571;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .3s}.product-art>span{position:absolute;top:25px;left:28px;font-size:9px;font-weight:700;letter-spacing:1.3px;z-index:1}.product-art img{width:97%;max-height:490px;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.product-art:hover img{transform:rotate(-3deg) scale(1.03)}.art-bottom{position:absolute;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px}.product-copy{padding:48px 11%}.product-copy .eyebrow{font-size:8px;margin-bottom:20px}.product-copy h3{font-size:80px;line-height:.93;margin-bottom:20px}.product-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;max-width:330px}.flavours{display:flex;flex-wrap:wrap;gap:12px 18px;font-size:10px;margin:22px 0}.flavours span{display:flex;gap:7px;align-items:center}.flavours span:before{content:'';width:8px;height:8px;background:var(--dot);border-radius:50%}.product-facts{display:flex;gap:29px;margin:28px 0;border-top:1px solid #302b2329;padding-top:20px}.product-facts>div{display:flex;flex-direction:column;gap:5px}.product-facts strong{font-family:BaliDisplay,Impact,sans-serif;font-size:33px;font-weight:400}.product-facts span{font-size:7px;letter-spacing:1px}.product-actions{display:flex;align-items:center;gap:20px}.text-button{border:0;background:none;display:flex;align-items:center;gap:18px;padding:12px 0;white-space:nowrap;font-size:11px;border-bottom:1px solid #302b2350}.text-button span{font-size:19px}.story{display:grid;grid-template-columns:1fr 1fr}.story-visual{background:#f3bbbf;position:relative;overflow:hidden;min-height:690px}.story-visual>img{width:64%;height:88%;object-fit:cover;object-position:center;mix-blend-mode:multiply;position:absolute;right:-4%;bottom:-2%;transform:rotate(15deg)}.story-circle{position:relative;z-index:1;font-size:58px;line-height:.95;padding:60px 40px;color:#8f293c}.story-circle em{color:#302b23}.visual-caption{position:absolute;bottom:28px;left:35px;font-size:8px;letter-spacing:1px}.story-copy{background:#c5d8b4;padding:78px 12%}.story-copy h2{font-size:80px;line-height:.95;margin-bottom:28px}.story-copy h2 em{color:#4b6e46}.story-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;max-width:340px}.underlined{border-bottom:1px solid #302b2380;display:inline-flex;gap:25px;align-items:center;padding:12px 0;font-size:11px;font-weight:600}.underlined span{font-size:20px;margin-left:auto}.story-copy .underlined{margin-top:12px}.find{background:#fbf8ef}.stockist-tabs{display:flex;border-bottom:1px solid #302b2330;gap:30px}.stockist-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:20px 0;display:flex;align-items:center;gap:15px;font-size:11px;font-weight:700}.stockist-tabs button span{font-size:10px;font-weight:400;opacity:.6}.stockist-tabs .active{border-bottom-color:#302b23}.stockist-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:25px;min-height:150px;align-items:center}.stockist-logos img{height:77px;width:100%;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1)}.availability{font-size:9px;color:#766f62;margin-bottom:40px}.finder{border:1px solid #302b2340;padding:35px;display:grid;grid-template-columns:1fr 1.25fr;gap:30px;align-items:center}.finder>div{display:flex;gap:25px;align-items:center}.locator-mark{font-size:50px;color:#e75e35}.finder h3{font-size:36px;line-height:1.05;margin:0}.finder label{font-size:10px;display:block;margin-bottom:10px}.finder form>div{display:flex}.finder input{min-width:0;width:100%;border:1px solid #302b2350;padding:15px;background:transparent;font-size:11px;border-right:none;border-radius:2px 0 0 2px}.finder button{white-space:nowrap;padding:16px}.finder small{font-size:8px;display:block;margin-top:9px;color:#766f62}.trade{background:#e85f37;display:grid;grid-template-columns:1.1fr 1fr;gap:12%;color:#fff6dd}.trade h2{font-size:94px;line-height:.95;margin-bottom:25px}.trade h2 em{color:#3d2d23}.trade-intro>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:345px}.trade-intro .button{margin-top:10px}.trade-right{padding-top:5px}.trade-note{font-size:33px;line-height:1;transform:rotate(-5deg);border:1px solid #fff6dd80;padding:22px;display:inline-block;margin:0 0 35px 30%}.trade-details>div{position:relative;border-top:1px solid #fff6dd70;padding:20px 0 20px 40px}.trade-details b{position:absolute;left:0;font-size:9px;font-weight:400;top:23px}.trade-details h3{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;margin-bottom:8px}.trade-details p{font-size:11px;line-height:1.7;max-width:310px;margin:0;opacity:.85}.trade-email{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid #fff6dd70;font-size:18px}.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:10%}.faq h2{font-size:70px}.faq-items details{border-bottom:1px solid #302b2330}.faq-items summary{padding:22px 0;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:13px;font-weight:600;list-style:none}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{font-size:18px;font-weight:400}.faq-items p{font-size:12px;line-height:1.8;max-width:480px;padding-bottom:15px}.faq-items p a{text-decoration:underline}.social{padding:65px 6%;background:#efcc5f;position:relative}.social>a{display:block;font-size:104px;line-height:.95;margin-bottom:25px}.social em{color:#e05630}.social>a>span{position:absolute;right:7%;top:30%;font:130px 'DM Sans',sans-serif}.social>p{font-size:11px;letter-spacing:1.2px}.social .eyebrow{display:block}footer{padding:65px 6% 25px;background:#302b23;color:#f9f5e9}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:35px;margin-bottom:60px}.footer-top img{width:170px;filter:brightness(0) invert(1)}.footer-top>p{font-size:32px;line-height:1;margin:0;color:#f2c858}.footer-top>div{display:flex;flex-direction:column;gap:11px;font-size:11px}.footer-top>div>span{font-size:8px;letter-spacing:1.4px;opacity:.5;margin-bottom:5px}.footer-bottom{border-top:1px solid #ffffff30;padding-top:20px;display:flex;justify-content:space-between;font-size:8px;gap:20px;letter-spacing:.3px}.footer-bottom>div{display:flex;gap:25px}dialog{border:0;padding:0;max-width:900px;width:90vw;max-height:90vh;overflow:auto;background:#f9f5e9;color:#302b23}dialog[open]{display:grid;grid-template-columns:1fr 1fr}dialog::backdrop{background:#302b23bb;backdrop-filter:blur(5px)}#close-modal{position:absolute;top:15px;right:15px;width:38px;height:38px;border:1px solid #302b23;background:#f9f5e9;font-size:28px;z-index:2}.modal-art{background:#f2d571;display:flex;align-items:center}.modal-art img{width:100%;mix-blend-mode:multiply}.modal-copy{padding:65px 35px 40px}.modal-copy h2{font-size:65px;margin-bottom:25px}.modal-copy p{font-size:13px;line-height:1.8}.modal-copy .eyebrow{font-size:8px}.modal-note{opacity:.6;font-size:10px!important}.modal-copy .button{margin-top:15px}.modal-open{overflow:hidden}
@media(min-width:1600px){.hero-copy{padding-top:80px}.hero{min-height:850px}.hero h1{font-size:155px}}@media(max-width:1050px){nav{gap:20px}.header-cta{display:none}.hero{min-height:670px}.hero-copy{padding-top:45px}h1{font-size:94px}.hero-description{font-size:12px}.hero-bottom{font-size:7px;flex-direction:column}.sun-seal{width:105px;height:105px}.sun-seal b{font-size:25px}.sun-seal span{font-size:6px}.section{padding:75px 5%}.product-copy{padding:36px 8%}.product-copy h3{font-size:65px}.product-actions{align-items:flex-start;flex-direction:column;gap:8px}.product-art img{max-height:400px}.story-copy{padding:60px 10%}.story-copy h2{font-size:66px}.story-circle{font-size:45px;padding-left:30px}.trade{gap:8%}.trade h2{font-size:80px}.finder{padding:25px}.finder form>div{flex-direction:column;gap:8px}.finder input{border-right:1px solid #302b2350}.stockist-logos{gap:20px}.footer-top{gap:20px}}
@media(max-width:760px){html{scroll-padding-top:15px}.announcement{font-size:7px;letter-spacing:.8px;padding:9px 10px}.announcement span{display:none}header{height:78px;padding:0 6%}.logo img{width:130px}.menu{display:flex;flex-direction:column;gap:7px;background:none;border:0;padding:10px}.menu span{width:25px;height:1px;background:#302b23}nav{display:none;position:absolute;top:105px;left:0;right:0;background:#f9f5e9;padding:25px 6%;z-index:10;border-bottom:1px solid #302b23;gap:25px}nav.open{display:flex;flex-direction:column}nav a{font-size:16px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:38px 6% 26px;position:relative}.hero .eyebrow{font-size:8px;margin-bottom:20px}.hero h1{font-size:93px;line-height:.9;letter-spacing:-1px;max-width:500px;margin-bottom:20px}.hero-description{font-size:12px;line-height:1.7}.hero .button{padding:16px 20px;font-size:9px}.hero-bottom{padding-top:27px;flex-direction:row;font-size:6px}.hero-photo{height:440px}.hero-photo>img{object-position:50% 50%}.sun-seal{top:18px;right:18px;width:96px;height:96px}.sun-seal b{font-size:23px}.sun-seal span{font-size:5px}.photo-note{font-size:6px;left:20px}.ticker{padding:17px 20px;justify-content:flex-start;font-size:19px;gap:20px}.ticker b{font-size:24px}.section{padding:58px 6%}.section-heading{display:block;margin-bottom:30px}.eyebrow{font-size:8px;margin-bottom:17px}.section-heading h2,h2{font-size:63px;line-height:.95;letter-spacing:-.4px}.section-heading>p,.section-heading>div:last-child:not(:first-child){margin-top:22px;max-width:100%;font-size:12px;line-height:1.8}.drink-tabs{display:flex;overflow:auto;gap:20px;margin-right:-6vw;padding-right:6vw}.drink-tabs button{font-size:11px;padding:15px 0}.drink-tabs button span{margin-right:5px}.drink-panel{grid-template-columns:1fr}.product-art{min-height:365px}.product-art img{height:340px;width:100%;max-height:none}.product-art>span{font-size:7px;left:20px;top:20px}.art-bottom{font-size:6px;left:20px;right:20px;bottom:18px}.product-copy{padding:32px 25px}.product-copy h3{font-size:70px}.product-copy>p:not(.eyebrow){max-width:100%}.product-actions{flex-direction:row;align-items:center;gap:20px}.product-actions .button{padding:16px;font-size:8px;gap:20px}.text-button{font-size:10px;gap:12px}.story{display:flex;flex-direction:column}.story-visual{min-height:520px}.story-circle{font-size:48px;padding:35px 25px}.story-visual>img{height:88%;width:65%;right:-1%}.visual-caption{font-size:7px;left:25px}.story-copy{padding:55px 8%}.story-copy h2{font-size:75px}.story-copy>p:not(.eyebrow){max-width:none}.stockist-tabs{gap:25px}.stockist-tabs button{display:block;text-align:left;font-size:10px;padding:17px 0}.stockist-tabs button span{display:block;font-size:9px;margin-top:6px}.stockist-logos{grid-template-columns:repeat(3,1fr);gap:20px;padding:25px 0;min-height:200px}.stockist-logos img{height:55px}.availability{font-size:8px;line-height:1.7;margin-bottom:25px}.finder{grid-template-columns:1fr;padding:25px;gap:25px}.finder h3{font-size:35px}.finder form>div{flex-direction:column}.finder small{line-height:1.6}.trade{grid-template-columns:1fr;gap:45px}.trade h2{font-size:81px}.trade-intro>p:not(.eyebrow){max-width:none}.trade-note{font-size:30px;margin-left:35%;margin-bottom:25px}.trade-right{padding:0}.faq{grid-template-columns:1fr;gap:30px}.faq h2{font-size:64px}.faq-items summary{font-size:12px;padding:20px 0}.social{padding:50px 6%}.social>a{font-size:65px;max-width:90%}.social>a>span{font-size:60px;right:5%;top:40%}.social>p{font-size:8px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 25px;margin-bottom:35px}.footer-top img{width:135px}.footer-top>p{font-size:28px}.footer-top>div{font-size:10px}.footer-bottom{flex-direction:column;font-size:7px;line-height:1.6}.footer-bottom>div{gap:20px}footer{padding:45px 6% 25px}dialog[open]{grid-template-columns:1fr}.modal-art{max-height:270px;justify-content:center}.modal-art img{height:270px;width:auto}.modal-copy{padding:30px}.modal-copy h2{font-size:55px}.modal-copy .button{font-size:8px;padding:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep the original white packaging faithful across flavour palettes. */
.product-art{background:#fff;border-bottom:10px solid #f4d571}.product-art img,.modal-art img{mix-blend-mode:normal}.modal-art{background:#fff;border-bottom:10px solid #f4d571}.product-art img[src$="mojito.png"],.modal-art img[src$="mojito.png"]{clip-path:inset(0 14%)}
body{overflow-x:clip}@media(max-width:760px){.hero h1{font-size:76px}.hero-photo{height:390px}}


/* Transparent product cutouts share one centered, uncropped stage. */
.product-crop{position:relative;display:flex;align-items:center;justify-content:center;width:84%;height:390px;background:transparent;overflow:visible}
.product-art .product-crop img,.modal-art .product-crop img{position:static;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;clip-path:none;transform:none;transition:none;mix-blend-mode:normal}
.modal-art{justify-content:center;min-height:480px;padding:40px 15px}
@media(max-width:760px){.product-art .product-crop{width:88%;height:260px}.modal-art{min-height:290px;max-height:none;padding:25px 15px}.modal-art .product-crop{width:88%;height:240px}}