/* ═══════════════════════════════════════════════════════════ Dép Hạnh Phúc — CSS landing page Sinh tự động từ landing/assets/css/style.css bằng build_wp.py. Mọi selector đã được giới hạn trong #dhp nên không đụng vào giao diện của theme. :root, html, body được gán vào chính #dhp. ═══════════════════════════════════════════════════════════ */ /* Khoá cuộn khi mở popup */ body.dhp-locked{overflow:hidden !important} /* Khung bao ngoài: đặt lại các giá trị thường bị theme ghi đè */ #dhp{box-sizing:border-box} #dhp *,#dhp *::before,#dhp *::after{box-sizing:inherit} #dhp img{max-width:100%;height:auto} #dhp button{font:inherit;color:inherit;background:none;border:0;cursor:pointer} #dhp{--p50:#FFF9FB; --p100:#FFF2F7; --p200:#FDE4EE; --p300:#F8CCDF; --p400:#F2AECB; --p500:#E88BB4; --p600:#D96A9C; --p700:#B94F7E; --p800:#8E3A5F; --cream:#FDF8F4; --ivory:#FFFCFA; --blush:#FDF1F5; --sand:#F6EDE6; --line:#F2DFE8; --line2:#EBD3DE; --ink:#2E2129; --ink2:#5A4854; --ink3:#8C7A86; --ink4:#B3A3AE; --gold:#C9A227; --rose:#D96A9C; --deep:#3B2630; --r-sm:10px; --r:16px; --r-lg:24px; --r-xl:32px; --r-full:999px; --sh-1:0 1px 2px rgba(142,58,95,.05), 0 2px 6px rgba(142,58,95,.05); --sh-2:0 2px 6px rgba(142,58,95,.06), 0 8px 22px rgba(142,58,95,.08); --sh-3:0 4px 14px rgba(142,58,95,.08), 0 18px 46px rgba(142,58,95,.11); --sh-4:0 8px 26px rgba(142,58,95,.11), 0 34px 74px rgba(142,58,95,.16); --sh-rose:0 10px 30px rgba(217,106,156,.30); --e-out:cubic-bezier(.22,.61,.36,1); --e-soft:cubic-bezier(.4,0,.2,1); --e-back:cubic-bezier(.34,1.56,.64,1); --wrap:1240px; --hdr-h:74px;} #dhp *,#dhp *::before,#dhp *::after{box-sizing:border-box} #dhp{-webkit-text-size-adjust:100%;scroll-behavior:smooth} #dhp{margin:0; background:var(--p50); color:var(--ink); font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; font-size:16px; line-height:1.68; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden;} body.is-locked{overflow:hidden} #dhp img{max-width:100%;height:auto;display:block} #dhp a{color:inherit;text-decoration:none} #dhp button{font:inherit;color:inherit;border:0;background:none;cursor:pointer} #dhp input,#dhp select,#dhp textarea{font:inherit;color:inherit} #dhp h1,#dhp h2,#dhp h3,#dhp h4{margin:0;line-height:1.18;font-weight:600;letter-spacing:-.015em} #dhp p{margin:0} #dhp ul,#dhp ol{margin:0;padding:0;list-style:none} #dhp dl,#dhp dd,#dhp dt{margin:0} #dhp sup{font-size:.52em;vertical-align:super;font-weight:600} #dhp s{text-decoration-color:var(--ink4)} #dhp .wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto} #dhp .wrap--narrow{width:min(100% - 40px,860px)} #dhp ::selection{background:var(--p300);color:var(--ink)} #dhp *{scrollbar-width:thin;scrollbar-color:var(--p300) transparent} #dhp *::-webkit-scrollbar{width:9px;height:9px} #dhp *::-webkit-scrollbar-thumb{background:var(--p300);border-radius:9px;border:2px solid var(--p50)} #dhp .h2{font-size:clamp(1.65rem,3.3vw,2.7rem);font-weight:600} #dhp .h2 em,#dhp .h3 em,#dhp h1 em,#dhp .hero__h1 em{font-family:'Playfair Display',Georgia,serif; font-style:italic; font-weight:500; color:var(--p700); letter-spacing:-.02em;} #dhp .h2--big{font-size:clamp(1.85rem,4vw,3.2rem)} #dhp .h3{font-size:clamp(1.3rem,2.3vw,1.75rem)} #dhp .eyebrow{display:inline-flex;align-items:center;gap:9px; font-size:.76rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase; color:var(--p700);margin-bottom:20px;} #dhp .eyebrow__dot{width:7px;height:7px;border-radius:50%;background:var(--p500);box-shadow:0 0 0 4px rgba(232,139,180,.22)} #dhp .kicker{font-size:.75rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase; color:var(--p700);margin-bottom:14px;} #dhp .kicker--light{color:var(--p300)} #dhp .stars{color:#E8A33D;letter-spacing:2px;font-size:.9em} #dhp .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px; padding:14px 26px;border-radius:var(--r-full); font-weight:600;font-size:.95rem;letter-spacing:.01em; transition:transform .28s var(--e-out),box-shadow .28s var(--e-out),background .28s,color .28s,border-color .28s; will-change:transform;overflow:hidden;white-space:nowrap;} #dhp .btn svg{width:18px;height:18px;flex:none} #dhp .btn::after{content:'';position:absolute;inset:0;border-radius:inherit; background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.42) 50%,transparent 70%); transform:translateX(-130%);transition:transform .8s var(--e-out);} #dhp .btn:hover::after{transform:translateX(130%)} #dhp .btn:active{transform:scale(.975)} #dhp .btn--rose{background:linear-gradient(135deg,#E88BB4,#D96A9C 55%,#C85A8C);color:#fff;box-shadow:var(--sh-rose)} #dhp .btn--rose:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(217,106,156,.42)} #dhp .btn--ghost{background:rgba(255,255,255,.9);color:var(--ink);border:1.5px solid var(--line2);box-shadow:var(--sh-1)} #dhp .btn--ghost:hover{background:#fff;border-color:var(--p400);color:var(--p700);transform:translateY(-2px);box-shadow:var(--sh-2)} #dhp .btn--outline{background:transparent;color:var(--p700);border:1.5px solid var(--p400)} #dhp .btn--outline:hover{background:var(--p100);transform:translateY(-2px)} #dhp .btn--sm{padding:10px 20px;font-size:.87rem} #dhp .btn--lg{padding:17px 34px;font-size:1rem} #dhp .btn--xl{padding:20px 42px;font-size:1.06rem;font-weight:700} #dhp .btn--full{width:100%} #dhp .btn.is-busy{pointer-events:none;opacity:.86} #dhp .btn__spin{display:none;width:17px;height:17px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite} #dhp .btn.is-busy .btn__spin{display:block} @keyframes spin{to{transform:rotate(360deg)}} #dhp .announce{background:linear-gradient(90deg,#D96A9C,#E88BB4 40%,#F2AECB 70%,#E88BB4); color:#fff;font-size:.79rem;font-weight:600;letter-spacing:.03em; overflow:hidden;height:38px;display:flex;align-items:center;} #dhp .announce__track{display:flex;align-items:center;gap:26px;white-space:nowrap;animation:marq 42s linear infinite;padding-left:26px} #dhp .announce__track i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.55);flex:none} @keyframes marq{to{transform:translateX(-50%)}} #dhp .hdr{position:sticky;top:0;z-index:60; background:rgba(255,249,251,.82); backdrop-filter:blur(18px) saturate(160%); -webkit-backdrop-filter:blur(18px) saturate(160%); border-bottom:1px solid transparent; transition:box-shadow .3s,border-color .3s,background .3s;} #dhp .hdr.is-stuck{box-shadow:0 6px 30px rgba(142,58,95,.09);border-color:var(--line);background:rgba(255,249,251,.95)} #dhp .hdr__in{display:flex;align-items:center;gap:22px;height:var(--hdr-h)} #dhp .hdr__logo{display:flex;align-items:center;gap:11px;flex:none} #dhp .hdr__mark{width:38px;height:38px;flex:none} #dhp .hdr__mark svg{width:100%;height:100%} #dhp .hdr__name{display:flex;flex-direction:column;line-height:1.12} #dhp .hdr__name{font-weight:700;font-size:1.02rem;letter-spacing:-.02em} #dhp .hdr__name em{font-style:normal;font-weight:500;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--p700)} #dhp .hdr__nav{display:flex;gap:6px;margin-left:auto} #dhp .hdr__nav a{padding:9px 14px;border-radius:var(--r-full);font-size:.9rem;font-weight:500;color:var(--ink2); transition:background .25s,color .25s;} #dhp .hdr__nav a:hover{background:var(--p100);color:var(--p700)} #dhp .hdr__act{display:flex;align-items:center;gap:12px;flex:none} #dhp .hdr__tel{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--p700); padding:9px 15px;border-radius:var(--r-full);background:var(--p100);transition:background .25s;} #dhp .hdr__tel:hover{background:var(--p200)} #dhp .hdr__tel svg{width:17px;height:17px} #dhp .hdr__burger{display:none;width:42px;height:42px;border-radius:12px;background:var(--p100);padding:11px 10px;flex-direction:column;justify-content:space-between} #dhp .hdr__burger span{display:block;height:2px;background:var(--p700);border-radius:2px;transition:transform .3s,opacity .3s} #dhp .hdr__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)} #dhp .hdr__burger[aria-expanded="true"] span:nth-child(2){opacity:0} #dhp .hdr__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)} #dhp .hdr__nav.is-open{position:absolute;top:100%;left:0;right:0;margin:0;padding:14px 20px 22px; background:rgba(255,252,250,.99);backdrop-filter:blur(20px); border-bottom:1px solid var(--line);box-shadow:var(--sh-3); flex-direction:column;gap:2px;display:flex;} #dhp .hdr__nav.is-open a{padding:14px 8px;font-size:1rem;border-bottom:1px solid var(--line)} #dhp .hero{position:relative;padding:clamp(36px,5.5vw,74px) 0 clamp(50px,7vw,92px);overflow:hidden} #dhp .hero__bg{position:absolute;inset:0;pointer-events:none;z-index:0} #dhp .hero__blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.62} #dhp .hero__blob--1{width:640px;height:640px;background:radial-gradient(circle,#F8CCDF,transparent 68%);top:-260px;right:-160px} #dhp .hero__blob--2{width:520px;height:520px;background:radial-gradient(circle,#FDE4EE,transparent 70%);bottom:-240px;left:-180px} #dhp .hero__blob--3{width:380px;height:380px;background:radial-gradient(circle,#F6EDE6,transparent 70%);top:34%;left:44%} #dhp .hero__in{position:relative;z-index:1;display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(28px,4.4vw,62px);align-items:center} #dhp .hero__h1{font-size:clamp(2.15rem,5.4vw,4.15rem);font-weight:600;letter-spacing:-.035em;line-height:1.05;margin-bottom:22px} #dhp .hero__lead{font-size:clamp(1rem,1.24vw,1.11rem);color:var(--ink2);max-width:56ch;margin-bottom:24px} #dhp .hero__lead b{color:var(--ink);font-weight:600} #dhp .hero__chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px} #dhp .hero__chips li{display:inline-flex;align-items:center;gap:7px; padding:8px 15px;border-radius:var(--r-full); background:rgba(255,255,255,.86);border:1px solid var(--line); font-size:.84rem;font-weight:500;color:var(--ink2);box-shadow:var(--sh-1); transition:transform .25s var(--e-out),border-color .25s;} #dhp .hero__chips li:hover{transform:translateY(-2px);border-color:var(--p400)} #dhp .hero__chips span{color:var(--p600);font-weight:700} #dhp .hero__price{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:26px} #dhp .price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap} #dhp .price__now{font-size:clamp(2rem,3.4vw,2.7rem);font-weight:700;letter-spacing:-.03em;color:var(--p700);line-height:1} #dhp .price__was{font-size:1.1rem;color:var(--ink4);text-decoration:line-through} #dhp .price__off{padding:5px 12px;border-radius:var(--r-full);font-size:.78rem;font-weight:700; background:linear-gradient(135deg,#E88BB4,#D96A9C);color:#fff;box-shadow:0 4px 14px rgba(217,106,156,.3);} #dhp .hero__stock{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;color:var(--ink2)} #dhp .hero__stock b{color:var(--p700)} #dhp .pulse{width:8px;height:8px;border-radius:50%;background:#E05C8A;flex:none;position:relative} #dhp .pulse::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(224,92,138,.5);animation:pulse 1.7s var(--e-out) infinite} @keyframes pulse{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.9);opacity:0}} #dhp .hero__cta{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:20px} #dhp .hero__trust{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.83rem;color:var(--ink3)} #dhp .hero__trust span{display:inline-flex;align-items:center;gap:6px} #dhp .hero__trust span::before{content:'';width:15px;height:15px;border-radius:50%;background:var(--p200);flex:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.6L12 5.6' stroke='%23D96A9C' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size:13px;background-position:center;background-repeat:no-repeat} #dhp .hero__media{position:relative} #dhp .hero__frame{position:relative;border-radius:var(--r-xl);overflow:hidden; background:linear-gradient(150deg,#FDE4EE,#FFF9FB 60%,#F6EDE6); box-shadow:var(--sh-4);border:1px solid rgba(255,255,255,.9); transform:perspective(1400px) rotateY(-4deg) rotateX(1.5deg); transition:transform .8s var(--e-out);} #dhp .hero__frame:hover{transform:perspective(1400px) rotateY(0) rotateX(0) scale(1.012)} #dhp .hero__frame img{width:100%;aspect-ratio:16/11;object-fit:cover} #dhp .hero__badge{position:absolute;top:18px;right:18px; display:flex;flex-direction:column;align-items:center;justify-content:center; width:82px;height:82px;border-radius:50%; background:rgba(255,255,255,.95);backdrop-filter:blur(10px); box-shadow:var(--sh-3);border:1px solid var(--line); font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3); animation:float 5s var(--e-soft) infinite;} #dhp .hero__badge b{font-size:.6rem;font-weight:600} #dhp .hero__badge em{font-style:normal;font-size:1.32rem;font-weight:700;color:var(--p700);letter-spacing:-.02em} @keyframes float{50%{transform:translateY(-8px)}} #dhp .hero__note{position:absolute;padding:7px 14px;border-radius:var(--r-full); background:rgba(255,255,255,.9);backdrop-filter:blur(8px); font-size:.71rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink2); box-shadow:var(--sh-2);border:1px solid rgba(255,255,255,.9);white-space:nowrap;} #dhp .hero__note--1{left:5%;bottom:30%} #dhp .hero__note--2{right:4%;bottom:46%} #dhp .hero__note--3{left:12%;bottom:11%} #dhp .hero__social{display:flex;align-items:center;gap:15px;margin-top:20px; padding:15px 20px;border-radius:var(--r-lg); background:rgba(255,255,255,.82);backdrop-filter:blur(10px); border:1px solid var(--line);box-shadow:var(--sh-2);} #dhp .avatars{display:flex;flex:none} #dhp .avatars span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center; color:#fff;font-weight:700;font-size:.86rem;border:2.5px solid #fff;margin-left:-11px; box-shadow:var(--sh-1);} #dhp .avatars span:first-child{margin-left:0} #dhp .hero__social p{font-size:.86rem;color:var(--ink2);line-height:1.5} #dhp .hero__social b{color:var(--ink)} #dhp .strip{background:var(--ivory);border-block:1px solid var(--line);padding:24px 0} #dhp .strip__in{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} #dhp .strip__it{display:flex;align-items:center;gap:13px} #dhp .strip__ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none; background:linear-gradient(140deg,var(--p100),var(--p200));font-size:1.2rem; border:1px solid var(--line);} #dhp .strip__it b{display:block;font-size:.92rem;font-weight:600} #dhp .strip__it em{display:block;font-style:normal;font-size:.79rem;color:var(--ink3)} #dhp .sec{padding:clamp(54px,7.2vw,104px) 0;position:relative} #dhp .sec--cream{background:linear-gradient(180deg,var(--cream),#FFFDFB)} #dhp .sec--white{background:var(--ivory)} #dhp .sec--blush{background:linear-gradient(180deg,var(--blush),var(--p50))} #dhp .sec--deep{background:linear-gradient(160deg,#3B2630,#5A3A48 55%,#3B2630);color:#fff} #dhp .sec--form{background:linear-gradient(170deg,#4A2E3B,#2E1F27 60%,#3B2630);color:#fff} #dhp .sec__head{max-width:840px;margin:0 auto clamp(34px,4.6vw,60px);text-align:center} #dhp .sec__head--light .h2{color:#fff} #dhp .sec__head--light .h2 em{color:var(--p300)} #dhp .sec__lead{margin-top:18px;color:var(--ink2);font-size:1.02rem} #dhp .sec__head--light .sec__lead{color:rgba(255,255,255,.74)} #dhp .sec__cta{margin-top:44px;text-align:center} #dhp .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--e-out),transform .8s var(--e-out)} #dhp .reveal.is-in{opacity:1;transform:none} #dhp .usp{display:grid;grid-template-columns:repeat(3,1fr);gap:26px} #dhp .usp__card{position:relative;border-radius:var(--r-xl);overflow:hidden; background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2); transition:transform .5s var(--e-out),box-shadow .5s var(--e-out); display:flex;flex-direction:column;} #dhp .usp__card:hover{transform:translateY(-8px);box-shadow:var(--sh-4)} #dhp .usp__num{position:absolute;top:16px;left:18px;z-index:2; font-family:'Playfair Display',serif;font-size:2.1rem;font-weight:600;font-style:italic; color:#fff;text-shadow:0 3px 16px rgba(90,40,65,.4);} #dhp .usp__media{overflow:hidden;aspect-ratio:4/3;background:var(--p100)} #dhp .usp__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--e-out)} #dhp .usp__card:hover .usp__media img{transform:scale(1.06)} #dhp .usp__body{padding:24px 26px 28px;display:flex;flex-direction:column;gap:11px;flex:1} #dhp .usp__body h3{font-size:1.22rem;font-weight:600} #dhp .usp__body p{font-size:.93rem;color:var(--ink2)} #dhp .usp__body b{color:var(--ink);font-weight:600} #dhp .usp__tag{margin-top:auto;font-size:.76rem!important;font-weight:700;letter-spacing:.11em;text-transform:uppercase; color:var(--p700);padding-top:14px;border-top:1px solid var(--line);} #dhp .minirow{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:38px} #dhp .minirow span{padding:11px 20px;border-radius:var(--r-full);background:#fff;border:1px solid var(--line); font-size:.88rem;font-weight:500;box-shadow:var(--sh-1);} #dhp .gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:14px} #dhp .gal__it{position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--p100); box-shadow:var(--sh-2);transition:transform .5s var(--e-out),box-shadow .5s var(--e-out);} #dhp .gal__it img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--e-out)} #dhp .gal__it:hover{transform:translateY(-4px);box-shadow:var(--sh-4)} #dhp .gal__it:hover img{transform:scale(1.07)} #dhp .gal__it--wide{grid-column:span 2;grid-row:span 2} #dhp .gal__it--tall{grid-row:span 2} #dhp .gal__zoom{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%; display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--p700); font-size:.9rem;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;} #dhp .gal__it:hover .gal__zoom{opacity:1;transform:none} #dhp .feat3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px} #dhp .feat3>div{padding:24px 26px;border-radius:var(--r-lg);background:var(--p100);border:1px solid var(--line)} #dhp .feat3 b{display:block;font-size:1.02rem;margin-bottom:6px} #dhp .feat3 p{font-size:.9rem;color:var(--ink2)} #dhp .vs{display:grid;grid-template-columns:1fr 1.24fr;gap:24px;align-items:stretch} #dhp .vs__col{padding:32px 34px;border-radius:var(--r-xl);border:1px solid var(--line)} #dhp .vs__col h3{display:flex;align-items:center;gap:11px;font-size:1.18rem;margin-bottom:20px} #dhp .vs__col h3 span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.9rem;flex:none;color:#fff;} #dhp .vs__col ul{display:flex;flex-direction:column;gap:14px} #dhp .vs__col li{position:relative;padding-left:26px;font-size:.94rem;color:var(--ink2)} #dhp .vs__col li::before{content:'';position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:50%} #dhp .vs__col--bad{background:#fff} #dhp .vs__col--bad h3 span{background:var(--ink4)} #dhp .vs__col--bad li::before{background:var(--ink4);opacity:.5} #dhp .vs__col--good{background:linear-gradient(150deg,#fff,var(--p100)); border-color:var(--p300);box-shadow:var(--sh-3);position:relative;overflow:hidden;} #dhp .vs__col--good::after{content:'';position:absolute;top:-70px;right:-70px;width:200px;height:200px;border-radius:50%; background:radial-gradient(circle,rgba(242,174,203,.34),transparent 70%);} #dhp .vs__col--good h3 span{background:linear-gradient(135deg,#E88BB4,#D96A9C)} #dhp .vs__col--good li::before{background:linear-gradient(135deg,#E88BB4,#D96A9C)} #dhp .vs__col--good b{color:var(--ink);font-weight:600} #dhp .detail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,58px);align-items:center} #dhp .detail__media{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-3);border:1px solid var(--line)} #dhp .detail__media img{width:100%;aspect-ratio:4/3.4;object-fit:cover} #dhp .detail__list{display:flex;flex-direction:column;gap:8px} #dhp .detail__list li{display:flex;gap:15px;padding:16px 18px;border-radius:var(--r);border:1px solid transparent; transition:background .3s,border-color .3s,transform .3s var(--e-out);} #dhp .detail__list li:hover{background:#fff;border-color:var(--line);transform:translateX(5px);box-shadow:var(--sh-1)} #dhp .detail__ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none; background:linear-gradient(140deg,var(--p100),var(--p200));font-size:1.06rem;border:1px solid var(--line);} #dhp .detail__list b{display:block;font-size:.98rem;font-weight:600;margin-bottom:3px} #dhp .detail__list p{font-size:.88rem;color:var(--ink2)} #dhp .colors{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} #dhp .color{background:#fff;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line); box-shadow:var(--sh-1);transition:transform .45s var(--e-out),box-shadow .45s var(--e-out),border-color .3s;} #dhp .color:hover{transform:translateY(-6px);box-shadow:var(--sh-3);border-color:var(--p300)} #dhp .color__ph{aspect-ratio:1;overflow:hidden;background:var(--p100)} #dhp .color__ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--e-out)} #dhp .color:hover .color__ph img{transform:scale(1.07)} #dhp .color__in{padding:17px 18px 20px;text-align:center} #dhp .color__sw{display:block;width:24px;height:24px;border-radius:50%;margin:0 auto 11px; box-shadow:0 0 0 3px #fff,0 0 0 4.5px var(--line),var(--sh-1);} #dhp .color__in h3{font-size:1.02rem;font-weight:600} #dhp .color__in p{font-size:.79rem;color:var(--ink3);margin:3px 0 13px} #dhp .color__btn{width:100%;padding:10px;border-radius:var(--r-full);font-size:.85rem;font-weight:600; color:var(--p700);background:var(--p100);border:1px solid var(--p200); transition:background .28s,color .28s,transform .28s var(--e-out),box-shadow .28s;} #dhp .color__btn:hover{background:linear-gradient(135deg,#E88BB4,#D96A9C);color:#fff;border-color:transparent;box-shadow:var(--sh-rose);transform:translateY(-1px)} #dhp .duo{display:grid;grid-template-columns:1.06fr 1fr;gap:clamp(24px,4vw,54px);align-items:center; margin-top:clamp(38px,5vw,68px);padding:clamp(24px,3vw,38px); border-radius:var(--r-xl);background:linear-gradient(150deg,#fff,var(--p100)); border:1px solid var(--p300);box-shadow:var(--sh-3);} #dhp .duo__media{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-2)} #dhp .duo__media img{width:100%;aspect-ratio:16/10;object-fit:cover} #dhp .duo__body h3{margin:6px 0 14px} #dhp .duo__body p{color:var(--ink2);font-size:.97rem;margin-bottom:20px} #dhp .duo__body b{color:var(--p700)} #dhp .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px} #dhp .step{padding:28px 24px;border-radius:var(--r-lg); background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13); backdrop-filter:blur(6px);transition:background .35s,transform .45s var(--e-out),border-color .35s;} #dhp .step:hover{background:rgba(255,255,255,.11);transform:translateY(-6px);border-color:rgba(248,204,223,.4)} #dhp .step__n{display:block;font-family:'Playfair Display',serif;font-style:italic;font-size:1.7rem; color:var(--p300);margin-bottom:12px;} #dhp .step h3{font-size:1.02rem;margin-bottom:9px;color:#fff} #dhp .step p{font-size:.87rem;color:rgba(255,255,255,.68)} #dhp .props{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px} #dhp .props li{padding:10px 20px;border-radius:var(--r-full);font-size:.86rem;font-weight:500; background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:#fff;} #dhp .moment{display:grid;grid-template-columns:1.12fr 1fr;gap:22px} #dhp .moment__big,#dhp .moment__card{position:relative;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-3); border:1px solid var(--line);} #dhp .moment__big img{width:100%;height:100%;min-height:430px;object-fit:cover} #dhp .moment__sm{display:grid;grid-template-rows:1fr 1fr;gap:22px} #dhp .moment__card img{width:100%;height:100%;min-height:204px;object-fit:cover} #dhp .moment__cap{position:absolute;left:0;right:0;bottom:0;padding:24px 26px 22px; background:linear-gradient(to top,rgba(46,33,41,.82),rgba(46,33,41,.34) 55%,transparent); color:#fff;} #dhp .moment__cap b{display:block;font-size:1.06rem;margin-bottom:5px} #dhp .moment__cap p{font-size:.87rem;color:rgba(255,255,255,.84)} #dhp .countdown{max-width:620px;margin:0 auto clamp(34px,4.4vw,54px);padding:26px 30px; border-radius:var(--r-xl);background:#fff;border:1px solid var(--p300); box-shadow:var(--sh-3);text-align:center;} #dhp .countdown__lab{font-size:.76rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--p700);margin-bottom:14px} #dhp .countdown__clk{display:flex;justify-content:center;gap:12px;margin-bottom:18px} #dhp .countdown__clk>div{min-width:82px;padding:12px 8px;border-radius:var(--r); background:linear-gradient(160deg,var(--p100),var(--p200));border:1px solid var(--line);} #dhp .countdown__clk b{display:block;font-size:1.9rem;font-weight:700;letter-spacing:-.02em;color:var(--p700); font-variant-numeric:tabular-nums;line-height:1.1;} #dhp .countdown__clk em{font-style:normal;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink3)} #dhp .countdown__bar{height:8px;border-radius:var(--r-full);background:var(--p100);overflow:hidden;margin-bottom:12px} #dhp .countdown__bar i{display:block;height:100%;border-radius:inherit; background:linear-gradient(90deg,#F2AECB,#D96A9C);transition:width 1s var(--e-out);} #dhp .countdown__note{font-size:.85rem;color:var(--ink2)} #dhp .countdown__note b{color:var(--p700)} #dhp .packs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch} #dhp .pack{position:relative;display:flex;flex-direction:column;padding:34px 30px; border-radius:var(--r-xl);background:#fff;border:1px solid var(--line); box-shadow:var(--sh-2);transition:transform .45s var(--e-out),box-shadow .45s var(--e-out);} #dhp .pack:hover{transform:translateY(-6px);box-shadow:var(--sh-3)} #dhp .pack h3{font-size:1.5rem;font-weight:700;letter-spacing:-.02em} #dhp .pack__tag{font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ink3);margin:6px 0 20px} #dhp .pack__price{margin-bottom:22px} #dhp .pack__price b{display:block;font-size:2.05rem;font-weight:700;letter-spacing:-.03em;color:var(--ink);line-height:1.1} #dhp .pack__price em{display:block;font-style:normal;font-size:.88rem;color:var(--ink3);margin-top:4px} #dhp .pack ul{display:flex;flex-direction:column;gap:12px;margin-bottom:26px;flex:1} #dhp .pack li{position:relative;padding-left:26px;font-size:.92rem;color:var(--ink2)} #dhp .pack li::before{content:'';position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%; background:var(--p200); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.6L12 5.6' stroke='%23D96A9C' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size:14px;background-position:center;background-repeat:no-repeat;} #dhp .pack--best{background:linear-gradient(160deg,#fff,var(--p100) 70%); border:2px solid var(--p400);box-shadow:var(--sh-4); transform:scale(1.035);} #dhp .pack--best:hover{transform:scale(1.035) translateY(-6px)} #dhp .pack--best .pack__price b{color:var(--p700)} #dhp .pack--best .pack__tag{color:var(--p700)} #dhp .pack__flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%); padding:6px 18px;border-radius:var(--r-full);white-space:nowrap; background:linear-gradient(135deg,#E88BB4,#D96A9C);color:#fff; font-size:.69rem;font-weight:700;letter-spacing:.13em;box-shadow:var(--sh-rose);} #dhp .guarantee{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px; padding:24px 28px;border-radius:var(--r-lg);background:rgba(255,255,255,.72); border:1px solid var(--line);} #dhp .guarantee p{font-size:.88rem;color:var(--ink2)} #dhp .guarantee b{color:var(--ink)} #dhp .guarantee a{color:var(--p700);font-weight:600;border-bottom:1px solid var(--p300)} #dhp .sizes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px} #dhp .sizes span{width:62px;height:62px;border-radius:var(--r);display:grid;place-items:center; background:#fff;border:1.5px solid var(--line);font-weight:600;font-size:1.06rem; box-shadow:var(--sh-1);transition:transform .35s var(--e-out),border-color .3s,background .3s,color .3s;} #dhp .sizes span:hover{transform:translateY(-5px);border-color:var(--p400);background:var(--p100);color:var(--p700)} #dhp .tipbox{padding:28px 32px;border-radius:var(--r-xl);text-align:center; background:linear-gradient(150deg,var(--p100),#fff);border:1px solid var(--p300); box-shadow:var(--sh-2);} #dhp .tipbox b{display:block;font-size:1.06rem;margin-bottom:10px} #dhp .tipbox p{color:var(--ink2);font-size:.94rem;max-width:60ch;margin:0 auto 20px} #dhp .rate{display:grid;grid-template-columns:230px 1fr;gap:38px;align-items:center; max-width:760px;margin:0 auto clamp(34px,4.4vw,52px); padding:28px 34px;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line); box-shadow:var(--sh-2);} #dhp .rate__score{text-align:center;padding-right:34px;border-right:1px solid var(--line)} #dhp .rate__score b{display:block;font-size:3.1rem;font-weight:700;letter-spacing:-.04em;color:var(--p700);line-height:1} #dhp .rate__score em{display:block;font-style:normal;font-size:.83rem;color:var(--ink3);margin-top:7px} #dhp .rate__bars{display:flex;flex-direction:column;gap:9px} #dhp .rate__bars>div{display:flex;align-items:center;gap:12px;font-size:.82rem;color:var(--ink3)} #dhp .rate__bars span{width:26px;flex:none;font-weight:600} #dhp .rate__bars i{flex:1;height:7px;border-radius:var(--r-full);background:var(--p100);overflow:hidden} #dhp .rate__bars i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#F2AECB,#D96A9C)} #dhp .rate__bars em{width:34px;flex:none;text-align:right;font-style:normal} #dhp .revs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} #dhp .rev{padding:26px 26px 24px;border-radius:var(--r-lg);background:#fff; border:1px solid var(--line);box-shadow:var(--sh-1); transition:transform .45s var(--e-out),box-shadow .45s var(--e-out); display:flex;flex-direction:column;gap:12px;} #dhp .rev:hover{transform:translateY(-6px);box-shadow:var(--sh-3)} #dhp .rev__top{display:flex;align-items:center;gap:12px} #dhp .rev__av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;flex:none} #dhp .rev__top b{display:block;font-size:.95rem;font-weight:600} #dhp .rev__top em{display:block;font-style:normal;font-size:.77rem;color:var(--ink3)} #dhp .rev p{font-size:.91rem;color:var(--ink2);flex:1} #dhp .order{display:grid;grid-template-columns:.82fr 1.18fr;gap:26px;align-items:start} #dhp .osum{position:sticky;top:calc(var(--hdr-h) + 20px); padding:30px 30px 32px;border-radius:var(--r-xl); background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16); backdrop-filter:blur(10px);} #dhp .osum__k{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--p300)} #dhp .osum__t{font-size:1.28rem;font-weight:600;margin:8px 0 16px;color:#fff} #dhp .osum__price{font-size:2.5rem;font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1} #dhp .osum__was{font-size:.88rem;color:rgba(255,255,255,.6);margin:8px 0 20px;display:flex;gap:10px;flex-wrap:wrap} #dhp .osum__was span{color:var(--p300);font-weight:600} #dhp .osum__dl{display:flex;flex-direction:column;gap:11px;padding:20px 0;border-block:1px solid rgba(255,255,255,.14);margin-bottom:20px} #dhp .osum__dl>div{display:flex;justify-content:space-between;gap:14px;font-size:.88rem} #dhp .osum__dl dt{color:rgba(255,255,255,.6)} #dhp .osum__dl dd{color:#fff;font-weight:600;text-align:right} #dhp .osum__ok{display:flex;flex-direction:column;gap:10px} #dhp .osum__ok li{font-size:.85rem;color:rgba(255,255,255,.82)} #dhp .order__form{padding:clamp(24px,3vw,38px);border-radius:var(--r-xl); background:#fff;box-shadow:var(--sh-4);} #dhp .fset{border:0;padding:0;margin:0 0 30px} #dhp .fset legend{display:flex;align-items:center;gap:11px; font-size:1.02rem;font-weight:600;color:var(--ink);margin-bottom:16px;padding:0;} #dhp .fset__n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none; background:linear-gradient(135deg,#E88BB4,#D96A9C);color:#fff;font-size:.85rem;font-weight:700;} #dhp .opts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px} #dhp .opts--colors{grid-template-columns:repeat(auto-fill,minmax(94px,1fr))} #dhp .opts--sizes{grid-template-columns:repeat(auto-fill,minmax(62px,1fr))} #dhp .opts--sm{gap:9px} #dhp .opt{cursor:pointer;position:relative} #dhp .opt input{position:absolute;opacity:0;pointer-events:none} #dhp .opt__box{display:flex;flex-direction:column;gap:3px;padding:15px 16px;border-radius:var(--r); background:var(--ivory);border:1.5px solid var(--line); transition:border-color .28s,background .28s,transform .28s var(--e-out),box-shadow .28s;} #dhp .opt:hover .opt__box{border-color:var(--p400);transform:translateY(-2px)} #dhp .opt__box b{font-size:.95rem;font-weight:600;color:var(--ink)} #dhp .opt__box em{font-style:normal;font-size:.79rem;color:var(--ink3)} #dhp .opt__box u{text-decoration:none;color:var(--p700);font-weight:600} #dhp .opt input:checked+.opt__box{border-color:var(--p500);background:linear-gradient(150deg,var(--p100),#fff); box-shadow:0 0 0 3px rgba(232,139,180,.18),var(--sh-2);} #dhp .opt input:checked+.opt__box b{color:var(--p700)} #dhp .opt--hot .opt__box{border-color:var(--p300);background:linear-gradient(150deg,var(--p100),#fff)} #dhp .swatch{cursor:pointer;position:relative;text-align:center} #dhp .swatch input{position:absolute;opacity:0;pointer-events:none} #dhp .swatch>span{display:block;width:100%;height:46px;border-radius:var(--r-sm); box-shadow:inset 0 0 0 1px rgba(0,0,0,.07),var(--sh-1); transition:transform .28s var(--e-out),box-shadow .28s;} #dhp .swatch:hover>span{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(0,0,0,.07),var(--sh-2)} #dhp .swatch em{display:block;font-style:normal;font-size:.73rem;color:var(--ink3);margin-top:7px;line-height:1.3} #dhp .swatch input:checked~span{box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px var(--p500),var(--sh-2)} #dhp .swatch input:checked~em{color:var(--p700);font-weight:600} #dhp .chip{cursor:pointer;position:relative;text-align:center} #dhp .chip input{position:absolute;opacity:0;pointer-events:none} #dhp .chip>span{display:grid;place-items:center;height:46px;border-radius:var(--r-sm); background:var(--ivory);border:1.5px solid var(--line); font-size:.95rem;font-weight:600;color:var(--ink2); transition:border-color .28s,background .28s,color .28s,transform .28s var(--e-out);} #dhp .chip:hover>span{border-color:var(--p400);transform:translateY(-2px)} #dhp .chip input:checked+span{border-color:var(--p500);background:linear-gradient(150deg,var(--p100),#fff);color:var(--p700); box-shadow:0 0 0 3px rgba(232,139,180,.18);} #dhp .chip--wide{grid-column:span 2} #dhp .chip--wide>span{font-size:.82rem} #dhp .hint{margin-top:13px;padding:12px 15px;border-radius:var(--r); background:var(--p100);border:1px dashed var(--p300); font-size:.84rem;color:var(--ink2);} #dhp .fields{display:grid;grid-template-columns:1fr 1fr;gap:16px} #dhp .field--full{grid-column:1/-1} #dhp .field label{display:block;font-size:.85rem;font-weight:600;color:var(--ink2);margin-bottom:7px} #dhp .field label i{color:#D96A9C;font-style:normal} #dhp .field input,#dhp .field select,#dhp .field textarea{width:100%;padding:14px 16px;border-radius:var(--r); background:var(--ivory);border:1.5px solid var(--line); font-size:.95rem;color:#000; transition:border-color .25s,box-shadow .25s,background .25s; appearance:none;} #dhp .field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6.5l4 4 4-4' stroke='%238C7A86' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:42px;} #dhp .field textarea{resize:vertical;min-height:64px;font-family:inherit} #dhp .field input:focus,#dhp .field select:focus,#dhp .field textarea:focus{outline:0;border-color:var(--p400);background:#fff;box-shadow:0 0 0 4px rgba(232,139,180,.15);} #dhp .field input::placeholder,#dhp .field textarea::placeholder{color:#333;opacity:1} #dhp .field.has-err input,#dhp .field.has-err select{border-color:#E06A7A;background:#FFF6F7} #dhp .err{margin-top:6px;font-size:.79rem;color:#C74A5C;font-weight:500} #dhp .err:empty{display:none} #dhp .order__fine{margin-top:16px;font-size:.82rem;color:var(--ink3);text-align:center} #dhp .order__hot{margin-top:8px;font-size:.85rem;color:var(--ink2);text-align:center} #dhp .order__hot a{color:var(--p700);font-weight:600;border-bottom:1px solid var(--p300)} #dhp .faq{display:flex;flex-direction:column;gap:11px} #dhp .faq details{border-radius:var(--r-lg);background:#fff;border:1px solid var(--line); box-shadow:var(--sh-1);overflow:hidden;transition:border-color .3s,box-shadow .3s;} #dhp .faq details[open]{border-color:var(--p300);box-shadow:var(--sh-2)} #dhp .faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px; padding:20px 24px;font-size:1rem;font-weight:600;cursor:pointer;list-style:none; transition:color .25s;} #dhp .faq summary::-webkit-details-marker{display:none} #dhp .faq summary::after{content:'';width:22px;height:22px;flex:none;border-radius:50%;background:var(--p100); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5v9M3.5 8h9' stroke='%23D96A9C' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-size:15px;background-position:center;background-repeat:no-repeat; transition:transform .35s var(--e-out),background-color .25s;} #dhp .faq details[open] summary::after{transform:rotate(135deg)} #dhp .faq summary:hover{color:var(--p700)} #dhp .faq details p{padding:0 24px 22px;font-size:.93rem;color:var(--ink2)} #dhp .faq details p b{color:var(--ink)} #dhp .final{padding:clamp(56px,7.4vw,110px) 0;text-align:center; background: radial-gradient(ellipse 70% 60% at 50% 0%,rgba(242,174,203,.3),transparent 70%), linear-gradient(165deg,#4A2E3B,#2E1F27 60%,#3B2630); color:#fff;} #dhp .final__in{max-width:860px} #dhp .final .h2{color:#fff} #dhp .final .h2 em{color:var(--p300)} #dhp .final__lead{margin:20px 0 30px;color:rgba(255,255,255,.76);font-size:1.02rem} #dhp .final__price{display:flex;align-items:baseline;justify-content:center;gap:16px;margin-bottom:32px} #dhp .final__price .price__was{font-size:1.16rem;color:rgba(255,255,255,.5)} #dhp .final__price .price__now{font-size:clamp(2.4rem,5vw,3.4rem);color:#fff;font-weight:700;letter-spacing:-.03em} #dhp .final__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:22px} #dhp .final .btn--ghost{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.28)} #dhp .final .btn--ghost:hover{background:rgba(255,255,255,.17);color:#fff;border-color:rgba(255,255,255,.5)} #dhp .final__stock{display:inline-flex;align-items:center;gap:9px;font-size:.9rem;color:rgba(255,255,255,.82)} #dhp .final__stock b{color:var(--p300)} #dhp .ftr{background:#2A1C24;color:rgba(255,255,255,.72);padding:48px 0 34px;text-align:center} #dhp .ftr__in{display:flex;flex-direction:column;align-items:center;gap:14px} #dhp .ftr__brand{display:flex;align-items:center;gap:12px;color:#fff;margin-bottom:6px} #dhp .ftr__brand b{display:block;font-size:1rem;letter-spacing:.02em} #dhp .ftr__brand em{display:block;font-style:normal;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--p400)} #dhp .ftr__meta,#dhp .ftr__hot{font-size:.9rem} #dhp .ftr__hot a{color:var(--p300);font-weight:600} #dhp .ftr__fine{font-size:.76rem;color:rgba(255,255,255,.44);max-width:64ch;margin-top:6px} #dhp .ftr__cr{font-size:.78rem;color:rgba(255,255,255,.4);padding-top:16px;border-top:1px solid rgba(255,255,255,.09);width:100%} #dhp .sticky{position:fixed;left:0;right:0;bottom:0;z-index:55; background:rgba(255,252,250,.94);backdrop-filter:blur(20px) saturate(160%); border-top:1px solid var(--line);box-shadow:0 -6px 30px rgba(142,58,95,.1); transform:translateY(110%);transition:transform .45s var(--e-out); padding-bottom:env(safe-area-inset-bottom);} #dhp .sticky.is-on{transform:none} #dhp .sticky__in{display:flex;align-items:center;gap:16px;padding:12px 0;width:min(100% - 32px,var(--wrap));margin-inline:auto} #dhp .sticky__info{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-right:auto} #dhp .sticky__info b{font-size:1.4rem;font-weight:700;color:var(--p700);letter-spacing:-.02em} #dhp .sticky__info s{font-size:.88rem;color:var(--ink4)} #dhp .sticky__stock{font-size:.79rem;color:var(--ink3);padding:4px 11px;border-radius:var(--r-full);background:var(--p100)} #dhp .sticky__stock b{color:var(--p700);font-size:.85rem} #dhp .sticky__tel{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:none; background:var(--p100);color:var(--p700);border:1px solid var(--line);transition:background .25s,transform .25s;} #dhp .sticky__tel:hover{background:var(--p200);transform:scale(1.06)} #dhp .sticky__tel svg{width:20px;height:20px} #dhp .sticky .btn{flex:none} #dhp .pop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px; opacity:0;transition:opacity .35s var(--e-soft);overflow-y:auto;} #dhp .pop[hidden]{display:none} #dhp .pop.is-on{opacity:1} #dhp .pop__bd{position:fixed;inset:0;background:rgba(46,33,41,.6);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)} #dhp .pop__card{position:relative;width:100%;max-width:520px; background:#fff;border-radius:var(--r-xl);box-shadow:var(--sh-4); transform:translateY(26px) scale(.965);opacity:0; transition:transform .45s var(--e-back),opacity .35s var(--e-soft); margin:auto;max-height:calc(100dvh - 40px);overflow-y:auto;} #dhp .pop.is-on .pop__card{transform:none;opacity:1} #dhp .pop__x{position:absolute;top:14px;right:14px;z-index:5; width:38px;height:38px;border-radius:50%;display:grid;place-items:center; background:rgba(255,255,255,.9);color:var(--ink2);font-size:.95rem; box-shadow:var(--sh-1);transition:background .25s,transform .25s,color .25s;} #dhp .pop__x:hover{background:#fff;color:var(--p700);transform:rotate(90deg)} #dhp .pop__k{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--p700);margin-bottom:9px} #dhp .pop__k--warn{color:#C9584A} #dhp .pop__card h3{font-size:1.44rem;font-weight:600;line-height:1.24;margin-bottom:12px} #dhp .pop__card h3 em{font-family:'Playfair Display',serif;font-style:italic;font-weight:500;color:var(--p700)} #dhp .pop__d{font-size:.92rem;color:var(--ink2);margin-bottom:18px} #dhp .pop__d b{color:var(--p700)} #dhp .pop__fine{margin-top:13px;font-size:.75rem;color:var(--ink4);text-align:center;line-height:1.5} #dhp .pop__skip{display:block;width:100%;margin-top:11px;padding:11px; font-size:.85rem;color:var(--ink3);text-decoration:underline;text-underline-offset:3px; transition:color .25s;} #dhp .pop__skip:hover{color:var(--p700)} #dhp .pop__form{display:flex;flex-direction:column;gap:11px} #dhp .pop__form input,#dhp .pop__fields input,#dhp .pop__size input,#dhp .pop__size select,#dhp .pop__size textarea{width:100%;padding:15px 17px;border-radius:var(--r); background:var(--ivory);border:1.5px solid var(--line);font-size:.95rem;color:#000; transition:border-color .25s,box-shadow .25s,background .25s;} #dhp .pop__form input::placeholder,#dhp .pop__fields input::placeholder, #dhp .pop__size input::placeholder,#dhp .pop__size textarea::placeholder{color:#333;opacity:1} #dhp .pop__form input:focus,#dhp .pop__fields input:focus,#dhp .pop__size input:focus,#dhp .pop__size select:focus,#dhp .pop__size textarea:focus{outline:0;border-color:var(--p400);background:#fff;box-shadow:0 0 0 4px rgba(232,139,180,.15);} #dhp .pop__gift{padding:44px 40px 32px;text-align:center; background:radial-gradient(ellipse 90% 60% at 50% 0%,var(--p200),transparent 72%)} #dhp .pop__gift-ic{font-size:3rem;display:block;margin-bottom:14px;animation:float 3.4s var(--e-soft) infinite} #dhp .pop__gift .pop__form{max-width:400px;margin:0 auto} #dhp .pop__gift .err{text-align:center} #dhp .pop__card--exit{max-width:760px} #dhp .pop__exit{display:grid;grid-template-columns:.86fr 1.14fr} #dhp .pop__exit-media{position:relative;background:var(--p100)} #dhp .pop__exit-media img{width:100%;height:100%;object-fit:cover;min-height:100%} #dhp .pop__exit-body{padding:38px 36px 30px} #dhp .pop__exit-price{display:flex;align-items:baseline;gap:12px;margin-bottom:16px} #dhp .pop__exit-price span{font-size:.98rem;color:var(--ink4);text-decoration:line-through} #dhp .pop__exit-price b{font-size:1.9rem;font-weight:700;color:var(--p700);letter-spacing:-.03em} #dhp .pop__card--order{max-width:900px} #dhp .pop__order{display:grid;grid-template-columns:.72fr 1.28fr} #dhp .pop__order-media{position:relative;display:grid;place-items:center;padding:22px; background:linear-gradient(160deg,var(--p100),var(--p200));} #dhp .pop__order-media img{width:100%;height:auto;max-height:340px;object-fit:contain; border-radius:var(--r-lg);box-shadow:var(--sh-2);} #dhp .pop__order-badge{position:absolute;top:16px;left:16px;padding:6px 14px;border-radius:var(--r-full); background:linear-gradient(135deg,#E88BB4,#D96A9C);color:#fff;font-size:.78rem;font-weight:700; box-shadow:var(--sh-rose);} #dhp .pop__order-body{padding:34px 32px 28px} #dhp .pop__order-rate{display:flex;align-items:center;gap:8px;font-size:.83rem;color:var(--ink3);margin-bottom:20px} #dhp .pop__order-rate b{color:var(--ink)} #dhp .pop__lab{font-size:.85rem;font-weight:600;color:var(--ink2);margin:18px 0 9px} #dhp .pop__fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px} #dhp .pop__fields input:nth-child(3),#dhp .pop__fields input:nth-child(4){grid-column:1/-1} #dhp .pop__total{margin:16px 0 4px;font-size:.94rem;color:var(--ink2);text-align:center} #dhp .pop__total b{color:var(--p700);font-size:1.14rem;font-weight:700} #dhp #quickForm .err{text-align:center} #dhp .pop--lb{background:rgba(30,20,26,.94)} #dhp .pop--lb .pop__bd{background:rgba(30,20,26,.94);backdrop-filter:blur(4px)} #dhp .lb{position:relative;width:100%;max-width:1080px;margin:auto;display:flex;flex-direction:column;gap:18px} #dhp .lb__fig{margin:0;text-align:center;opacity:0;transform:scale(.97);transition:opacity .4s,transform .4s var(--e-out)} #dhp .pop--lb.is-on .lb__fig{opacity:1;transform:none} #dhp .lb__fig img{max-height:70vh;width:auto;margin:0 auto;border-radius:var(--r-lg);box-shadow:var(--sh-4);object-fit:contain} #dhp .lb__fig figcaption{margin-top:13px;color:rgba(255,255,255,.72);font-size:.88rem} #dhp .lb__x{position:absolute;top:-8px;right:0;z-index:5;width:42px;height:42px;border-radius:50%; background:rgba(255,255,255,.14);color:#fff;font-size:1rem;display:grid;place-items:center; transition:background .25s,transform .25s;} #dhp .lb__x:hover{background:rgba(255,255,255,.26);transform:rotate(90deg)} #dhp .lb__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4; width:52px;height:52px;border-radius:50%;display:grid;place-items:center; background:rgba(255,255,255,.15);color:#fff;font-size:1.7rem;line-height:1; backdrop-filter:blur(6px);transition:background .25s,transform .25s;} #dhp .lb__nav:hover{background:rgba(255,255,255,.3);transform:translateY(-50%) scale(1.07)} #dhp .lb__nav--prev{left:-8px} #dhp .lb__nav--next{right:-8px} #dhp .lb__cta{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap; padding:16px 24px;border-radius:var(--r-full);background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.16)} #dhp .lb__cta p{color:#fff;font-size:.94rem} #dhp .lb__cta b{color:var(--p300)} #dhp .lb__cta s{color:rgba(255,255,255,.5)} #dhp .pop__size{padding:40px 38px 30px} #dhp .pop__size form{display:flex;flex-direction:column;gap:11px} #dhp .pop__ok{padding:44px 40px 32px;text-align:center; background:radial-gradient(ellipse 90% 55% at 50% 0%,#E6F7EE,transparent 72%)} #dhp .pop__ok-ic{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px; background:linear-gradient(135deg,#5FC98D,#3FAE73);color:#fff;font-size:2.1rem;font-weight:700; box-shadow:0 12px 32px rgba(63,174,115,.36);animation:pop .55s var(--e-back);} @keyframes pop{0%{transform:scale(.4);opacity:0}100%{transform:none;opacity:1}} #dhp .pop__ok-sum{text-align:left;padding:18px 20px;border-radius:var(--r);background:var(--p50); border:1px solid var(--line);margin-bottom:18px;} #dhp .pop__ok-sum dl{display:flex;flex-direction:column;gap:8px} #dhp .pop__ok-sum>div{display:flex;justify-content:space-between;gap:12px;font-size:.88rem} #dhp .pop__ok-sum dt{color:var(--ink3)} #dhp .pop__ok-sum dd{font-weight:600;text-align:right} #dhp .pop__ok-next{text-align:left;padding:18px 20px;border-radius:var(--r);background:var(--p100);border:1px solid var(--p200);margin-bottom:20px} #dhp .pop__ok-next>b{display:block;font-size:.95rem;margin-bottom:12px} #dhp .pop__ok-next ol{display:flex;flex-direction:column;gap:10px} #dhp .pop__ok-next li{display:flex;gap:11px;font-size:.87rem;color:var(--ink2);align-items:flex-start} #dhp .pop__ok-next li>i{width:23px;height:23px;border-radius:50%;flex:none;display:grid;place-items:center; background:#fff;color:var(--p700);font-size:.76rem;font-weight:700;box-shadow:var(--sh-1); font-style:normal;margin-top:2px;} #dhp .pop__ok-next li>p{flex:1} #dhp .pop__ok-next li b{color:var(--ink);font-weight:600;white-space:nowrap} #dhp .pop__ok-cta .pop__skip{margin-top:6px} #dhp .toast{position:fixed;left:20px;bottom:88px;z-index:58; display:flex;align-items:center;gap:12px;max-width:330px; padding:13px 16px;border-radius:var(--r-lg); background:rgba(255,255,255,.97);backdrop-filter:blur(14px); border:1px solid var(--line);box-shadow:var(--sh-3); transform:translateX(-130%);opacity:0; transition:transform .55s var(--e-out),opacity .45s;} #dhp .toast.is-on{transform:none;opacity:1} #dhp .toast__ic{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center; background:linear-gradient(140deg,var(--p100),var(--p200));font-size:1.06rem;border:1px solid var(--line);} #dhp .toast__tx b{display:block;font-size:.87rem;font-weight:600;line-height:1.35} #dhp .toast__tx em{display:block;font-style:normal;font-size:.76rem;color:var(--ink3);line-height:1.4} #dhp .toast__x{margin-left:auto;font-size:.8rem;color:var(--ink4);cursor:pointer;padding:4px;flex:none;transition:color .25s} #dhp .toast__x:hover{color:var(--p700)} @media (max-width:1180px){#dhp .hdr__nav{display:none} #dhp .hdr__burger{display:flex} #dhp .hdr__nav.is-open{display:flex} #dhp .colors{grid-template-columns:repeat(3,1fr)} #dhp .steps{grid-template-columns:repeat(2,1fr)} #dhp .revs{grid-template-columns:repeat(2,1fr)}} @media (max-width:1024px){#dhp .hero__in{grid-template-columns:1fr;gap:34px} #dhp .hero__frame{transform:none} #dhp .hero__media{max-width:640px;margin-inline:auto;width:100%} #dhp .order{grid-template-columns:1fr} #dhp .osum{position:static} #dhp .usp{grid-template-columns:1fr;gap:20px} #dhp .usp__card{flex-direction:row} #dhp .usp__media{width:44%;flex:none;aspect-ratio:1} #dhp .usp__body{width:56%} #dhp .detail{grid-template-columns:1fr;gap:30px} #dhp .duo{grid-template-columns:1fr} #dhp .moment{grid-template-columns:1fr} #dhp .moment__big img{min-height:330px} #dhp .gal{grid-template-columns:repeat(3,1fr);grid-auto-rows:170px} #dhp .gal__it--wide{grid-column:span 2;grid-row:span 2} #dhp .guarantee{grid-template-columns:1fr;gap:10px}} @media (max-width:860px){#dhp .strip__in{grid-template-columns:repeat(2,1fr);gap:16px} #dhp .vs{grid-template-columns:1fr} #dhp .packs{grid-template-columns:1fr;gap:18px} #dhp .pack--best{transform:none} #dhp .pack--best:hover{transform:translateY(-6px)} #dhp .feat3{grid-template-columns:1fr} #dhp .pop__exit,#dhp .pop__order{grid-template-columns:1fr} #dhp .pop__exit-media img,#dhp .pop__order-media img{max-height:210px} #dhp .pop__exit-body,#dhp .pop__order-body{padding:26px 24px 24px} #dhp .pop__gift,#dhp .pop__ok,#dhp .pop__size{padding:36px 24px 26px} #dhp .rate{grid-template-columns:1fr;gap:22px;text-align:center} #dhp .rate__score{padding:0 0 20px;border-right:0;border-bottom:1px solid var(--line)} #dhp .lb__nav--prev{left:4px} #dhp .lb__nav--next{right:4px} #dhp .lb__x{top:-46px;right:4px}} @media (max-width:700px){#dhp{--hdr-h:66px} #dhp .wrap{width:min(100% - 28px,var(--wrap))} #dhp .hdr__tel{display:none} #dhp .hero__cta{flex-direction:column;align-items:stretch} #dhp .hero__cta .btn{width:100%} #dhp .hero__note--2{display:none} #dhp .usp__card{flex-direction:column} #dhp .usp__media,#dhp .usp__body{width:100%} #dhp .usp__media{aspect-ratio:4/3} #dhp .colors{grid-template-columns:repeat(2,1fr);gap:14px} #dhp .gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;gap:10px} #dhp .gal__it--wide{grid-column:span 2;grid-row:span 1} #dhp .gal__it--tall{grid-row:span 1} #dhp .steps{grid-template-columns:1fr} #dhp .revs{grid-template-columns:1fr} #dhp .opts{grid-template-columns:1fr} #dhp .opts--colors{grid-template-columns:repeat(3,1fr)} #dhp .opts--sizes{grid-template-columns:repeat(4,1fr)} #dhp .fields{grid-template-columns:1fr} #dhp .pop__fields{grid-template-columns:1fr} #dhp .countdown{padding:20px 18px} #dhp .countdown__clk>div{min-width:66px;padding:10px 6px} #dhp .countdown__clk b{font-size:1.5rem} #dhp .final__cta{flex-direction:column} #dhp .final__cta .btn{width:100%} #dhp .sticky__info s{display:none} #dhp .sticky .btn{padding:12px 18px;font-size:.88rem} #dhp .toast{left:14px;right:14px;bottom:80px;max-width:none} #dhp .sizes span{width:54px;height:54px;font-size:.98rem} #dhp .faq summary{padding:17px 18px;font-size:.95rem} #dhp .faq details p{padding:0 18px 18px}} @media (max-width:420px){#dhp .hero__chips li{font-size:.78rem;padding:7px 12px} #dhp .opts--colors{grid-template-columns:repeat(2,1fr)} #dhp .gal{grid-auto-rows:130px} #dhp .lb__cta{flex-direction:column;gap:10px;text-align:center} #dhp .sticky__stock{display:none}} @media (prefers-reduced-motion:reduce){#dhp *,#dhp *::before,#dhp *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important} #dhp .reveal{opacity:1;transform:none}} @media print{#dhp .hdr,#dhp .sticky,#dhp .toast,#dhp .pop,#dhp .announce{display:none!important} #dhp .reveal{opacity:1!important;transform:none!important} #dhp{background:#fff}}