/* Skipper shared styles: tokens, header, footer, components. Used by every Domestic page. */
:root{
  color-scheme: light;
  --white:#FFFFFF; --warm:#FAF9F6; --gray:#F5F5F5; --line:#E3E3E0; --line-2:#CFCFCB;
  --ink:#111111; --ink-2:#2B2B2B; --muted:#666666;
  --orange:#FF904C; --orange-text:#B3540F; --orange-hover:#F57F35; --orange-soft:#FFF1E8;
  --wa:#1FAF5A;
  --font:'Inter',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --r-card:12px; --r-btn:8px; --ease:180ms ease;
  --gutter:20px;
}
@media (min-width:768px){:root{--gutter:32px}}
@media (min-width:1024px){:root{--gutter:48px}}
*{box-sizing:border-box}
html,body{background:var(--white)}
html{scroll-padding-top:130px}
body{margin:0;font-family:var(--font);color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
img{max-width:100%}
a{color:inherit}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--orange-text);outline-offset:3px;border-radius:4px}
.wrap{max-width:1280px;margin:0 auto;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}
.ico{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ico.s{width:18px;height:18px;stroke-width:2}

/* review bar (mockup only) */
.review{background:#2B2B2B;color:#fff;font-size:12.5px}
.review .wrap{padding-block:7px;display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}
.review b{color:#FFB37A;font-weight:600}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border-radius:var(--r-btn);font-size:15.5px;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background var(--ease),border-color var(--ease),color var(--ease)}
.btn-primary{background:var(--orange);color:var(--ink)}
.btn-primary:hover{background:var(--orange-hover)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:#2a2a2a}
.btn-ghost{background:var(--white);color:var(--ink);border-color:var(--line-2)}
.btn-ghost:hover{border-color:var(--ink)}
.btn-light{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.5);backdrop-filter:blur(6px)}
.btn-light:hover{background:rgba(255,255,255,.24)}
.btn-wa{background:var(--wa);color:#fff}
.btn-sm{height:40px;padding:0 16px;font-size:14px}
.btn svg{transition:transform var(--ease)}
.btn:hover svg.mv{transform:translateX(3px)}

.eyebrow{font-size:12.5px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--orange-text)}
.draft{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#7a5a00;background:#FFF5D6;border:1px solid #F1DFA6;padding:3px 8px;border-radius:6px;white-space:nowrap}

/* ================= HEADER ================= */
.util{background:var(--gray);font-size:13px;color:#444}
.util .wrap{height:36px;display:flex;align-items:center;gap:20px}
.util a{text-decoration:none}
.util a:hover{color:var(--orange-text)}
.util .market{display:flex;align-items:center;gap:6px}
.util .market b{font-weight:600;color:var(--ink)}
.util .sp{margin-left:auto;display:flex;gap:20px;align-items:center}
.langsw{display:inline-flex;gap:2px;align-items:center}
.langsw button{border:0;background:transparent;padding:2px 6px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;border-radius:4px}
.langsw button[aria-pressed="true"]{color:var(--ink);background:var(--white)}
@media (max-width:1023px){.util{display:none}}

.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--white);border-bottom:1px solid var(--line)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--white)}
.hdr-main .wrap{height:64px;display:flex;align-items:center;gap:12px}
@media (min-width:1024px){.hdr-main .wrap{height:76px;gap:28px}}
.logo{display:block;flex:none}
.logo img{display:block;width:96px;height:auto}
@media (min-width:1024px){.logo img{width:112px}}

.search{position:relative;flex:1;max-width:620px;min-width:0}
.search form{display:flex;height:44px;border:1.5px solid var(--ink);border-radius:10px;overflow:hidden;background:var(--white)}
.search input{flex:1;min-width:0;border:0;padding:0 14px;font:inherit;font-size:15px;background:transparent;color:var(--ink);outline:none}
.search button{border:0;background:var(--ink);color:#fff;padding:0 18px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;cursor:pointer}
.search button span{display:none}
@media (min-width:1024px){.search button span{display:inline}}
.sugg{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px rgba(17,17,17,.12);padding:6px;z-index:40}
.sugg a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none}
.sugg a:hover,.sugg a.on{background:var(--gray)}
.sugg a span{color:var(--muted);font-size:13px}
.sugg .none{padding:12px;color:var(--muted);font-size:14px}
.sugg .none a{display:inline;padding:0;color:var(--orange-text);font-weight:600}
.search.desk{display:none}
@media (min-width:1024px){.search.desk{display:block}}

.hdr-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.hdr-actions .chat{display:none;align-items:center;gap:8px;text-decoration:none;font-weight:600;font-size:14.5px;padding:0 6px}
.hdr-actions .chat svg{color:var(--wa)}
@media (min-width:1024px){.hdr-actions .chat{display:inline-flex}}
.hdr-actions .btn{display:none}
@media (min-width:1024px){.hdr-actions .btn{display:inline-flex}}
.iconbtn{width:44px;height:44px;border-radius:10px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--ink);text-decoration:none}
.iconbtn:hover{background:var(--gray)}
@media (min-width:1024px){.iconbtn.mob{display:none}}

.hdr-search-m{padding-bottom:10px}
@media (min-width:1024px){.hdr-search-m{display:none}}

.catbar .wrap{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;height:46px}
.catbar .wrap::-webkit-scrollbar{display:none}
.catbar a{flex:none;text-decoration:none;font-size:14.5px;font-weight:500;color:#333;padding:7px 12px;border-radius:999px;white-space:nowrap}
.catbar a:hover{background:var(--gray);color:var(--ink)}
.catbar a.on{background:var(--ink);color:#fff}
.catbar a.custom{color:var(--orange-text);font-weight:600}
.catbar .all{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}
.catbar .sep{flex:none;width:1px;height:20px;background:var(--line);margin:0 6px}
.catbar .right{margin-left:auto;display:none;gap:4px}
@media (min-width:1024px){.catbar .right{display:flex}}
@media (max-width:1023px){.catbar .wrap{height:44px;padding-bottom:4px}.catbar a{font-size:14px;border:1px solid var(--line);padding:6px 12px}.catbar .all,.catbar .sep{display:none}}

/* drawer */
.scrim{position:fixed;inset:0;background:rgba(17,17,17,.45);z-index:50;opacity:0;transition:opacity 200ms ease}
.scrim.open{opacity:1}
.drawer{position:fixed;top:0;bottom:0;left:0;width:min(86vw,360px);background:var(--white);z-index:60;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform 220ms ease;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}
.drawer.open{transform:none}
.drawer .dh{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 20px;border-bottom:1px solid var(--line)}
.drawer .dh img{width:96px}
.drawer .db{flex:1;overflow-y:auto;padding:8px 0 16px}
.drawer h4{margin:16px 20px 6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.drawer .db a{display:flex;align-items:center;gap:14px;padding:12px 20px;text-decoration:none;font-size:16px;font-weight:500}
.drawer .db a:hover{background:var(--gray)}
.drawer .db a .ico{color:#8a857b}
.drawer .db a.custom{color:var(--orange-text);font-weight:600}
.drawer .db a.custom .ico{color:var(--orange-text)}
.drawer .df{border-top:1px solid var(--line);padding:16px 20px;display:grid;gap:12px}
.drawer .df .row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted)}
.drawer .df .langsw button[aria-pressed="true"]{background:var(--gray)}
.drawer .df .btn{width:100%}
@media (prefers-reduced-motion:reduce){.drawer,.scrim{transition:none}}

.lang-note{background:var(--ink);color:#fff;font-size:13.5px}
.lang-note .wrap{padding-block:10px}

/* ================= SECTIONS & SHARED COMPONENTS ================= */
.sec{padding-block:56px}
@media (min-width:1024px){.sec{padding-block:88px}}
.sec.warm{background:var(--warm)}
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}
.sec-head .t{display:grid;gap:8px;max-width:680px}
.sec-head h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.15;font-weight:700;letter-spacing:-.02em;text-wrap:balance}
.sec-head p{margin:0;color:var(--muted);font-size:16.5px}
.link{color:var(--orange-text);font-weight:600;text-decoration:none;font-size:15px;display:inline-flex;gap:6px;align-items:center}
.link:hover{text-decoration:underline}

/* horizontal rail */
.rail-wrap{position:relative}
.rail{display:grid;grid-auto-flow:column;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 8px}
.rail::-webkit-scrollbar{display:none}
.rail>*{scroll-snap-align:start;min-width:0}
.rail-nav{display:flex;gap:8px}
.rail-nav button{width:42px;height:42px;border-radius:999px;border:1px solid var(--line-2);background:var(--white);display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.rail-nav button:hover{border-color:var(--ink)}
.rail-nav button:disabled{opacity:.35;cursor:default}

/* product card */
.rail.products{grid-auto-columns:72%}
@media (min-width:600px){.rail.products{grid-auto-columns:calc((100% - 28px)/3)}}
@media (min-width:1024px){.rail.products{grid-auto-columns:calc((100% - 56px)/5);gap:14px}}
.pcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-card);background:var(--white);overflow:hidden;text-decoration:none;transition:box-shadow var(--ease),border-color var(--ease)}
.pcard:hover{box-shadow:0 10px 28px rgba(17,17,17,.08);border-color:#d9d5cc}
.pimg{position:relative;aspect-ratio:1/1;background:#F3F1EC;display:grid;place-items:center;color:#B5AFA3;max-width:100%}
.pimg .ico{width:64px;height:64px;stroke-width:1.1}
.pimg .tag{position:absolute;left:10px;top:10px;font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 8px;border-radius:6px;background:var(--ink);color:#fff}
.pimg .tag.o{background:var(--orange);color:var(--ink)}
.pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.xcard .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pimg .phl{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:11px;color:#9c968a}
.pcard .pb{padding:12px 14px 14px;display:grid;gap:3px}
.pcard .pn{font-size:15.5px;font-weight:600}
.pcard .ps{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcard .pp{margin-top:6px;font-size:13px;color:var(--muted)}
.pcard .pp b{display:block;font-size:17px;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
.pcard .pm{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px}
.pcard .pm span{font-size:11.5px;background:var(--gray);border-radius:5px;padding:2px 7px;color:#444}
.pcard.custom{background:var(--ink);border-color:var(--ink);color:#fff}
.pcard.custom .pimg{background:linear-gradient(150deg,#FFA56B,#F07A33);color:var(--ink)}
.pcard.custom .pimg .ico{width:56px;height:56px;stroke-width:1.4}
.pcard.custom .ps{color:#bbb;white-space:normal}
.pcard.custom .go{margin-top:10px;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:#FFB37A}

/* placeholder photo */
.ph{background:repeating-linear-gradient(135deg,#EFECE6 0 12px,#F4F2ED 12px 24px);display:grid;place-items:center;color:#8a857b;font-size:13px;font-weight:500;text-align:center}

/* experience card: compact, 4 visible on desktop */
.rail.exp{grid-auto-columns:86%}
@media (min-width:640px){.rail.exp{grid-auto-columns:calc((100% - 14px)/2)}}
@media (min-width:1100px){.rail.exp{grid-auto-columns:calc((100% - 42px)/4)}}
.xcard{border:1px solid var(--line);border-radius:var(--r-card);background:var(--white);display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px;align-items:center;min-height:104px}
.xcard .ph{position:relative;width:72px;height:72px;border-radius:10px;overflow:hidden;font-size:10.5px;line-height:1.2;padding:4px}
.xcard .ph .ico{width:22px;height:22px}
.xcard .in{display:grid;gap:2px;min-width:0}
.xcard .badge{justify-self:start;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:5px;color:#fff;background:var(--ink);margin-bottom:4px}
.xcard .badge.o{background:var(--orange);color:var(--ink)}
.xcard h3{margin:0;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xcard .big{font-size:18px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.25}
.xcard .big small{font-size:12.5px;font-weight:500;color:var(--muted);letter-spacing:0}
.xcard .pt{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* header: all products button */
.allbtn{display:none;flex:none;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:10px;background:var(--gray);text-decoration:none;font-weight:600;font-size:14.5px;color:var(--ink)}
.allbtn:hover,.allbtn.on{background:var(--ink);color:#fff}
@media (min-width:1024px){.allbtn{display:inline-flex}}
.ftr .safe{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#bbb;background:#1c1c1c;border-radius:8px;padding:10px 12px}
.ftr .safe .ico{color:#7fd19e;margin-top:1px}

/* ================= FOOTER ================= */
.ftr{background:var(--ink);color:#cfcfcf;font-size:14.5px}
.ftr .wrap{padding-block:48px 24px;display:grid;gap:28px}
.ftr .cols{display:grid;gap:28px;grid-template-columns:1fr 1fr}
@media (min-width:900px){.ftr .cols{grid-template-columns:1.5fr 1fr 1fr 1fr}}
.ftr .brand{grid-column:1/-1;display:grid;gap:12px;align-content:start}
@media (min-width:900px){.ftr .brand{grid-column:auto}}
.ftr .lw{background:#fff;border-radius:8px;padding:8px 10px;justify-self:start}
.ftr .lw img{width:96px;display:block}
.ftr h4{margin:0 0 10px;color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.ftr a{color:#cfcfcf;text-decoration:none;display:block;padding:4px 0}
.ftr a:hover{color:#fff}
.ftr .bottom{border-top:1px solid #2c2c2c;padding-top:18px;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13px;color:#999}
.ftr .bottom a{display:inline;padding:0;color:#fff}

/* floating WhatsApp */
.wa-float{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:15;display:inline-flex;align-items:center;gap:8px;background:var(--wa);color:#fff;text-decoration:none;font-weight:600;font-size:14.5px;height:52px;padding:0 18px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
@media (max-width:599px){.wa-float span{display:none}.wa-float{width:52px;padding:0;justify-content:center}}

/* form controls */
.field{display:grid;gap:7px;min-width:0}
.field label,.lbl{font-size:14px;font-weight:600}
.field small{color:var(--muted);font-size:12.5px}
input[type=text],input[type=tel],input[type=email],input[type=password],input[type=date],input[type=number],select,textarea{width:100%;height:48px;border:1px solid var(--line-2);border-radius:8px;padding:0 14px;font:inherit;font-size:15.5px;background:var(--white);color:var(--ink)}
textarea{height:auto;min-height:110px;padding:12px 14px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--orange-text);outline-offset:0;border-color:transparent}
.err{color:#B42318;font-size:13px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* account link in header */
.hdr-actions .acct{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:600;font-size:14.5px;color:var(--ink);padding:0 6px;height:40px;border-radius:8px}
.hdr-actions .acct:hover,.hdr-actions .acct.on{background:var(--gray)}
.hdr-actions .acct .ico{width:22px;height:22px}
@media (max-width:640px){.hdr-actions .acct span{display:none}}
.hdr-actions .cartbtn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:10px;color:var(--ink);text-decoration:none}
.hdr-actions .cartbtn:hover,.hdr-actions .cartbtn.on{background:var(--gray)}
.hdr-actions .cartbtn .cnt{position:absolute;top:3px;right:2px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--orange);color:var(--ink);font-size:11.5px;font-weight:700;display:grid;place-items:center;line-height:1}
.hdr-actions .cartbtn .cnt[hidden]{display:none}
.hdr-actions .langtog{display:inline-flex;border:1px solid var(--line-2);border-radius:8px;overflow:hidden;flex:none}
.hdr-actions .langtog button{border:0;background:var(--white);font-size:12.5px;font-weight:700;color:var(--muted);padding:0 8px;height:32px;cursor:pointer;letter-spacing:.02em}
.hdr-actions .langtog button[aria-pressed="true"]{background:var(--ink);color:#fff}
@media (min-width:1024px){.hdr-actions .langtog button{height:34px;padding:0 10px}}
@media (max-width:420px){.hdr-actions{gap:4px}.hdr-actions .iconbtn,.hdr-actions .cartbtn{width:40px}}
@media (max-width:479px){.hdr-actions .iconbtn.mob{display:none}.logo img{width:86px}.hdr-main .wrap{gap:8px}}

/* drawer: more categories */
.drawer details.more summary{display:flex;align-items:center;gap:14px;padding:12px 20px;font-size:16px;font-weight:500;color:var(--muted);cursor:pointer;list-style:none}
.drawer details.more summary::-webkit-details-marker{display:none}
.drawer details.more summary .ico{transition:transform .2s}
.drawer details.more[open] summary .ico{transform:rotate(180deg)}
.drawer details.more summary span{margin-left:auto;margin-right:4px;font-size:13px;background:var(--gray);border-radius:999px;padding:1px 8px}
.drawer details.more a{padding-left:36px}
/* footer button that looks like a link */
.ftr .ftr-link{background:none;border:0;padding:4px 0;color:#cfcfcf;font:inherit;cursor:pointer;text-align:left}
.ftr .ftr-link:hover{color:#fff;text-decoration:underline}
/* back to top */
.totop{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:15;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:var(--white);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.totop .ico{transform:rotate(180deg)}
.totop:hover{background:var(--gray)}
body[data-page="produk"] .totop{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
@media (min-width:600px){body[data-page="produk"] .totop{bottom:calc(24px + env(safe-area-inset-bottom,0px))}}
/* cookie consent */
.ckbar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--ink);color:#eee;padding:14px 0 calc(14px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 20px rgba(0,0,0,.18)}
.ckbar .wrap{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ckbar p{margin:0;font-size:14px;line-height:1.55;flex:1 1 420px}
.ckbar .link{color:#FFB37A}
.ckbtns{display:flex;gap:8px;flex-wrap:wrap}
.ckbar .btn-ghost{background:transparent;color:#fff;border-color:#555}
.ckbar .btn-ghost:hover{background:#333}
body.ck-on .wa-float,body.ck-on .totop{display:none}
@media (max-width:599px){.ckbar .ckbtns{width:100%}.ckbar .ckbtns .btn{flex:1 1 auto}.ckbar .ckbtns .btn-primary{flex-basis:100%;order:-1}}
.ckdlg{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.45);display:grid;place-items:center;padding:16px}
.ckdlg .in{background:var(--white);border-radius:16px;max-width:480px;width:100%;padding:22px;display:grid;gap:12px;max-height:90vh;overflow:auto}
.ckdlg h2{margin:0 0 4px;font-size:20px}
.ckrow{display:flex;gap:14px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer}
.ckrow span{display:grid;gap:2px}
.ckrow small{color:var(--muted);font-size:13px;line-height:1.45}
.ckrow input{width:20px;height:20px;accent-color:var(--orange,#F7893A);flex:none}
.ckdlg .ckbtns{justify-content:flex-end;margin-top:4px}
/* legal page in the international market: domestic-only documents are hidden */
body[data-mkt="intl"] .lg [data-doc="transaksi"],body[data-mkt="intl"] .lg [data-doc="disclaimer"],body[data-mkt="intl"] .lg nav .note{display:none}

/* Live site: hide mockup-only elements and phase-2 entry points (accounts) */
body.live .review,body.live .hdr-actions .acct,body.live .drawer a[href="akun.html"],body.live .drawer h4:has(+ a[href="akun.html"]),body.live .acctbar,body.live .acctcta,body.live .draft,body.live .confirm,body.live .photo-note,body.live #heroNote{display:none!important}
.ts-box{min-height:0}