/* .LIVE Coco — mobile-first shopping story, scoped for WordPress. */
/* Official transparent PNGs: trim only empty canvas in CSS; preserve the artwork. */
.dl-coco .brand,.dl-coco .hero-brand{align-items:center!important}
.dl-coco .logo-crop{position:relative;display:block;overflow:hidden;flex:none}
.dl-coco .logo-live{width:98px;aspect-ratio:1485/575}
.dl-coco .logo-coco{width:54px;aspect-ratio:375/183}
.dl-coco .logo-live img{position:absolute;max-width:none;width:105.050505%;height:auto;left:-3.097643%;top:-97.391304%}
.dl-coco .logo-coco img{position:absolute;max-width:none;width:320%;height:auto;left:-110.933333%;top:-266.666667%}
.dl-coco .hero-brand .logo-live{width:132px}
.dl-coco .hero-brand .logo-coco{width:73px}
.dl-coco .site-footer .logo-live{width:120px}
.dl-coco .site-footer .logo-coco{width:66px}
@media(min-width:480px){.dl-coco .hero-brand .logo-live{width:180px}.dl-coco .hero-brand .logo-coco{width:99px}}
.dl-coco-canvas{margin:0;padding:0;background:radial-gradient(ellipse at 8% 12%,#f6e4ed 0,transparent 43%),radial-gradient(ellipse at 94% 48%,#e4f4f6 0,transparent 43%),linear-gradient(135deg,#fff5e9,#f5edf8 60%,#ffeedf);background-attachment:fixed}
.dl-coco{--ink:#342925;--muted:#74635f;--rose:#b84766;--gold:#c4a56b;--turquoise:#3dc9ce;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;max-width:600px;margin:0 auto;color:var(--ink);background:#fffdfb;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased;text-align:left;overflow-x:clip;box-shadow:0 0 65px #76556412}
.dl-coco *,.dl-coco *::before,.dl-coco *::after{box-sizing:border-box}
.dl-coco h1,.dl-coco h2,.dl-coco h3,.dl-coco p,.dl-coco figure{margin:0}
.dl-coco a{color:inherit;text-decoration:none}
.dl-coco a:focus-visible,.dl-coco summary:focus-visible{outline:3px solid #176970;outline-offset:4px}
.dl-coco img{display:block;max-width:100%;height:auto}
.dl-coco [hidden]{display:none!important}
.dl-coco [id]{scroll-margin-top:15px}
.dl-coco .skip-link{position:absolute;left:16px;top:-100px;z-index:100;padding:12px 18px;background:#fff;border:2px solid var(--ink)}
.dl-coco .skip-link:focus{top:12px}
.dl-coco .site-header{height:66px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d3b98360;background:#fffaf5;gap:15px}
.dl-coco .brand{display:inline-flex;align-items:baseline;gap:10px;white-space:nowrap}
.dl-coco .brand-mark{font-family:Arial,Helvetica,sans-serif;font-size:33px;font-weight:900;letter-spacing:-2px;line-height:1;color:var(--turquoise)}
.dl-coco .brand-product{font-family:"Segoe Script","Brush Script MT","URW Chancery L",cursive;font-size:29px;font-style:italic;font-weight:400;line-height:1.1;color:#211c1a;letter-spacing:-2px}
.dl-coco nav{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:600}
.dl-coco nav a{min-height:44px;display:flex;align-items:center}
.dl-coco nav a:hover{color:var(--rose)}
.dl-coco .hero{position:relative;text-align:center;padding:24px 22px;isolation:isolate;background:radial-gradient(ellipse at 0 8%,#ffe2cabb,transparent 48%),radial-gradient(ellipse at 100% 37%,#f4d9e9aa,transparent 52%),radial-gradient(ellipse at 5% 80%,#e4f5f2,transparent 42%),#fffaf2;overflow:hidden}
.dl-coco .hero::before,.dl-coco .hero::after{content:"";position:absolute;z-index:-1;width:330px;height:480px;border:1px solid #c6a66f55;border-radius:50%;transform:rotate(-25deg);pointer-events:none}
.dl-coco .hero::before{right:-255px;top:-70px}.dl-coco .hero::after{left:-265px;top:170px;transform:rotate(30deg)}
.dl-coco .hero-kicker{color:#9a455b;font-size:14px;font-weight:600;letter-spacing:.12em;line-height:1.5}
.dl-coco h1{font-family:var(--serif);font-size:42px;font-weight:600;line-height:1.35;letter-spacing:.03em;margin-top:13px;color:#38211f}
.dl-coco h1 span{color:var(--rose)}
.dl-coco .hero-message{font-family:var(--serif);font-size:22px;letter-spacing:.02em;color:var(--rose);margin-top:13px;line-height:1.6}
.dl-coco .hero-visual{height:290px;position:relative;margin:0 -16px;isolation:isolate}
.dl-coco .hero-visual::before{content:"";position:absolute;inset:28% 8% 5%;border-radius:50%;background:radial-gradient(ellipse,#fff 30%,#fff7 58%,#fff0 72%);transform:rotate(-13deg);z-index:-1}
.dl-coco .hero-brand{position:absolute;left:9%;top:18px;z-index:2;display:flex;gap:10px;align-items:baseline;transform:rotate(-4deg)}
.dl-coco .hero-brand .brand-mark{font-size:49px}.dl-coco .hero-brand .brand-product{font-size:42px}
.dl-coco .hero-product{width:325px;max-width:88%;position:absolute;right:1%;top:0;filter:drop-shadow(4px 12px 8px #51485020);transform:rotate(-9deg)}
.dl-coco .hero-color{position:absolute;right:11%;bottom:4px;font-size:11px;color:#766c62;letter-spacing:.05em}
.dl-coco .hero-specs{display:flex;gap:12px;justify-content:center;margin:2px 0 17px}
.dl-coco .hero-specs>span{width:87px;height:87px;border:1px solid #b48d65;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(140deg,#fffaf7,#f7dedf);box-shadow:inset 0 0 0 4px #fff8;color:#603638;line-height:1.15}
.dl-coco .hero-specs small{font-size:11px;margin-bottom:5px;letter-spacing:.02em}
.dl-coco .hero-specs strong{font-family:var(--serif);font-size:29px;white-space:nowrap;letter-spacing:-1.5px}
.dl-coco .hero-specs em{font-style:normal;font-size:16px;letter-spacing:0}
.dl-coco .purchase-lead{font-size:13px;letter-spacing:.02em;margin-bottom:9px}
.dl-coco .shop-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.dl-coco .shop-button{min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:5px;border-radius:5px;padding:11px 17px;font-weight:700;font-size:15px;line-height:1.5;border:1px solid transparent;box-shadow:0 3px 0 #58362313;transition:filter .15s}
.dl-coco .shop-button>span:last-child{font-size:27px;font-weight:400;line-height:1}
.dl-coco .shop-button:hover{filter:brightness(.94)}
.dl-coco .rakuten{background:#b40932;color:#fff;border-color:#a40024}
.dl-coco .amazon{background:#fff7e8;color:#443428;border-color:#c19f6d}
.dl-coco .shop-note{font-size:11px;color:var(--muted);line-height:1.7;margin-top:10px;text-align:center}
.dl-coco .brand-story{padding:0;border-top:1px solid #cbb38855;border-bottom:1px solid #cbb38855}
.dl-coco .brand-story img{width:100%}
.dl-coco .section-heading{padding:44px 22px 30px;text-align:center}
.dl-coco .eyebrow{font-size:13px;font-weight:500;letter-spacing:.1em;color:#956251;text-align:center}
.dl-coco h2{font-family:var(--serif);font-size:31px;font-weight:500;line-height:1.6;letter-spacing:.025em}
.dl-coco h2 span{color:var(--rose)}
.dl-coco .section-heading h2{margin:9px 0 12px}
.dl-coco .section-heading>p:last-child{font-size:15px;line-height:1.9;margin-top:14px}
.dl-coco .gold-rule{display:flex;align-items:center;justify-content:center;gap:13px;color:var(--gold);font-size:22px;margin:14px auto 0;max-width:230px;line-height:1}
.dl-coco .gold-rule::before,.dl-coco .gold-rule::after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--gold));flex:1}
.dl-coco .gold-rule::after{transform:rotate(180deg)}
.dl-coco .feature{padding:30px 24px 38px;border-top:1px solid #d7bc974d;background:radial-gradient(ellipse at 5% 5%,#f6ede5,transparent 54%),#fffdfb;text-align:center}
.dl-coco .feature:nth-child(2){background:radial-gradient(ellipse at 100% 40%,#e7f4f3,transparent 67%),#fffdfb}
.dl-coco .feature:nth-child(3){background:radial-gradient(ellipse at 0 65%,#f3e6f1,transparent 70%),#fffdfb}
.dl-coco .point-heading{display:flex;align-items:center;gap:16px;text-align:left;margin-bottom:20px}
.dl-coco .feature-number{font-family:Georgia,"Times New Roman",serif;font-size:66px;color:#bf5573;line-height:1;position:relative;flex:none;letter-spacing:-3px;padding-top:9px}
.dl-coco .feature-number small{position:absolute;top:-3px;left:1px;font-family:"Segoe Script",cursive;font-size:16px;color:#ad8754;font-weight:400;letter-spacing:0;transform:rotate(-12deg)}
.dl-coco h3{font-family:var(--serif);font-size:29px;line-height:1.55;font-weight:500;letter-spacing:0}
.dl-coco h3 span{color:var(--rose)}
.dl-coco .feature>p{font-size:15px;line-height:1.9}
.dl-coco .feature-photo{height:300px;position:relative;margin:8px -14px 0;overflow:hidden}
.dl-coco .feature-photo img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(6px 10px 7px #9b778222)}
.dl-coco .focus-photo img{transform:rotate(-13deg) scale(1.07)}
.dl-coco .glasses-photo img{transform:rotate(11deg) scale(1.15)}
.dl-coco .photo-label{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#835549;background:#fffaf2ed;border:1px solid #d7b78b;border-radius:30px;padding:5px 18px;font-size:13px}
.dl-coco .feature .feature-closing{font-family:var(--serif);font-size:24px;line-height:1.65;color:var(--rose);margin-top:15px}
.dl-coco .compact-photo{margin:24px -24px -10px}
.dl-coco .compact-photo img{width:100%}
.dl-coco .compact-photo figcaption{font-size:11px;line-height:1.8;color:var(--muted);padding:9px 17px}
.dl-coco .color-section{background:radial-gradient(ellipse at 0 0,#fff0da,transparent 55%),radial-gradient(ellipse at 100% 90%,#e9e5f7,transparent 55%),#fff9f7;padding-bottom:35px;border-top:1px solid #d7b78866}
.dl-coco .color-section .section-heading{padding-bottom:15px}
.dl-coco .color-figure{margin:0}
.dl-coco .color-image-window{width:100%;aspect-ratio:4/3;overflow:hidden;position:relative;background:#fff9f7}
.dl-coco .color-image-window img{position:absolute;width:100%;max-width:none;top:-33.333333%;left:0}
.dl-coco .color-figure figcaption{text-align:center;font-family:var(--serif);font-size:22px;line-height:1.6;color:var(--rose);margin:20px 15px 0}
.dl-coco .color-list{list-style:none;display:grid;grid-template-columns:1fr 1.2fr;gap:12px 10px;padding:22px 24px;margin:0;font-size:12px}
.dl-coco .color-list li{display:flex;align-items:center;gap:8px;white-space:nowrap}
.dl-coco .color-list i{display:block;width:15px;height:15px;border-radius:50%;border:1px solid #0002;background:var(--swatch);flex:none}
.dl-coco .small-note{font-size:11px;color:var(--muted);text-align:center;line-height:1.8;padding:0 16px}
.dl-coco .faq-section{padding:0 24px 40px;background:#fffcf8}
.dl-coco .faq-section .section-heading{padding-left:0;padding-right:0}
.dl-coco .faq-list{border-top:1px solid #d6c3a6}
.dl-coco details{border-bottom:1px solid #dfd0b8}
.dl-coco summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;padding:18px 0;cursor:pointer;font-size:15px;font-weight:600;line-height:1.7;list-style:none}
.dl-coco summary::-webkit-details-marker{display:none}
.dl-coco summary span{font-size:23px;color:var(--rose);font-weight:400;flex:none}
.dl-coco details[open] summary span{transform:rotate(45deg)}
.dl-coco details p{font-size:15px;color:var(--muted);padding:0 0 22px;line-height:1.9}
.dl-coco .shop-section{text-align:center;padding:38px 22px 32px;background:radial-gradient(ellipse at 0 0,#f6dfeb,transparent 60%),radial-gradient(ellipse at 90% 70%,#e8f1f8,transparent 68%),#fff4e6;border-top:1px solid #cfb27c70;overflow:hidden}
.dl-coco .shop-section h2{margin-top:10px}
.dl-coco .shop-product-wrap{width:240px;height:226px;margin:-1px auto 4px}
.dl-coco .shop-product-wrap img{transform:rotate(-13deg) scale(1.13);filter:drop-shadow(5px 9px 7px #66506920)}
.dl-coco .shop-copy>p{font-size:14px;margin-bottom:13px}
.dl-coco .shop-copy .shop-note{font-size:11px;margin-bottom:0}
.dl-coco .site-footer{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;padding:33px 20px calc(100px + env(safe-area-inset-bottom));background:#fffaf4;border-top:1px solid #d9c09c66}
.dl-coco .site-footer p{font-size:12px;color:var(--muted)}
.dl-coco .site-footer>a:not(.brand){font-size:12px;min-height:44px;display:flex;align-items:center;gap:8px;text-decoration:underline;text-underline-offset:4px}
.dl-coco .site-footer small{font-size:10px;color:var(--muted)}
.dl-coco .mobile-shop{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:600px;z-index:20;padding:9px 15px max(9px,env(safe-area-inset-bottom));background:#fffaf5f7;border-top:1px solid #c9ad84;box-shadow:0 -3px 14px #704d4812}
.dl-coco .mobile-shop .shop-button{min-height:47px;font-size:14px;padding:9px 16px;box-shadow:none}
@media(min-width:480px){.dl-coco .hero{padding-top:32px}.dl-coco h1{font-size:56px}.dl-coco .hero-message{font-size:29px}.dl-coco .hero-visual{height:395px}.dl-coco .hero-product{width:430px;right:3%}.dl-coco .hero-brand{left:12%;top:32px}.dl-coco .hero-brand .brand-mark{font-size:64px}.dl-coco .hero-brand .brand-product{font-size:54px}.dl-coco .hero-specs{gap:22px}.dl-coco .hero-specs>span{width:104px;height:104px}.dl-coco .hero-specs strong{font-size:35px}.dl-coco .hero-purchase{padding:0 20px}.dl-coco .shop-button{font-size:17px;min-height:62px}.dl-coco h2{font-size:37px}.dl-coco h3{font-size:36px}.dl-coco .feature{padding:36px 36px 45px}.dl-coco .feature-number{font-size:84px}.dl-coco .point-heading{gap:22px}.dl-coco .feature>p{font-size:16px}.dl-coco .feature-photo{height:375px}.dl-coco .compact-photo{margin-left:-36px;margin-right:-36px}.dl-coco .color-list{padding-left:55px;padding-right:55px;font-size:14px}.dl-coco .faq-section{padding-left:36px;padding-right:36px}.dl-coco .shop-section{padding-left:40px;padding-right:40px}}
@media(max-width:370px){.dl-coco .site-header{padding:0 16px}.dl-coco nav{gap:10px}.dl-coco .brand{gap:7px}.dl-coco .brand-mark{font-size:30px}.dl-coco .brand-product{font-size:25px}.dl-coco .hero{padding-left:18px;padding-right:18px}.dl-coco h1{font-size:39px}.dl-coco .hero-message{font-size:21px}.dl-coco .hero-visual{height:265px}.dl-coco .hero-product{width:300px}.dl-coco .hero-brand{left:5%;top:22px}.dl-coco .hero-brand .brand-mark{font-size:43px}.dl-coco .hero-brand .brand-product{font-size:37px}.dl-coco .hero-specs{gap:10px}.dl-coco .hero-specs>span{width:83px;height:83px}.dl-coco .hero-specs strong{font-size:28px}.dl-coco .shop-button{padding:10px 12px;font-size:14px}.dl-coco .feature{padding-left:20px;padding-right:20px}.dl-coco h3{font-size:27px}.dl-coco .point-heading{gap:13px}.dl-coco .feature-number{font-size:61px}.dl-coco .compact-photo{margin-left:-20px;margin-right:-20px}.dl-coco .color-list{padding-left:20px;padding-right:20px;font-size:11px}.dl-coco .color-list i{width:13px;height:13px}.dl-coco .faq-section{padding-left:20px;padding-right:20px}}
.dl-coco .proof-section{background:#fff}
.dl-coco .proof-section>img{display:block;width:100%;height:auto;max-width:100%}
.dl-coco .proof-note{margin:0;padding:10px 20px 14px;font-size:12px;line-height:1.7;color:var(--muted)}
/* Keep all eight original product photos visible; crop only the source heading and footnote. */
.dl-coco .hero .hero-all-colors{height:auto;margin:12px -12px 17px;position:relative;isolation:isolate}
.dl-coco .hero .hero-all-colors::before{display:none}
.dl-coco .hero .hero-all-colors .hero-brand{position:relative;left:auto;top:auto;transform:none;justify-content:center;gap:12px;margin:0 auto 12px}
.dl-coco .hero-colors-window{position:relative;width:100%;aspect-ratio:100/72;overflow:hidden;border-radius:12px;background:#fff8f1}
.dl-coco .hero-colors-window>img{position:absolute;width:100%;max-width:none;height:auto;left:0;top:-34.722222%}
@media(prefers-reduced-motion:reduce){.dl-coco *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Consent belongs to this landing only; no external font or UI dependency. */
.dl-coco .coco-privacy{padding:12px 20px calc(90px + env(safe-area-inset-bottom));text-align:center;background:#fff9f8}
.dl-coco .coco-privacy button{border:0;background:none;text-decoration:underline;color:#625759;font:inherit;font-size:12px;min-height:44px;cursor:pointer}
.dl-coco .coco-consent{position:fixed;z-index:100;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(560px,calc(100% - 24px));max-height:70dvh;overflow:auto;padding:16px;border:1px solid #ded2d2;border-radius:14px;background:#fff;box-shadow:0 5px 25px #44333326;color:#443a3a;font-size:12px;line-height:1.65}
.dl-coco .coco-consent strong{font-size:14px}.dl-coco .coco-consent p{margin:8px 0}
.dl-coco .coco-consent-actions{display:flex;gap:10px}.dl-coco .coco-consent-actions button{flex:1;min-height:44px;border:1px solid #bfa6ad;border-radius:8px;background:#fff5f6;color:#443a3a;font:inherit;font-weight:700;cursor:pointer}
.dl-coco .coco-diagnostics{padding:16px 20px 100px;background:#f6f6f6;font-size:12px}.dl-coco .coco-diagnostics pre{white-space:pre-wrap;overflow-wrap:anywhere}