:root{--red:#ff6500;--ink:#151515;--muted:#72706c;--line:#e6e0da;--soft:#fff0e5;--brand-paper:#faf7f4;--brand-orange:#ff6500}
html{scroll-behavior:smooth}body{background:var(--brand-paper);color:var(--ink);letter-spacing:-.025em}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a,button{transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ff9d59;outline-offset:4px}button{cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--red)}
.brand-header{background:rgba(250,247,244,.97);backdrop-filter:blur(14px)}.brand-header .top-in{display:grid;grid-template-columns:250px minmax(180px,1fr) auto;gap:0 40px;align-items:center;width:min(1360px,calc(100% - 80px));height:auto;padding-top:20px}.brand-header .brand-logo{display:flex;gap:10px;width:auto;height:54px;letter-spacing:0}.brand-flower{display:block;width:53px;height:53px}.brand-wordmark{display:block;width:180px;height:40px;object-fit:contain}.brand-logo small{display:block;text-align:center;font-size:12px;font-weight:900;line-height:1}.brand-search{display:flex;align-items:center;gap:12px;height:48px;padding:0 16px;border:1.5px solid var(--red);border-radius:28px;background:transparent}.brand-search svg,.brand-actions svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand-search input{min-width:0;flex:1;width:100%;border:0;outline:0;background:none;font-size:14px}.brand-search button{padding:4px;border:0;color:var(--red);background:none;font-size:12px;font-weight:800}.brand-actions{display:flex;align-items:center;gap:23px}.brand-actions>a{display:flex;align-items:center;gap:4px}.brand-actions .brand-login{font-size:12px;font-weight:800}.brand-nav{display:flex;grid-column:1/-1;justify-content:center;gap:0;margin-top:16px;height:54px}.brand-nav a{flex:1;max-width:190px;font-size:16px;font-weight:850}.brand-nav a.active:after{height:4px;border-radius:4px 4px 0 0;right:25%;left:25%}.page{width:min(1360px,calc(100% - 80px));padding-top:28px;min-height:65vh}.panel,.card{border-color:var(--line);box-shadow:none;border-radius:16px}.card.deal{transition:transform .2s,box-shadow .2s}.card.deal:hover{transform:translateY(-4px);box-shadow:0 12px 28px #3b27100d}.info{padding:17px}.info h3{height:auto;min-height:42px;font-size:15px;line-height:1.5}.price{font-size:20px}.discount{font-size:20px}.origin{margin-top:5px}.art{height:235px;background:#f0e8df}.art:has(img){background:#fff}.art>img{padding:12px}.card-actions .fav,.deal-alert{width:33px;height:33px;border-color:var(--line);color:#292724}.card-actions .fav.on,.deal-alert.on{border-color:#ffb982;background:var(--soft);color:var(--red)}.timer,.ship{border-radius:5px}.ship{background:#f2eee9;color:#77716a}.head{margin:28px 0 18px}.head h1,.head h2{font-weight:900;letter-spacing:-.05em}.head h2{font-size:27px}.head p{font-size:14px}.grid,.catalog{gap:18px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-home-layout{display:block}.brand-home-layout>.side{display:none}.brand-home-layout>.ending-panel{margin-top:28px}.brand-home-layout .ending{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.brand-home-layout .ending-item{border:0}.brand-home-layout .hero{min-height:230px;padding:38px 50px;color:#fff;background:linear-gradient(110deg,#ff6500,#ff8b13);border:0;border-radius:22px;isolation:isolate}.brand-home-layout .hero:after{content:"";display:block;z-index:-1;position:absolute;right:-25px;bottom:-160px;width:390px;height:390px;background:url('../images/dealiu-orange-flower.svg') center/contain no-repeat;transform:rotate(-18deg)}.hero h1{max-width:80%;font-size:clamp(25px,3.4vw,49px);letter-spacing:-.045em}.hero p{font-size:22px;font-weight:500;letter-spacing:0}.promo-badge{display:none}.brand-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 32px}.brand-shortcuts a{display:flex;align-items:center;gap:15px;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:#fff9}.brand-shortcuts a:hover{border-color:var(--red);background:var(--soft)}.brand-shortcuts svg{width:30px;height:30px;fill:none;stroke:var(--red);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.brand-shortcuts b{display:block;font-size:17px}.brand-shortcuts small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.brand-shortcuts i{margin-left:auto;font-size:23px;font-style:normal}.brand-home-layout .mobile-categories{display:none!important}.brand-footer{width:min(1360px,calc(100% - 80px));margin:0 auto;padding:25px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:12px}.brand-footer b{color:var(--ink)}.brand-footer a{margin-left:18px}.brand-footer small{flex-basis:100%;font-size:11px}
.hot-title h1,.reward-page-title h1,.mall-page-title h1,.trial-page-title h1{font-size:36px;letter-spacing:-.05em}.hot-title p,.reward-page-title p,.mall-page-title p,.trial-page-title p{color:var(--muted);font-size:15px;line-height:1.7}.hot-title{padding-bottom:15px}.hot-title:after{content:'놓치기 아까운 오늘의 발견';display:block;margin-top:24px;padding:17px 25px;border-radius:12px;background:linear-gradient(100deg,#ffe1ca,#fff0e5);color:#d74d00;font-size:18px;font-weight:800}.hot-search,.mall-search,.reward-search,.trial-search{background:transparent;border-color:var(--line);box-shadow:none}.hot-sortbar{padding:8px 0 14px}.chip{padding:10px 18px;color:#3e3b36;font-size:13px;background:transparent}.chip.active,.trial-filters .chip.active,.mall-category.active{border-color:var(--red);background:var(--red);color:#fff}.hot-filter-panel{background:#fffdfb}.hot-filter-panel input:checked{accent-color:var(--red)}.hot-filter-check,.check{color:#68615a}.filter-toggle{border-color:var(--line);color:var(--ink)}
.reward-process{border-color:var(--line);background:#fffdfb}.reward-process-copy,.trial-process .reward-process-copy{background:var(--soft)}.reward-process-step em,.trial-process .reward-process-step em{background:var(--red)}.reward-process-copy b,.trial-process .reward-process-copy b{color:var(--red)}.reward-page-title{margin-bottom:24px}.brand-reward-summary{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:23px 28px;margin:0 0 22px;border-radius:16px;background:linear-gradient(100deg,#ffdfc7,#fff0e5)}.brand-reward-summary h2{margin:0;font-size:17px}.brand-reward-summary b{color:var(--red);font-size:29px}.brand-reward-summary a{margin-left:auto;font-size:13px;font-weight:800}.store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.store{padding:25px;min-height:195px;background:#fffcf9}.store-logo{border-radius:12px}.reward-status{border-color:var(--line)}.reward-note,.mall-note{border-color:#f1d8c5;background:#fff2e8;color:#826047}.reward-plus{color:var(--red)}
.mall-page-title,.trial-page-title{position:relative;isolation:isolate;overflow:hidden;padding:32px 38px;border-radius:20px;background:linear-gradient(110deg,#ffddc8,#fff0e5);min-height:185px}.mall-page-title:after,.trial-page-title:after{content:'';position:absolute;right:-10px;bottom:-80px;z-index:-1;width:260px;height:260px;background:url('../images/dealiu-orange-flower.svg') center/contain no-repeat;transform:rotate(-15deg);opacity:.85}.mall-page-title p,.trial-page-title p{max-width:78%}.mall-page-title strong,.trial-page-title strong{color:var(--ink)}.mall-page-categories{gap:10px;margin:20px 0}.mall-category{background:transparent}.mall-highlight{color:#655244}.trial-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.trial-art{height:220px;background:#f0e5d9}.trial-state{background:var(--red);color:#fff}.trial-body{padding:18px}.trial-body h3{font-size:15px;line-height:1.5}.trial-body p{line-height:1.6}.trial-apply{background:var(--red);color:#fff;border-color:var(--red)}.trial-detail-visual{background:#fff0e5}.trial-process{margin-top:18px}
.wallet{background:linear-gradient(120deg,#ffe2cd,#fff1e6);color:var(--ink);border-color:#f3d8c3}.wallet:after{color:#f6933c22}.wallet-balance{color:var(--red)}.wallet-stat{background:#fff9}.wallet-label{opacity:1;color:#706255}.wallet-open{color:var(--red)}.account,.guest-my-panel{background:#fff8f1}.avatar,.member-avatar{background:var(--soft)}.brand-my-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px}.brand-my-side{padding:22px 15px;align-self:start;background:#fffaf7}.brand-my-side h1{font-size:23px;margin:0 10px 22px}.brand-my-side a{display:flex;justify-content:space-between;gap:10px;padding:15px 13px;border-radius:9px;font-size:14px;font-weight:700}.brand-my-side a.active{color:#fff;background:var(--red)}.brand-my-side a:hover:not(.active){background:var(--soft)}.brand-my-main{min-width:0}.brand-my-main>.two{grid-template-columns:1fr 1fr}.brand-my-main .stats{gap:8px}.brand-my-main .stat{padding:17px 10px;font-size:12px}.brand-my-main .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-my-main .history{margin-bottom:24px}.brand-my-main .history-row{grid-template-columns:1fr auto}.brand-my-main .history-status{display:none}
.commerce-hero,.reward-hero{background:linear-gradient(110deg,#ff6500,#ff8b13)}.reward-hero p,.commerce-hero p{color:#fff9f3}.reward-step b{color:#ffe1c8}.reward-step,.hero-perk{background:#ffffff24}.reward-hero:after{color:#ffffff28}.bar{background:linear-gradient(#ffb37d,var(--red))}.compare-landing-hero{background:linear-gradient(135deg,#fff,#ffefdf)}.shop-main-image,.mall-buy-art,.detail-art{background:#f4eade}.shop-detail-tabs button.active{color:var(--red);border-color:var(--red)}.benefit,.shop-benefit-box,.trial-detail-stat{background:#f7f1eb}.auth-modal{background:#17100c70;backdrop-filter:blur(5px)}.auth-dialog{border:1px solid var(--line);background:var(--brand-paper);box-shadow:0 25px 90px #20170c26}.auth-brand{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink)}.auth-brand:before{content:'';width:32px;height:32px;background:url('../images/dealiu-orange-flower.svg') center/contain no-repeat}.auth-field input,.trial-form-field input,.trial-form-field textarea,.trial-form-field select{border-color:var(--line);background:#fffdfb}.auth-field input:focus,.trial-form-field input:focus,.trial-form-field textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #ff650015}.auth-submit,.buy,.shop-buy,.trial-submit{background:var(--red);color:#fff}.auth-close,.mini-legal-close{background:#eee7df}.signup-link,.guest-my-signup,.shop-coupon,.my-settings-link{border-color:#f0c8a9;color:var(--red)}.mobile{background:#fffcf9;border-color:var(--line)}.mobile a.active{color:var(--red)}
.brand-demo-art{position:relative;overflow:hidden;color:transparent;background-image:url('../images/dealiu-demo-products.png');background-size:400% 200%;background-position:var(--demo-x,0%) var(--demo-y,0%);background-repeat:no-repeat}.brand-demo-art>*{color:var(--ink)}.brand-demo-art .trial-state{color:#fff}.brand-demo-art:has(img){background-image:none}.brand-demo-note{margin:16px 0;color:var(--muted);font-size:12px}.brand-transition{opacity:.65;transition:opacity .12s}.brand-header a[aria-current=page]{color:var(--red)}
@view-transition{navigation:auto}::view-transition-old(root){animation:brand-fade-out .12s ease both}::view-transition-new(root){animation:brand-fade-in .2s ease both}@keyframes brand-fade-out{to{opacity:0}}@keyframes brand-fade-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:721px) and (max-width:1100px){.brand-header .top-in{grid-template-columns:210px 1fr auto;gap:0 22px;width:calc(100% - 40px)}.brand-wordmark{width:145px}.brand-flower{width:43px;height:43px}.page,.brand-footer{width:calc(100% - 40px)}.brand-shortcuts a{padding:17px 12px;gap:9px}.brand-shortcuts small{font-size:10px}.brand-shortcuts b{font-size:14px}.brand-shortcuts svg{width:23px}.grid,.catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.trial-grid,.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-my-layout{grid-template-columns:175px minmax(0,1fr);gap:16px}.brand-my-main>.two{grid-template-columns:1fr}.art{height:200px}}
@media(max-width:720px){.brand-header .top-in{width:calc(100% - 28px);grid-template-columns:1fr auto;gap:12px;padding-top:12px}.brand-header .brand-logo{height:42px;gap:6px}.brand-flower{width:37px;height:37px}.brand-wordmark{width:130px;height:28px}.brand-logo small{font-size:9px}.brand-actions{gap:16px}.brand-actions svg{width:21px;height:21px}.brand-actions .brand-login{font-size:11px}.brand-search{grid-column:1/-1;grid-row:2;height:42px;gap:8px}.brand-search input{font-size:12px}.brand-search svg{width:21px}.brand-nav{display:flex;grid-column:1/-1;gap:18px;justify-content:flex-start;overflow:auto;margin-top:0;height:45px;scrollbar-width:none}.brand-nav a{flex:0 0 auto;min-width:40px;font-size:13px}.brand-nav a.active:after{left:0;right:0;height:3px}.page{width:calc(100% - 28px);padding-top:20px}.brand-home-layout .hero{padding:26px 22px;min-height:185px;border-radius:16px}.hero h1{max-width:88%;font-size:27px;line-height:1.4}.hero p{max-width:100%;font-size:15px}.brand-home-layout .hero:after{width:190px;height:190px;right:-40px;bottom:-110px}.brand-shortcuts{grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0 24px}.brand-shortcuts a{padding:15px 12px;gap:9px}.brand-shortcuts b{font-size:14px}.brand-shortcuts small{font-size:10px}.brand-shortcuts svg{width:23px;height:23px}.brand-shortcuts i{font-size:17px}.grid,.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.art{height:160px}.info{padding:12px}.info h3{font-size:13px;min-height:38px}.price,.discount{font-size:17px}.head h2{font-size:23px}.head p{font-size:12px}.brand-home-layout .ending{grid-template-columns:1fr 1fr;gap:8px}.hot-title h1,.reward-page-title h1,.mall-page-title h1,.trial-page-title h1{font-size:28px}.hot-title p,.reward-page-title p,.mall-page-title p,.trial-page-title p{font-size:13px}.hot-title:after{margin-top:18px;padding:15px 17px;font-size:15px}.mall-page-title,.trial-page-title{padding:25px 22px;min-height:165px}.mall-page-title:after,.trial-page-title:after{width:160px;height:160px;right:-35px;bottom:-55px;opacity:.5}.mall-page-title p,.trial-page-title p{max-width:90%}.trial-grid,.store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.trial-art{height:150px}.trial-body{padding:12px}.trial-body h3{font-size:13px}.trial-body p{font-size:11px}.trial-meta{flex-wrap:wrap;gap:6px}.trial-apply{font-size:12px}.store{padding:17px;min-height:190px}.brand-reward-summary{padding:19px;gap:12px 20px}.brand-reward-summary b{font-size:23px}.brand-my-layout{display:block}.brand-my-side{margin-bottom:20px;padding:15px}.brand-my-side h1{font-size:22px;margin:0 5px 12px}.brand-my-side nav{display:flex;gap:6px;overflow:auto;scrollbar-width:none}.brand-my-side a{flex:0 0 auto;padding:9px 12px;font-size:12px}.brand-my-side a span{display:none}.brand-my-main>.two{grid-template-columns:1fr}.brand-my-main .stats{grid-template-columns:repeat(3,1fr)}.brand-my-main .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-footer{width:calc(100% - 28px);padding-bottom:28px;font-size:11px}.brand-footer a{margin-left:10px}.brand-search button{font-size:11px}.brand-nav a:last-child{padding-right:5px}}
/* Keep content in normal document flow; short laptop screens must remain scrollable. */
html{min-height:100%;overflow-y:auto}body{height:auto;min-height:100%;overflow-y:visible}main.page{height:auto;max-height:none;overflow:visible}.brand-header{position:relative;top:auto}.brand-home-layout>section{min-width:0}.brand-home-layout .hero>div{min-width:0;max-width:100%;padding-right:110px}.brand-home-layout .hero h1{max-width:100%;margin:0 0 10px;line-height:1.35;font-size:clamp(24px,3vw,43px);overflow-wrap:anywhere}.brand-home-layout .hero p{max-width:100%;line-height:1.5;font-size:clamp(14px,1.6vw,21px)}.brand-logo span{min-width:0}.brand-my-main,.trial-body,.info{min-width:0}.info h3{height:auto;overflow:visible;overflow-wrap:anywhere}.trial-body h3{height:auto;overflow:visible;overflow-wrap:anywhere}
@media(min-width:721px) and (max-height:820px){.brand-header .top-in{padding-top:13px}.brand-header .brand-logo{height:44px}.brand-flower{width:43px;height:43px}.brand-wordmark{width:160px;height:33px}.brand-search{height:42px}.brand-nav{height:46px;margin-top:10px}.brand-nav a{font-size:15px}.page{padding-top:22px}.brand-home-layout .hero,.layout.brand-home-layout:has(.mobile-categories) .hero{min-height:170px;padding:25px 34px}.brand-home-layout .hero h1{font-size:clamp(24px,2.9vw,37px)}.brand-home-layout .hero p{font-size:17px}.brand-home-layout .hero:after{width:310px;height:310px;bottom:-145px}.brand-shortcuts{margin:14px 0 23px}.brand-shortcuts a{padding:14px 18px}.brand-shortcuts b{font-size:15px}.head{margin:20px 0 14px}.head h2{font-size:25px}.art{height:190px}.info{padding:13px 15px}.info h3{min-height:38px;font-size:14px}.price,.discount{font-size:18px}}
@media(max-width:720px){.brand-home-layout .hero>div{padding-right:0}.brand-home-layout .hero h1{max-width:100%;font-size:clamp(23px,6vw,29px)}.brand-home-layout .hero p{font-size:14px}.brand-home-layout .hero,.layout.brand-home-layout:has(.mobile-categories) .hero{min-height:165px;height:auto}.brand-my-main .art{height:145px}.trial-page-title h1{font-size:clamp(23px,5.4vw,28px);line-height:1.4}.card-actions .fav{flex-shrink:0}.brand-footer{padding-bottom:calc(32px + env(safe-area-inset-bottom))}}
@media(max-width:380px){.brand-header .top-in{width:calc(100% - 24px)}.brand-actions{gap:10px}.brand-wordmark{width:110px}.brand-flower{width:31px;height:31px}.brand-nav{gap:13px}.brand-nav a{font-size:12px}.brand-shortcuts a{padding:13px 10px}.brand-shortcuts svg{display:none}.art{height:140px}.brand-my-main .grid{grid-template-columns:1fr}.trial-grid{grid-template-columns:1fr}.trial-art{height:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{view-transition-name:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}.card.deal:hover{transform:none}}

/* Use the exact daisy from the approved brand reference, without redrawing it. */
.brand-original-daisy{flex:0 0 auto;background:url('../images/dealiu-approved-daisy.svg') center/contain no-repeat}.auth-brand:before{background-image:url('../images/dealiu-approved-daisy.svg')}

.brand-header{border-bottom:0}.brand-header .brand-nav{border-top:1px solid #ddd5ce;border-bottom:1px solid #ddd5ce}

/* The desktop notice banner reuses the approved reference artwork verbatim. */
.brand-home-layout .hero,.layout.brand-home-layout:has(.mobile-categories) .hero{min-height:0;aspect-ratio:1512/220;padding:0;background:#ff7100}.brand-reference-banner{display:block;width:100%;height:auto}.brand-home-layout .hero:after{content:none}.brand-home-layout .hero>div{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.brand-ending-section{margin-top:34px;padding:0;border:0;background:none;box-shadow:none}.brand-ending-section .head h2{color:var(--ink);font-size:27px;font-weight:900;letter-spacing:-.05em}.brand-ending-section .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:720px){.brand-home-layout .hero,.layout.brand-home-layout:has(.mobile-categories) .hero{min-height:165px;aspect-ratio:auto;padding:26px 22px}.brand-reference-banner{display:none}.brand-home-layout .hero>div{position:static;width:auto;height:auto;overflow:visible;clip-path:none}.brand-ending-section{margin-top:26px}.brand-ending-section .head h2{font-size:23px}.brand-ending-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep the approved flower, lettering, colon and Korean lockup together. */
.brand-header .brand-logo{height:76px}.brand-approved-logo{display:block;width:244px;height:auto;max-width:100%;flex:0 0 auto}.brand-header .brand-logo span{display:none}
@media(min-width:721px) and (max-width:1100px){.brand-approved-logo{width:208px}.brand-header .brand-logo{height:65px}}
@media(min-width:721px) and (max-height:820px){.brand-approved-logo{width:218px}.brand-header .brand-logo{height:68px}}
@media(max-width:720px){.brand-approved-logo{width:174px}.brand-header .brand-logo{height:54px}}
@media(max-width:380px){.brand-approved-logo{width:150px}.brand-header .brand-logo{height:47px}}