:root{
  --dn-accent:#E8DCCB;--dn-deep:#6F5233;--dn-soft:#F0E8DB;--dn-bg:#FAF7F1;--dn-line:#E6DCCD;--dn-dark:#1F1B19;--dn-text:#5C5450;
  --dn-serif:Arial,Helvetica,sans-serif;--dn-sans:Arial,Helvetica,sans-serif;
  --global-palette1:#6F5233;--global-palette2:#1F1B19;--global-palette3:#1F1B19;--global-palette4:#3A322F;--global-palette5:#5C5450;--global-palette6:#8A7F78;--global-palette7:#F0E8DB;--global-palette8:#FAF7F1;--global-palette9:#FFFFFF;
  --global-palette-highlight:#6F5233;--global-palette-highlight-alt:#1F1B19;
  --global-body-font-family:var(--dn-sans);--global-heading-font-family:var(--dn-serif);
}
html{scroll-behavior:smooth}
body{background:var(--dn-bg)!important;color:#1F1B19;font-family:var(--dn-sans)!important;font-size:16px;line-height:1.6}
h1,h2,h3,h4,.entry-title{font-family:var(--dn-serif)!important;font-weight:600;color:#1F1B19;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--dn-deep);outline-offset:3px}
.dn-w{max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.dn-eyebrow{font-size:12px;letter-spacing:.24em;font-weight:600;color:var(--dn-deep);text-transform:uppercase}

/* Buttons */
.dn-btnrow{display:flex;flex-wrap:wrap;gap:12px}
.dn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 26px;border-radius:999px;font-weight:600;font-size:15px;line-height:1.2;border:1px solid transparent;transition:.2s;text-align:center;cursor:pointer;box-sizing:border-box}
.dn-btn-dark{background:#1F1B19;color:#fff!important}.dn-btn-dark:hover{background:var(--dn-deep)}
.dn-btn-accent{background:var(--dn-accent);color:#1F1B19!important}.dn-btn-accent:hover{background:#dccbb2}
.dn-btn-line{border-color:#1F1B19;color:#1F1B19!important;font-weight:500;background:transparent}.dn-btn-line:hover{background:#1F1B19;color:#fff!important}
.dn-btn-white{background:#fff;color:#1F1B19!important;font-weight:500}.dn-btn-white:hover{background:#1F1B19;color:#fff!important}
.dn-btn-light{background:#F4EDE9;color:#1F1B19!important}
.dn-btn-line-l{border-color:#8A7F78;color:#F4EDE9!important;font-weight:500}.dn-btn-line-l:hover{background:#F4EDE9;color:#1F1B19!important}
.dn-link{font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:4px}

/* Top bar + header */
.dn-topbar{background:var(--dn-soft);color:#3A322F;border-bottom:1px solid var(--dn-line);font-size:13px}
.dn-topbar-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 24px;padding-top:10px;padding-bottom:10px}
.dn-topbar a{display:inline-flex;align-items:center;gap:6px;font-weight:500}
.dn-top-loc{display:none}
.dn-header{background:var(--dn-bg);border-bottom:1px solid var(--dn-line);position:relative;z-index:50}
.dn-header-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px 32px;padding-top:26px;padding-bottom:26px}
.dn-nav{display:flex;gap:32px;font-size:15px;font-weight:500;align-items:center}
.dn-nav-r{justify-content:flex-end}
.dn-nav a:hover{color:var(--dn-deep)}
.dn-nav-tel{border:1px solid #1F1B19;border-radius:999px;padding:9px 18px}
.dn-logo{font-family:var(--dn-serif);font-size:44px;font-weight:700;letter-spacing:.22em;padding-left:.22em;line-height:1;color:#1F1B19!important;text-align:center}
.dn-hbtn{display:none;width:44px;height:44px;box-sizing:border-box;border-radius:999px;align-items:center;justify-content:center}
.dn-hbtn-map{border:1px solid #1F1B19}
.dn-hbtn-tel{background:#1F1B19;color:#fff}
.dn-pills{display:none}

/* Home */
.dn-home{background:var(--dn-bg)}
.dn-home h1,.dn-home h2{margin:0}
.dn-sec{padding:72px 0 24px}
.dn-head{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}
.dn-head h2,.dn-lens h2,.dn-faq h2,.dn-contact h2{font-size:clamp(34px,4vw,52px);line-height:1.1}
.dn-head-row{flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.dn-head>div{display:flex;flex-direction:column;gap:12px}
.dn-note{font-size:14px;color:var(--dn-text)}
.dn-center{margin-top:40px;display:flex;justify-content:center}
.dn-hero-in{display:flex;flex-wrap:wrap;align-items:center;gap:48px;padding-top:72px;padding-bottom:80px}
.dn-hero-text{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:24px}
.dn-hero h1{font-size:clamp(46px,6vw,76px);line-height:1.02}
.dn-hero p{margin:0;font-size:18px;color:var(--dn-text);max-width:520px}
.dn-hero-art{flex:1 1 380px;min-width:0;min-height:520px;background:var(--dn-accent);border-radius:240px 240px 24px 24px;display:flex;align-items:center;justify-content:center;color:var(--dn-deep);overflow:hidden}
.dn-hero-art img{width:100%;height:100%;object-fit:cover;min-height:520px}
.dn-trust{background:var(--dn-soft);border-top:1px solid var(--dn-line)}
.dn-trust-in{display:flex;flex-wrap:wrap;gap:20px 40px;padding-top:28px;padding-bottom:28px}
.dn-trust-in>div{flex:1 1 220px;display:flex;gap:12px;align-items:flex-start;color:var(--dn-deep)}
.dn-trust-in svg{flex:none;margin-top:2px}
.dn-trust-in b{display:block;color:#1F1B19;font-size:15px;font-weight:600;line-height:1.3}
.dn-trust-in span{display:block;font-size:13.5px;color:var(--dn-text);line-height:1.45;margin-top:2px}
.dn-brands{background:#fff;border-top:1px solid var(--dn-line);border-bottom:1px solid var(--dn-line)}
.dn-brands-in{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 40px;padding-top:28px;padding-bottom:28px;font-family:var(--dn-serif);font-size:22px;font-weight:600;letter-spacing:.12em;color:var(--dn-text)}
.dn-brands-in a:hover{color:var(--dn-deep)}
.dn-sec#bo-suu-tap{padding-top:88px}
.dn-cats{display:flex;flex-wrap:wrap;gap:20px}
.dn-cat{flex:1 1 240px;min-height:200px;border-radius:20px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s;box-sizing:border-box}
.dn-cat:hover{transform:translateY(-3px)}
.dn-cat-a,.dn-cat-d{background:var(--dn-accent)}.dn-cat-b{background:var(--dn-soft)}.dn-cat-c{background:#1F1B19;color:#fff}
.dn-cat-t{font-family:var(--dn-serif);font-size:32px;font-weight:600;line-height:1.1}
.dn-cat-l{font-size:14px;font-weight:600}
.dn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}
.dn-card{display:flex;flex-direction:column;gap:14px;min-width:0}
.dn-card-img{display:flex;align-items:center;justify-content:center;background:var(--dn-soft);border-radius:20px;height:240px;overflow:hidden;color:var(--dn-deep)}
.dn-card-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:12px;box-sizing:border-box;transition:transform .3s}
.dn-card:hover .dn-card-img img{transform:scale(1.04)}
.dn-card-body{display:flex;flex-direction:column;gap:4px}
.dn-brand{font-size:12px;letter-spacing:.2em;font-weight:600;color:var(--dn-deep);min-height:18px}
.dn-card-name{font-family:var(--dn-serif);font-size:22px;font-weight:600;line-height:1.2;color:#1F1B19}
.dn-card-name:hover{color:var(--dn-deep)}
.dn-card-price{font-size:16px;font-weight:600}
.dn-card .dn-link{margin-top:4px}
.dn-lens{background:#1F1B19;color:#F4EDE9;margin-top:48px}
.dn-lens-in{display:flex;flex-wrap:wrap;gap:56px;padding-top:88px;padding-bottom:88px}
.dn-lens-t{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:24px}
.dn-lens h2{color:#fff}
.dn-lens p{margin:0;font-size:17px;color:#D9CEC8}
.dn-lens .dn-eyebrow{color:var(--dn-accent)}
.dn-chips{display:flex;flex-wrap:wrap;gap:10px}
.dn-chips span{border:1px solid #6b605a;border-radius:999px;padding:8px 16px;font-size:13px;letter-spacing:.14em;font-weight:600}
.dn-lens-l{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.dn-lens-l>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;border-top:1px solid #4A423E}
.dn-lens-l>div:last-child{border-bottom:1px solid #4A423E}
.dn-lens-l b{font-family:var(--dn-serif);font-size:24px;font-weight:600;color:#fff}
.dn-lens-l span{font-size:13px;color:var(--dn-accent);white-space:nowrap}
.dn-faq{padding-top:88px}
.dn-faq-in{display:flex;flex-wrap:wrap;gap:56px;padding-bottom:88px}
.dn-faq-h{flex:1 1 280px;display:flex;flex-direction:column;gap:12px}
.dn-faq-l{flex:2 1 480px;min-width:0;display:flex;flex-direction:column}
.dn-faq-l>div{padding:24px 0;border-top:1px solid var(--dn-line)}
.dn-faq-l>div:last-child{border-bottom:1px solid var(--dn-line)}
.dn-faq h3{margin:0 0 8px;font-size:26px;line-height:1.2}
.dn-faq p{margin:0;color:var(--dn-text)}
.dn-contact{background:var(--dn-accent);color:#1F1B19}
.dn-contact-in{display:flex;flex-wrap:wrap;gap:48px;align-items:stretch;padding-top:88px;padding-bottom:88px}
.dn-contact-t{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:20px}
.dn-contact h2{margin:0}
.dn-contact ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.dn-contact li{display:flex;gap:12px;align-items:flex-start;color:#1F1B19;margin:0}
.dn-contact li svg{flex:none;margin-top:3px;color:var(--dn-deep)}
.dn-contact .dn-btnrow{margin-top:8px}
.dn-map{flex:1 1 380px;min-width:0;min-height:360px;border-radius:24px;overflow:hidden;background:#fff}
.dn-map iframe{width:100%;height:100%;min-height:360px;border:0;display:block}

/* Footer */
.dn-footer{background:#1F1B19;color:#D9CEC8;overflow:hidden}
.dn-footer-in{display:flex;flex-direction:column;gap:56px;padding-top:80px;padding-bottom:40px}
.dn-f-cta{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px 48px;padding-bottom:48px;border-bottom:1px solid #4A423E}
.dn-f-cta p{margin:0;font-family:var(--dn-serif);font-size:clamp(30px,3.6vw,46px);font-weight:600;line-height:1.1;color:#fff;max-width:620px}
.dn-f-cols{display:flex;flex-wrap:wrap;gap:40px 56px}
.dn-f-col{flex:1 1 160px;min-width:0;display:flex;flex-direction:column;gap:10px;font-size:15px}
.dn-f-wide{flex:1.4 1 260px}
.dn-f-mid{flex:1 1 200px}
.dn-f-col .dn-eyebrow{color:var(--dn-accent);margin-bottom:4px}
.dn-f-col a:hover{color:#fff}
.dn-f-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:24px;border-top:1px solid #4A423E;font-size:13px;color:#A89C95}
.dn-f-mark{height:210px;overflow:hidden}
.dn-f-mark div{text-align:center;font-family:var(--dn-serif);font-weight:700;font-size:clamp(180px,26vw,380px);line-height:.8;letter-spacing:.08em;color:var(--dn-accent);white-space:nowrap}

/* Kadence shell */
#masthead,.site-footer,#colophon{display:none!important}
.content-container.site-container{max-width:1200px;padding:0 24px}
.home .entry-hero,.home .entry-header,.home .page-hero-section{display:none}
.home .content-container,.home .site-container{max-width:none;padding:0}
.home .entry.single-entry{box-shadow:none;background:transparent;margin:0}
.home .entry-content-wrap{padding:0}
.home .entry-content{margin:0}
.home .content-area{margin:0}

/* Archive */
.tax-product_cat .page-title,.post-type-archive-product .page-title,.archive-title{font-size:clamp(40px,5vw,60px);line-height:1.02}
.woocommerce-breadcrumb,.kadence-breadcrumbs{font-size:14px;color:var(--dn-text)}
.dn-chiprow{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.dn-chiprow a{background:#fff;border:1px solid var(--dn-line);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:500}
.dn-chiprow a:hover{border-color:#1F1B19}
.dn-chiprow a.is-on{background:#1F1B19;color:#fff;border-color:#1F1B19}
.woocommerce-result-count{font-size:14px;color:var(--dn-text)}
.woocommerce-ordering select{font:inherit;font-size:14px;padding:10px 14px;border:1px solid var(--dn-line);border-radius:999px;background:#fff;color:#1F1B19}
ul.products{gap:32px 24px!important}
ul.products li.product{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
ul.products li.product img{background:var(--dn-soft);border-radius:20px;mix-blend-mode:multiply;object-fit:contain;aspect-ratio:1/1;padding:12px;box-sizing:border-box}
ul.products li.product .woocommerce-loop-product__title,ul.products li.product h2{font-family:var(--dn-serif)!important;font-size:22px!important;font-weight:600;line-height:1.2;margin:10px 0 4px}
ul.products li.product .price{font-size:16px;font-weight:600;color:#1F1B19!important}
ul.products li.product .price del{opacity:.5}
ul.products li.product .star-rating,ul.products li.product .button,ul.products li.product .added_to_cart,.onsale,.woocommerce-product-rating,.star-rating{display:none!important}
.woocommerce nav.woocommerce-pagination ul,.woocommerce-pagination ul{border:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.woocommerce nav.woocommerce-pagination ul li{border:0;overflow:visible}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--dn-line);background:#fff;padding:0;color:#1F1B19}
.woocommerce nav.woocommerce-pagination ul li span.current{background:#1F1B19;color:#fff;border-color:#1F1B19}

/* Product */
.single-product div.product .product_title{font-size:clamp(34px,4vw,48px);line-height:1.1}
.single-product .summary .price,.single-product .summary p.price{font-size:26px;font-weight:600;color:#1F1B19!important}
.single-product .entry-summary form.cart,.single-product .single_add_to_cart_button,.single-product .quantity,.single-product table.variations,.single-product .product_meta{display:none!important}
.single-product .woocommerce-product-gallery__wrapper img{border-radius:20px;background:var(--dn-soft)}
.dn-pcta{display:flex;flex-direction:column;gap:10px;margin-top:20px;max-width:440px}
.dn-pcta .dn-btn{width:100%}
.dn-pnote{margin:0 0 6px;font-size:14px;color:var(--dn-text)}
.dn-pmeta{margin:6px 0 0;font-size:13px;color:#8A7F78}
.related.products>h2,.upsells>h2{font-size:clamp(30px,3.4vw,42px)}

/* Responsive */
@media (max-width:1000px){.dn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dn-nav{gap:20px}}
@media (max-width:860px){
  .dn-topbar-in{justify-content:space-between;font-size:12px;padding-top:8px;padding-bottom:8px}
  .dn-topbar a{display:none}.dn-top-loc{display:inline}
  .dn-header-in{grid-template-columns:44px 1fr 44px;padding-top:14px;padding-bottom:14px;gap:8px}
  .dn-nav{display:none}
  .dn-hbtn{display:flex}
  .dn-hbtn-map{order:1}.dn-logo{order:2;font-size:36px}.dn-hbtn-tel{order:3}
  .dn-pills{display:flex;gap:8px;padding:0 20px 14px;overflow-x:auto;font-size:14px;font-weight:500;scrollbar-width:none}
  .dn-pills a{flex:none;border:1px solid var(--dn-line);background:#fff;border-radius:999px;padding:10px 16px;white-space:nowrap}
  .dn-w{padding:0 20px}
  .dn-hero-in{padding-top:36px;padding-bottom:40px;gap:24px}
  .dn-hero-text{gap:16px}.dn-hero p{font-size:16px}
  .dn-hero .dn-btnrow{flex-direction:column;margin-top:8px}.dn-hero .dn-btn{width:100%}
  .dn-hero-art{flex-basis:100%;min-height:340px;border-radius:175px 175px 20px 20px}.dn-hero-art img{min-height:340px}
  .dn-trust-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;padding-top:24px;padding-bottom:24px}
  .dn-trust-in>div{flex-direction:column;gap:6px}
  .dn-brands-in{gap:8px 24px;font-size:18px;padding-top:20px;padding-bottom:20px}
  .dn-sec{padding:48px 0 16px}.dn-sec#bo-suu-tap{padding-top:56px}
  .dn-grid{gap:28px 14px}.dn-card-img{height:180px}.dn-card-name{font-size:19px}
  .dn-lens-in{padding-top:56px;padding-bottom:56px;gap:32px}
  .dn-faq{padding-top:56px}.dn-faq-in{padding-bottom:56px;gap:24px}
  .dn-contact-in{padding-top:56px;padding-bottom:56px;gap:32px}
  .dn-contact .dn-btnrow{display:grid;grid-template-columns:1fr 1fr}
  .dn-footer-in{padding-top:56px;gap:40px}
  .dn-f-mark{height:110px}
}
@media (max-width:520px){.dn-cat{flex-basis:100%;min-height:150px}.dn-lens-l b{font-size:21px}.dn-lens-l span{white-space:normal;text-align:right}}

/* Archive v2 */
.product-archive-hero-section .entry-hero-container-inner{background:var(--dn-bg)!important;min-height:0!important}
.product-archive-hero-section .hero-section-overlay{display:none}
.product-archive-hero-section .hero-container{padding-top:36px;padding-bottom:8px}
.product-archive-hero-section .entry-header,.product-archive-title{text-align:left!important}
.archive.woocommerce .content-area,.tax-product_cat .content-area,.tax-product_tag .content-area{margin-top:16px}
.kadence-woo-toggle{display:none!important}
.kadence-shop-top-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid var(--dn-line)}
ul.products li.product .product-details{background:transparent!important;padding:14px 0 0!important;box-shadow:none!important}
ul.products li.product .product-excerpt{display:none}
ul.products li.product .woocommerce-loop-image-link{display:block;border-radius:20px;overflow:hidden;background:var(--dn-soft)}
ul.products li.product .woocommerce-loop-image-link img{width:100%;aspect-ratio:1/1;object-fit:cover;padding:0!important;mix-blend-mode:normal!important;border-radius:0!important;background:var(--dn-soft);transition:transform .3s}
ul.products li.product:hover .woocommerce-loop-image-link img{transform:scale(1.04)}
ul.products li.product .dn-brand{display:block;margin-top:14px;min-height:0}
ul.products li.product .woocommerce-loop-product__title{margin-top:2px!important}
ul.products li.product .dn-loop-zalo{display:inline-block;margin-top:6px}
.dn-chiprow-2{align-items:center;margin-top:-12px}
.dn-chiprow-2 .dn-eyebrow{margin-right:6px}

.product-archive-hero-section .entry-header{min-height:0!important;padding:20px 0 0!important;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}
.product-archive-hero-section .hero-container{max-width:1200px!important;padding:0 24px!important}
.product-archive-hero-section .entry-hero-container-inner{padding:0!important}
@media (max-width:860px){.product-archive-hero-section .hero-container{padding:0 20px!important}.archive .content-container.site-container{padding:0 20px}}

/* Product v2 + tinh chỉnh */
.woocommerce-tabs.wc-tabs-wrapper{margin-top:48px}
.woocommerce-tabs .wc-tabs{border:0!important;display:flex;gap:8px;padding:0!important;margin:0 0 20px!important}
.woocommerce-tabs .wc-tabs li{background:#fff!important;border:1px solid var(--dn-line)!important;border-radius:999px!important;padding:0!important;margin:0!important}
.woocommerce-tabs .wc-tabs li a{padding:10px 18px!important;font-size:14px;font-weight:500;color:#1F1B19!important}
.woocommerce-tabs .wc-tabs li.active{background:#1F1B19!important;border-color:#1F1B19!important}
.woocommerce-tabs .wc-tabs li.active a{color:#fff!important}
.woocommerce-tabs .wc-tabs li:before,.woocommerce-tabs .wc-tabs li:after,.woocommerce-tabs .wc-tabs:before{display:none!important}
.woocommerce-tabs .woocommerce-Tabs-panel{background:transparent;padding:0;border:0}
.woocommerce-tabs .woocommerce-Tabs-panel h2{font-size:28px}
.dn-hero h1{font-size:clamp(44px,5vw,64px)}
.dn-brands-in{font-size:20px;gap:12px 32px;letter-spacing:.1em}
@media (max-width:860px){.dn-brands-in{font-size:17px}}

ul.products li.product .product-details{padding:2px 0 0!important}
ul.products li.product .product-action-wrap{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;display:block!important;padding:0!important;margin:6px 0 0!important;width:auto!important;background:transparent!important;box-shadow:none!important}
ul.products li.product .entry-content-wrap{padding:2px 0 0!important}

ul.products li.product .product-details>*{margin-left:0!important;padding-left:0!important;text-align:left}
ul.products li.product{text-align:left}

.dn-prose{max-width:760px}
.dn-prose h1{font-size:clamp(36px,4.5vw,56px);line-height:1.08;margin:12px 0 20px}
.dn-prose p{font-size:17px;color:var(--dn-text);margin:0 0 16px}
.dn-prose .dn-btnrow{margin-top:24px}
.dn-seo-text{max-width:820px;margin:48px 0 8px;padding-top:32px;border-top:1px solid var(--dn-line)}
.dn-seo-text h2{font-size:30px;margin:0 0 10px}
.dn-seo-text p{margin:0;color:var(--dn-text)}

/* Blog */
.dn-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.dn-post{display:flex;flex-direction:column;gap:8px;min-width:0}
.dn-post-art{height:200px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--dn-deep);background:var(--dn-accent);margin-bottom:6px;transition:transform .2s}
.dn-post-art-1{background:var(--dn-soft)}
.dn-post:hover .dn-post-art{transform:translateY(-3px)}
.dn-post-t{font-family:var(--dn-serif);font-size:26px;font-weight:600;line-height:1.15;color:#1F1B19}
.dn-post:hover .dn-post-t{color:var(--dn-deep)}
.dn-post-x{font-size:15px;color:var(--dn-text)}
.dn-post-d{font-size:13px;font-weight:600;color:var(--dn-deep)}
.single-post .entry-content,.single-post .entry-header,.single-post .entry-content-wrap{max-width:760px;margin-left:auto;margin-right:auto}
.single-post .entry-content{font-size:17px;line-height:1.75;color:#3A322F}
.single-post .entry-content h2{font-size:clamp(28px,3.4vw,36px);margin:40px 0 12px;line-height:1.15}
.single-post .entry-content h3{font-size:24px;margin:28px 0 8px}
.single-post .entry-content a{text-decoration:underline;text-underline-offset:3px;color:var(--dn-deep)}
.single-post .entry-content ul,.single-post .entry-content ol{padding-left:22px}
.single-post .entry-content li{margin-bottom:6px}
.single-post h1.entry-title{font-size:clamp(36px,5vw,56px);line-height:1.08}
.single-post .entry-author,.single-post .comments-area,.single-post .post-navigation,.single-post .entry-tags,.single-post .author-box{display:none!important}
.dn-post-cta{margin:48px 0 0;padding:32px;background:var(--dn-accent);border-radius:24px}
.dn-post-cta h3{margin:0 0 8px!important}
.dn-post-cta p{margin:0 0 16px!important;color:#1F1B19}
.single-post .dn-post-cta a{text-decoration:none;color:inherit}
.dn-post-more{margin-top:56px;max-width:none}
.dn-post-more h3{font-size:30px}
.dn-post-more .dn-posts{grid-template-columns:repeat(3,minmax(0,1fr))}
.dn-post-more .dn-post-art{height:140px}
.dn-post-more .dn-post-t{font-size:21px}
.single-post .dn-post-more a{text-decoration:none;color:inherit}
@media (max-width:860px){.dn-posts,.dn-post-more .dn-posts{grid-template-columns:1fr}.dn-post-art{height:150px}}

/* blog: hide author byline */
.single-post .entry-meta,.single-post .entry-header .entry-meta{display:none!important}

body,h1,h2,h3,h4,h5,h6,button,input,select,textarea,.dn-logo,.dn-card-name,.dn-post-t,.entry-title,.site-title,.wp-block-heading,ul.products li.product h2{font-family:Arial,Helvetica,sans-serif!important}

/* ---------- Menu xổ xuống ---------- */
.dn-nav-l{align-items:stretch}
.dn-mi{position:static;display:flex;align-items:center}
.dn-mi>a{display:block;padding:26px 0;margin:-26px 0}
.dn-mi:hover>a,.dn-mi:focus-within>a{color:var(--dn-deep)}
.dn-dd{position:absolute;left:0;right:0;top:100%;background:var(--dn-bg);border-top:1px solid var(--dn-line);border-bottom:1px solid var(--dn-line);box-shadow:0 28px 40px -24px rgba(31,27,25,.18);visibility:hidden;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .22s}
.dn-mi:hover .dn-dd,.dn-mi:focus-within .dn-dd{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.dn-dd-in{display:grid;grid-template-columns:2.4fr 1fr 1fr;gap:48px;padding-top:32px;padding-bottom:36px}
.dn-dd-2{grid-template-columns:2.4fr 1fr 1fr}
.dn-dd-col h4{margin:0 0 14px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--dn-deep);font-weight:700}
.dn-dd-list a,.dn-dd-all{display:block;padding:7px 0;font-size:15px;color:var(--dn-text);break-inside:avoid}
.dn-dd-3{columns:3;column-gap:32px}
.dn-dd-list a:hover{color:var(--dn-deep);text-decoration:underline;text-underline-offset:4px}
.dn-dd-end{display:flex;align-items:flex-end;justify-content:flex-end}
.dn-dd-all{font-weight:600;color:var(--dn-dark);padding:12px 22px;border:1px solid var(--dn-dark);border-radius:999px}
.dn-dd-all:hover{background:var(--dn-dark);color:#fff}
@media (max-width:860px){.dn-dd{display:none}}

/* ---------- Bộ lọc giá / màu ---------- */
.dn-sw{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(31,27,25,.25);margin-right:8px;vertical-align:-1px}
.dn-chiprow a.is-on .dn-sw{border-color:#fff}
.dn-chiprow a.dn-clear{background:transparent;border-style:dashed;color:#6F5233}

/* menu xổ xuống: mỗi cột 6 thương hiệu */
.dn-dd-3{columns:auto;display:grid;grid-auto-flow:column;grid-template-rows:repeat(6,auto);grid-auto-columns:max-content;column-gap:56px;justify-content:start}
.dn-dd-in,.dn-dd-2{grid-template-columns:auto auto 1fr;justify-content:start;gap:72px}

/* biểu tượng mạng xã hội */
.dn-soc{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.dn-f-col .dn-soc a{display:inline-flex;width:44px;height:44px;padding:0;margin:0;border-radius:50%;transition:transform .15s ease,opacity .15s ease}
.dn-f-col .dn-soc a:hover{transform:translateY(-2px);opacity:.92}
.dn-soc svg{display:block;width:44px;height:44px}

/* tên thương hiệu trong menu: IN HOA */
.dn-dd-3 a{text-transform:uppercase;letter-spacing:.05em;font-size:14px}

.dn-dd-3 a{text-transform:none;letter-spacing:.02em}

/* kính mát: 3 cột x 3 thương hiệu */
.dn-dd-3.dn-dd-r3{grid-template-rows:repeat(3,auto)}
.dn-dd-end{grid-column:3}

/* chân trang 3 cột: icon mạng xã hội gọn trên 1 hàng */
.dn-f-col .dn-soc{gap:8px;flex-wrap:nowrap}
.dn-f-col .dn-soc a,.dn-soc svg{width:40px;height:40px;flex:0 0 auto}
@media (max-width:520px){.dn-f-col .dn-soc{flex-wrap:wrap}}

/* chân trang: Khám phá + Thương hiệu sát trái, Kết nối sát phải, gọn hơn */
.dn-f-cols{justify-content:flex-start;gap:40px 72px;align-items:flex-start}
.dn-f-col{flex:0 0 auto;font-size:14px;gap:8px}
.dn-f-col.dn-f-mid{margin-left:auto;align-items:flex-end}
.dn-f-col .dn-soc{gap:8px;justify-content:flex-end}
.dn-f-col .dn-soc a,.dn-soc svg{width:34px;height:34px}
@media (max-width:700px){.dn-f-col.dn-f-mid{margin-left:0;align-items:flex-start}.dn-f-col .dn-soc{justify-content:flex-start}}

/* Tiêu đề mục Sản phẩm mới (trang chủ) */
.dn-head-row .dn-eyebrow{font-size:15px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.dn-head.dn-head-row h2{font-size:clamp(22px,2.4vw,28px);line-height:1.2}
@media(max-width:700px){.dn-head-row .dn-eyebrow{font-size:14px}.dn-head.dn-head-row h2{font-size:22px}}

/* Tinh chỉnh: GỌNG KÍNH / KÍNH MÁT nổi bật, Sản phẩm mới nhỏ hơn */
.dn-head-row .dn-eyebrow{font-size:18px;font-weight:800;letter-spacing:.2em;color:var(--dn-dark,#1F1B19);display:inline-block;padding-bottom:6px;border-bottom:3px solid var(--dn-accent,#E8DCCB)}
.dn-head.dn-head-row h2{font-size:clamp(18px,2vw,23px);font-weight:500}
@media(max-width:700px){.dn-head-row .dn-eyebrow{font-size:16px}.dn-head.dn-head-row h2{font-size:18px}}

/* Nhãn nền: GỌNG KÍNH / KÍNH MÁT */
.dn-head-row .dn-eyebrow{background:var(--dn-dark,#1F1B19);color:var(--dn-accent,#E8DCCB);padding:9px 22px;border:0;border-radius:999px;font-size:18px;font-weight:800;letter-spacing:.18em;line-height:1.2;align-self:flex-start}
@media(max-width:700px){.dn-head-row .dn-eyebrow{padding:7px 16px;font-size:15px}}

/* Nhãn nền be + tiêu đề cùng hàng */
.dn-head.dn-head-row>div:first-child{flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px 18px}
.dn-head-row .dn-eyebrow{background:var(--dn-accent,#E8DCCB);color:var(--dn-deep,#6F5233);padding:10px 20px;border:0;border-radius:6px;font-size:18px;font-weight:800;letter-spacing:.16em;line-height:1.2;align-self:auto;box-shadow:inset 4px 0 0 var(--dn-deep,#6F5233)}
.dn-head.dn-head-row h2{margin:0;background:none}
@media(max-width:700px){.dn-head.dn-head-row>div:first-child{gap:10px 12px}.dn-head-row .dn-eyebrow{padding:8px 14px;font-size:15px}}

/* Màu chữ Sản phẩm mới */
.dn-head.dn-head-row h2{color:#8A6A43}

/* Trang thẻ (kiểu dáng...): ẩn tiêu đề lớn; hàng thương hiệu 1 dòng */
.tax-product_tag .entry-hero.product-archive-hero-section,.tax-product_tag .entry-hero,.tax-product_tag h1.archive-title,.tax-product_tag .woocommerce-products-header{display:none!important}
.dn-chiprow:not(.dn-chiprow-2){flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.dn-chiprow:not(.dn-chiprow-2)::-webkit-scrollbar{display:none}
.dn-chiprow:not(.dn-chiprow-2) a{flex:0 0 auto;padding:8px 13px;font-size:13px;white-space:nowrap}

/* Hàng bộ lọc (kể cả Màu sắc) gọn trên 1 dòng */
.dn-chiprow.dn-chiprow-2{flex-wrap:nowrap;gap:5px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.dn-chiprow.dn-chiprow-2::-webkit-scrollbar{display:none}
.dn-chiprow.dn-chiprow-2 .dn-eyebrow{flex:0 0 auto;margin-right:2px;font-size:11px;letter-spacing:.2em;white-space:nowrap}
.dn-chiprow.dn-chiprow-2 a{flex:0 0 auto;padding:7px 11px;font-size:12.5px;white-space:nowrap}
.dn-chiprow.dn-chiprow-2 .dn-sw{width:11px;height:11px;margin-right:5px}

/* Màu sắc: hiển thị đủ trên 1 dòng, không cuộn */
@media(min-width:761px){
.dn-chiprow.dn-chiprow-2{flex-wrap:nowrap;overflow:visible;gap:5px}
.dn-chiprow.dn-chiprow-2 .dn-eyebrow{font-size:11px;letter-spacing:.16em;margin-right:0}
.dn-chiprow.dn-chiprow-2 a{padding:7px clamp(7px,.85vw,11px);font-size:clamp(11.5px,1.05vw,12.5px)}
}
@media(max-width:760px){.dn-chiprow.dn-chiprow-2{flex-wrap:wrap;overflow:visible}}

/* Nhãn bộ lọc cùng độ rộng -> nút Tất cả thẳng cột */
@media(min-width:761px){.dn-chiprow.dn-chiprow-2 .dn-eyebrow{flex:0 0 92px;width:92px;box-sizing:border-box}}

/* Logo DUN.GLASSES */
.dn-logo{font-size:clamp(24px,2.3vw,32px);letter-spacing:.12em;padding-left:.12em;white-space:nowrap}
@media(max-width:1000px){.dn-logo{font-size:22px;letter-spacing:.1em}}
@media(max-width:520px){.dn-logo{font-size:18px;letter-spacing:.06em}}

/* Logo dun.glasses (font Jost, tự host) + since 2012 */
@font-face{font-family:'Jost';font-style:normal;font-weight:100 900;font-display:block;src:url('fonts/jost.woff2') format('woff2')}
.dn-header .dn-logo{font-family:'Jost',Futura,Arial,sans-serif!important;font-weight:800;font-size:clamp(28px,2.7vw,38px);letter-spacing:-.01em;padding-left:0;text-transform:none;display:inline-flex;flex-direction:column;align-items:center;line-height:1;white-space:nowrap}
.dn-header .dn-logo small{font-family:'Jost',Futura,Arial,sans-serif!important;font-weight:500;font-size:clamp(9px,.78vw,11px);letter-spacing:.34em;margin-top:5px;padding-left:.34em;color:#5C5450;text-transform:lowercase;line-height:1}
@media(max-width:1000px){.dn-header .dn-logo{font-size:26px}}
@media(max-width:520px){.dn-header .dn-logo{font-size:22px}.dn-header .dn-logo small{font-size:8px;margin-top:4px}}

/* Font Be Vietnam Pro 600 (tự host) */
@font-face { font-family: 'BeVN'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/bvp-vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'BeVN'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/bvp-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

.dn-head.dn-head-row h2{font-family:'BeVN','Be Vietnam Pro',Arial,sans-serif!important;font-weight:600;font-size:clamp(19px,2vw,24px);letter-spacing:-.01em;line-height:1.2}
@media(max-width:700px){.dn-head.dn-head-row h2{font-size:19px}}

/* Be Vietnam Pro Light 300 */
@font-face { font-family: 'BeVN'; font-style: normal; font-weight: 300; font-display: swap; src: url(fonts/bvp300-vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'BeVN'; font-style: normal; font-weight: 300; font-display: swap; src: url(fonts/bvp300-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.dn-head.dn-head-row h2{font-weight:300;font-size:clamp(21px,2.2vw,27px);letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
@media(max-width:700px){.dn-head.dn-head-row h2{font-size:21px}}

/* Josefin Sans Light 300 (thay Be Vietnam Pro) */
@font-face { font-family: 'JosefinVN'; font-style: normal; font-weight: 300; font-display: swap; src: url(fonts/josefin-vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'JosefinVN'; font-style: normal; font-weight: 300; font-display: swap; src: url(fonts/josefin-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.dn-head.dn-head-row h2{font-family:'JosefinVN','Josefin Sans',Arial,sans-serif!important;font-weight:300;font-size:clamp(25px,2.6vw,32px);letter-spacing:.02em;line-height:1.15}
@media(max-width:700px){.dn-head.dn-head-row h2{font-size:25px}}

/* Dải thương hiệu: PARIM xuống hàng mới */
.dn-brands-in .dn-br{flex:0 0 100%;height:0;margin:-4px 0}

/* Dải cam kết: 4 cột đều, icon tròn, có vạch ngăn */
.dn-trust-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-top:30px;padding-bottom:30px}
.dn-trust-in>div{flex:none;display:flex;flex-direction:row;align-items:flex-start;gap:14px;padding:2px 24px;border-left:1px solid var(--dn-line)}
.dn-trust-in>div:first-child{border-left:0;padding-left:0}
.dn-trust-in>div:last-child{padding-right:0}
.dn-trust-in svg{flex:0 0 44px;width:44px;height:44px;box-sizing:border-box;padding:10px;margin:0;border-radius:50%;background:var(--dn-accent);color:var(--dn-deep)}
.dn-trust-in b{font-size:15.5px;line-height:1.3;margin:0}
.dn-trust-in span{font-size:13.5px;line-height:1.5;margin-top:4px}
@media(max-width:1000px){.dn-trust-in{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;padding-top:24px;padding-bottom:24px}.dn-trust-in>div,.dn-trust-in>div:first-child,.dn-trust-in>div:last-child{border-left:0;padding:0}}
@media(max-width:560px){.dn-trust-in{grid-template-columns:1fr}}

/* 5 ô cam kết */
@media(min-width:1001px){.dn-trust-in{grid-template-columns:repeat(5,minmax(0,1fr))}.dn-trust-in>div{padding:2px 16px;gap:12px}.dn-trust-in svg{flex:0 0 40px;width:40px;height:40px;padding:9px}.dn-trust-in b{font-size:15px}.dn-trust-in span{font-size:13px}}
@media(max-width:1000px){.dn-trust-in>div:last-child:nth-child(odd){grid-column:1/-1}}

/* 5 ô cam kết luôn nằm trên 1 hàng, mọi kích thước màn hình */
@media(max-width:1000px){
.dn-trust-in{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding-top:20px;padding-bottom:20px}
.dn-trust-in>div,.dn-trust-in>div:first-child,.dn-trust-in>div:last-child{flex-direction:column;align-items:center;text-align:center;gap:8px;padding:2px 8px;border-left:1px solid var(--dn-line)}
.dn-trust-in>div:first-child{border-left:0}
.dn-trust-in>div:last-child:nth-child(odd){grid-column:auto}
.dn-trust-in svg{flex:0 0 38px;width:38px;height:38px;padding:9px}
.dn-trust-in b{font-size:13.5px;line-height:1.3}
.dn-trust-in span{font-size:12px;line-height:1.45;margin-top:3px}
}
@media(max-width:620px){
.dn-trust-in>div,.dn-trust-in>div:first-child,.dn-trust-in>div:last-child{padding:2px 4px;gap:6px}
.dn-trust-in svg{flex:0 0 34px;width:34px;height:34px;padding:8px}
.dn-trust-in b{font-size:11px;line-height:1.25}
.dn-trust-in span{display:none}
}

/* Logo dun.glasses + since 2012: nâu đậm */
.dn-header .dn-logo,.dn-header .dn-logo small{color:#5C4128!important}

/* Logo: màu burgundy */
.dn-header .dn-logo,.dn-header .dn-logo small{color:#800020!important}

/* Logo: burgundy ngả nâu */
.dn-header .dn-logo,.dn-header .dn-logo small{color:#6E2B27!important}

/* Logo: nâu burgundy (nâu hơn) */
.dn-header .dn-logo,.dn-header .dn-logo small{color:#68342A!important}

/* since 2012: đậm/đen hơn */
.dn-header .dn-logo small{color:#3A2622!important}

/* Dải thương hiệu trên màn hình nhỏ: lưới 2 cột đều, có đường kẻ */
@media(max-width:860px){
.dn-brands-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;justify-content:stretch;padding-top:6px;padding-bottom:6px}
.dn-brands-in .dn-br{display:none}
.dn-brands-in a{display:flex;align-items:center;justify-content:center;text-align:center;padding:15px 8px;font-size:15px;letter-spacing:.08em;line-height:1.2;border-bottom:1px solid var(--dn-line)}
.dn-brands-in a:nth-of-type(odd){border-right:1px solid var(--dn-line)}
.dn-brands-in a:nth-last-of-type(-n+2){border-bottom:0}
}
@media(max-width:520px){.dn-brands-in a{font-size:13.5px;letter-spacing:.05em;padding:13px 4px}}

/* Dải thương hiệu màn hình nhỏ: 3 cột, không đường kẻ */
@media(max-width:860px){
.dn-brands-in{grid-template-columns:repeat(3,minmax(0,1fr))}
.dn-brands-in a,.dn-brands-in a:nth-of-type(odd),.dn-brands-in a:nth-last-of-type(-n+2){border:0}
.dn-brands-in a{padding:14px 6px;font-size:14px;letter-spacing:.06em}
}
@media(max-width:520px){.dn-brands-in a{font-size:11.5px;letter-spacing:.03em;padding:12px 3px}}

/* Header + thanh trên cùng trên màn hình nhỏ: cố định, không nhảy */
@media(max-width:860px){
.dn-header-in{min-height:76px;align-items:center}
.dn-hbtn{flex:0 0 44px;align-self:center;margin:0}
.dn-header .dn-logo{justify-self:center;align-self:center;min-width:0;max-width:100%}
.dn-topbar-in{gap:4px 16px}
.dn-top-loc{text-align:right;white-space:normal}
}
@media(max-width:560px){
.dn-topbar-in{justify-content:center;flex-direction:column;text-align:center;gap:2px}
.dn-top-loc{text-align:center}
}

/* Mục Tròng kính (trang chủ): nền sáng, chỉ Essilor/HOYA/KODAK + thương hiệu con của Essilor */
.dn-lens{background:#E8DCCB;color:#5C5450}
.dn-lens h2{color:#1F1B19}
.dn-lens p{color:#5C5450}
.dn-lens .dn-eyebrow{color:#6F5233}
.dn-lens-l>div{border-top-color:#CDBB9F}
.dn-lens-l>div:last-child{border-bottom-color:#CDBB9F}
.dn-lens-l b{color:#1F1B19}
.dn-lens-l span{color:#6F5233}
.dn-lens .dn-btn-accent{background:#1F1B19;color:#fff}
.dn-lens .dn-chips{align-items:flex-start;gap:10px 12px}
.dn-lens .dn-chips>span{border-color:#B9A584;color:#1F1B19;background:#F7F1E6}
.dn-lens .dn-grp{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.dn-lens .dn-grp>span{border-color:#B9A584;color:#1F1B19;background:#F7F1E6;border:1px solid #B9A584;border-radius:999px;padding:8px 16px;font-size:13px;letter-spacing:.14em;font-weight:600}
.dn-lens .dn-sub{display:flex;flex-wrap:wrap;gap:6px}
.dn-lens .dn-sub em{font-style:normal;font-size:12px;font-weight:600;letter-spacing:.06em;color:#6F5233;background:rgba(255,255,255,.55);border:1px solid #CDBB9F;border-radius:6px;padding:4px 10px}

/* ===== Tròng kính (trang chủ) – bản làm lại: thẻ thương hiệu ===== */
.dn-lens{background:#EFE5D3}
.dn-lens h2{color:#1F1B19}
.dn-lens p{color:#4F4640;font-size:17px;line-height:1.6}
.dn-lens .dn-eyebrow{color:#6F5233}
.dn-lens .dn-chips{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:12px;align-items:stretch}
.dn-lens .dn-grp{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:#FAF7F1;border:1px solid #DCCDB4;border-radius:16px;padding:18px 20px}
.dn-lens .dn-grp>span{border:0;border-radius:0;background:none;padding:0;color:#1F1B19;font-size:19px;font-weight:700;letter-spacing:.12em;line-height:1.2}
.dn-lens .dn-grp>small{font-size:12.5px;color:#8A7A66;letter-spacing:.04em}
.dn-lens .dn-sub{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid #E4D8C3;width:100%}
.dn-lens .dn-sub em{font-style:normal;font-size:12.5px;font-weight:600;letter-spacing:.03em;color:#6F5233;background:#EFE5D3;border:0;border-radius:999px;padding:6px 12px}
.dn-lens-l>div{border-top:1px solid #D2C2A6;padding:20px 0}
.dn-lens-l>div:last-child{border-bottom:1px solid #D2C2A6}
.dn-lens-l b{color:#1F1B19;font-size:20px;font-weight:600}
.dn-lens-l span{color:#6F5233;background:#FAF7F1;border:1px solid #DCCDB4;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:600;white-space:nowrap}
.dn-lens .dn-btn-accent{background:#1F1B19;color:#fff}
.dn-lens .dn-btn-accent:hover{background:#6F5233;color:#fff}
@media(max-width:860px){.dn-lens .dn-chips{grid-template-columns:1fr 1fr}.dn-lens .dn-grp-main{grid-column:1/-1}}
@media(max-width:520px){.dn-lens .dn-grp{padding:14px 16px}.dn-lens .dn-grp>span{font-size:17px}.dn-lens-l b{font-size:17px}.dn-lens-l span{white-space:normal;text-align:right}}

/* Cờ nước trong thẻ thương hiệu tròng */
.dn-lens .dn-grp>small{display:flex;align-items:center;gap:7px;font-size:13px}
.dn-lens .dn-flag{width:22px;height:15px;flex:0 0 22px;border-radius:2px;box-shadow:0 0 0 1px rgba(31,27,25,.18)}

/* Thẻ thương hiệu tròng: xếp dọc, cờ + tên nước nằm kế bên tên thương hiệu */
.dn-lens .dn-chips,.dn-lens .dn-chips{grid-template-columns:1fr;gap:10px}
.dn-lens .dn-grp{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:14px;row-gap:0;padding:15px 20px}
.dn-lens .dn-grp>small{margin:0;font-size:13.5px;color:#7A6A55}
.dn-lens .dn-sub{flex:0 0 100%;margin-top:12px}
@media(max-width:860px){.dn-lens .dn-chips{grid-template-columns:1fr}.dn-lens .dn-grp-main{grid-column:auto}}

/* Nút trong mục Tròng kính: chữ trắng trên nền đen (ghi đè !important của .dn-btn-accent) */
.dn-lens .dn-btn-accent{background:#1F1B19;color:#fff!important}
.dn-lens .dn-btn-accent:hover{background:#6F5233;color:#fff!important}

/* Thương hiệu con: luôn 1 hàng */
.dn-lens .dn-sub{flex-wrap:nowrap;gap:6px}
.dn-lens .dn-sub em{flex:0 1 auto;min-width:0;white-space:nowrap;padding:6px clamp(6px,1.4vw,12px);font-size:clamp(10px,2.4vw,12.5px)}
@media(max-width:520px){.dn-lens .dn-sub{gap:4px}.dn-lens .dn-grp{padding:14px 14px}}

/* Chân trang: logo dun.glasses thay chữ DUN lớn */
.dn-footer .dn-f-logo{display:flex;justify-content:center;padding:28px 24px 64px}
.dn-footer .dn-f-logo a{display:inline-flex;flex-direction:column;align-items:center;font-family:'Jost',Futura,Arial,sans-serif!important;font-weight:800;font-size:clamp(46px,8.5vw,112px);line-height:1;letter-spacing:-.01em;color:#E8DCCB!important;white-space:nowrap}
.dn-footer .dn-f-logo a small{font-family:'Jost',Futura,Arial,sans-serif!important;font-weight:500;font-size:clamp(11px,1.5vw,20px);letter-spacing:.34em;padding-left:.34em;margin-top:.5em;color:#A89C8E;text-transform:lowercase;line-height:1}
@media(max-width:700px){.dn-footer .dn-f-logo{padding:16px 16px 44px}}

/* Chân trang kiểu Ace & Tate: logo dun.glasses to, tràn hết chiều ngang, bỏ chữ since 2012 */
.dn-footer .dn-f-logo{display:block;padding:8px 0 0;margin:0;text-align:center;line-height:1}
.dn-footer .dn-f-logo a{display:block;font-size:17vw;font-weight:800;line-height:.82;letter-spacing:-.025em;padding:0 0 .04em;white-space:nowrap;overflow:hidden;color:#E8DCCB!important}
.dn-rb .dn-footer .dn-f-logo a{color:#fff!important}

.dn-footer .dn-f-logo{overflow:hidden}
.dn-footer .dn-f-logo a{display:inline-block;overflow:visible}

.dn-footer .dn-f-logo{position:relative}
.dn-footer .dn-f-logo a{position:relative;left:50%;transform:translateX(-50%)}

/* logo chân trang: căn giữa bằng flex (tràn đều hai bên), cỡ chữ theo vw, không cần JS */
.dn-footer .dn-f-logo{display:flex!important;justify-content:center;overflow:hidden;position:relative}
.dn-footer .dn-f-logo a{position:static!important;left:auto!important;transform:none!important;display:block;flex:0 0 auto;font-size:18vw;white-space:nowrap}

/* Kết nối: icon mạng xã hội chia hàng, mỗi hàng 3 */
.dn-footer .dn-f-col .dn-soc{display:grid!important;grid-template-columns:repeat(3,40px);gap:10px;justify-content:start;flex-wrap:unset}
.dn-footer .dn-f-col .dn-soc a,.dn-footer .dn-f-col .dn-soc svg{width:40px;height:40px}
/* Khung bản đồ: giảm khoảng trống trên/dưới */
.dn-contact-in{padding-top:52px!important;padding-bottom:52px!important}
@media(max-width:700px){.dn-contact-in{padding-top:32px!important;padding-bottom:32px!important}}
/* Câu hỏi thường gặp: thu nhỏ tổng thể */
.dn-faq{padding-top:48px}
.dn-faq-in{gap:20px 32px;padding-bottom:48px}
.dn-faq h2{font-size:clamp(24px,2.6vw,32px)!important;line-height:1.15}
.dn-faq-l>div{padding:14px 0}
.dn-faq h3{font-size:17px;line-height:1.3;margin:0 0 5px}
.dn-faq p{font-size:14px;line-height:1.6}
@media(max-width:700px){.dn-faq{padding-top:32px}.dn-faq-in{padding-bottom:32px}.dn-faq h3{font-size:16px}.dn-faq p{font-size:13.5px}}

/* Kết nối: 2 cột */
.dn-footer .dn-f-col .dn-soc{grid-template-columns:repeat(2,40px)}
/* Tròng kính: thương hiệu con nằm cùng hàng, kế bên lá cờ */
.dn-lens .dn-grp{justify-content:flex-start}
.dn-lens .dn-sub{flex:1 1 auto;width:auto;margin:0;padding:0;border-top:0;flex-wrap:wrap;gap:6px}
.dn-lens .dn-sub em{font-size:12.5px;padding:5px 11px}

/* Tròng kính: tên + cờ + thương hiệu con luôn cùng 1 hàng (máy tính) */
@media(min-width:701px){
.dn-lens .dn-grp{flex-wrap:nowrap}
.dn-lens .dn-grp>span,.dn-lens .dn-grp>small{flex:0 0 auto;white-space:nowrap}
.dn-lens .dn-sub{flex:1 1 0;min-width:0;flex-wrap:nowrap;gap:5px;justify-content:flex-start}
.dn-lens .dn-sub em{flex:0 1 auto;min-width:0;white-space:nowrap;font-size:clamp(10.5px,.95vw,12px);padding:5px clamp(6px,.65vw,9px)}
}

/* Câu hỏi thường gặp: nhỏ lại ~1/2 (toàn web) */
.dn-faq{padding-top:28px}
.dn-faq-in{gap:12px 24px;padding-bottom:28px}
.dn-faq h2{font-size:clamp(18px,1.8vw,22px)!important;line-height:1.15}
.dn-faq-h .dn-eyebrow{font-size:10px}
.dn-faq-l>div{padding:8px 0}
.dn-faq h3{font-size:14px;line-height:1.3;margin:0 0 3px}
.dn-faq p{font-size:12.5px;line-height:1.5}
@media(max-width:700px){.dn-faq{padding-top:20px}.dn-faq-in{padding-bottom:20px}.dn-faq h3{font-size:14px}.dn-faq p{font-size:12.5px}}
/* Thông tin cần biết (Kiến thức về mắt kính): nhỏ lại ~1/2 */
#bai-viet{padding-top:28px!important;padding-bottom:28px!important}
#bai-viet .dn-head{margin-bottom:14px}
#bai-viet .dn-head h2{font-size:clamp(18px,1.8vw,22px)!important}
#bai-viet .dn-eyebrow{font-size:10px}
#bai-viet .dn-link{font-size:12.5px}
#bai-viet .dn-posts{gap:16px 14px}
#bai-viet .dn-post{gap:4px}
#bai-viet .dn-post-art{height:90px;border-radius:12px;margin-bottom:2px}
#bai-viet .dn-post-art svg{width:32px;height:32px}
#bai-viet .dn-post-t{font-size:15px!important;line-height:1.25}
#bai-viet .dn-post-x{font-size:12.5px;line-height:1.45}
#bai-viet .dn-post-d{font-size:11.5px}

/* Dòng © đưa lên phía trên đường kẻ ngang */
.dn-footer .dn-f-legal{border-top:0!important;border-bottom:1px solid #4A423E;padding-top:0;padding-bottom:20px}
.dn-footer-in{padding-bottom:0}

/* ===== Tìm kiếm trên header (mọi trang) ===== */
.dn-sr summary{list-style:none;cursor:pointer;display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;color:#1F1B19;user-select:none}
.dn-sr summary::-webkit-details-marker{display:none}
.dn-sr summary:hover,.dn-sr[open] summary{background:var(--dn-soft)}
.dn-sr form{position:absolute;left:0;right:0;top:100%;display:flex;gap:10px;padding:14px max(16px,calc((100% - 1200px)/2));background:var(--dn-bg);border-bottom:1px solid var(--dn-line);box-shadow:0 14px 26px rgba(31,27,25,.10);z-index:80}
.dn-sr input[type=search]{flex:1 1 auto;min-width:0;height:46px;box-sizing:border-box;padding:0 18px;border:1px solid #CDBB9F;border-radius:999px;background:#fff;font-size:15px;color:#1F1B19}
.dn-sr button{flex:0 0 auto;height:46px;padding:0 26px;border:0;border-radius:999px;background:#1F1B19;color:#fff;font-size:14px;font-weight:700;cursor:pointer}
.dn-nav-r .dn-sr{margin-left:-8px}
.dn-sr-m{display:none}
@media(max-width:860px){
  .dn-header-in{grid-template-columns:44px 1fr 44px 44px}
  .dn-sr-m{display:block;order:3}
  .dn-sr-m summary{width:44px;height:44px;border:1px solid #1F1B19}
  .dn-hbtn-tel{order:4}
}
/* Ray-Ban: header đen */
.rb-header .dn-sr summary{color:#fff;border:1px solid rgba(255,255,255,.35)}
.rb-header .dn-sr summary:hover,.rb-header .dn-sr[open] summary{background:rgba(255,255,255,.14)}
.rb-header .dn-sr form{background:#0B0B0B;border-bottom:2px solid #E10600;box-shadow:0 14px 26px rgba(0,0,0,.35)}
.rb-header .dn-sr button{background:#E10600}

.dn-sr summary{box-sizing:border-box}

/* Tiêu đề "Chọn theo nhu cầu của bạn": font Mulish ExtraBold (gần với UTM Avo Bold) */
@font-face{font-family:'Mulish';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/mulish800-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Mulish';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/mulish800-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Mulish';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/mulish800-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
#bo-suu-tap .dn-head h2{font-family:'Mulish','Be Vietnam Pro',Arial,sans-serif!important;font-weight:800;letter-spacing:-.015em;line-height:1.12}

/* Thẻ "Tròng kính" ở mục Danh mục: nền nâu đậm */
.dn-cat-c{background:#5B3A24;color:#fff}

/* Menu xổ xuống: khung nổi bật */
.dn-dd{background:#fff;border-top:3px solid #6F5233;border-bottom:1px solid #D9CBB3;box-shadow:0 34px 60px -18px rgba(31,27,25,.38),0 10px 24px -10px rgba(31,27,25,.18)}
.dn-dd-in{padding-top:30px;padding-bottom:34px}
.dn-dd-col h4{display:inline-block;margin:0 0 12px;padding-bottom:7px;border-bottom:2px solid #6F5233;color:#1F1B19;font-size:12.5px}
.dn-dd-list a{padding:7px 12px;margin:0 -12px;border-radius:8px;transition:background .15s,color .15s}
.dn-dd-list a:hover{background:#F0E8DB;color:#1F1B19;text-decoration:none}
.dn-dd-all{background:#1F1B19;color:#fff;border-color:#1F1B19}
.dn-dd-all:hover{background:#6F5233;border-color:#6F5233;color:#fff}

/* Tiêu đề hero trang chủ: nhỏ lại, nằm trên 1 hàng */
.dn-home .dn-hero h1{font-size:clamp(26px,4vw,46px);white-space:nowrap;line-height:1.1;letter-spacing:-.01em}
@media(max-width:860px){.dn-home .dn-hero h1{font-size:clamp(26px,7vw,44px)}}

/* Mục Tròng kính (trang chủ): thu nhỏ khoảng 30% */
.dn-lens{margin-top:32px}
.dn-lens .dn-lens-in{padding-top:38px;padding-bottom:38px;gap:24px 36px}
.dn-lens .dn-lens-t{gap:14px}
.dn-lens h2{font-size:clamp(23px,2.8vw,36px);line-height:1.12}
.dn-lens p{font-size:13.5px;line-height:1.55}
.dn-lens .dn-eyebrow{font-size:10.5px}
.dn-lens .dn-chips{gap:7px}
.dn-lens .dn-grp{padding:9px 13px;column-gap:10px;border-radius:12px}
.dn-lens .dn-grp>span{font-size:13px}
.dn-lens .dn-grp>small{font-size:11.5px}
.dn-lens .dn-flag{width:18px;height:12px;flex:0 0 18px}
.dn-lens .dn-sub{margin-top:0;gap:4px}
.dn-lens .dn-sub em{font-size:10.5px;padding:4px 9px}
.dn-lens .dn-btn{font-size:13px;padding:10px 20px;min-height:0}
.dn-lens .dn-btnrow{gap:8px}
.dn-lens .dn-lens-l>div{padding:11px 0;gap:10px}
.dn-lens .dn-lens-l b{font-size:14px}
.dn-lens .dn-lens-l span{font-size:10.5px;padding:4px 10px}

/* Trang sản phẩm: khối Thương hiệu / Chất liệu / Thông số */
.dn-spec{margin:18px 0 8px}
.dn-spec dl{margin:0;padding:0}
.dn-spec dl>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #E6DCCD;font-size:15px;line-height:1.45}
.dn-spec dt{margin:0;color:#7A6A55;font-weight:400}
.dn-spec dd{margin:0;color:#1F1B19;font-weight:700}
.dn-spec .dn-spec-h{margin:20px 0 4px;padding:0 0 0 10px;border-left:4px solid #6F5233;font-size:17px;font-weight:800;line-height:1.2;color:#1F1B19}
@media(max-width:560px){.dn-spec dl>div{grid-template-columns:120px 1fr;font-size:14px}}

/* Nút liên hệ trang sản phẩm: lưới 2x2 gọn */
.dn-pcta{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:440px}
.dn-pcta .dn-pnote,.dn-pcta .dn-pmeta{grid-column:1/-1;margin:0}
.dn-pcta .dn-btn{padding:13px 10px;font-size:14px;min-height:50px}
/* Sản phẩm tương tự */
@media(min-width:768px){.related.products ul.products>li:nth-child(n+5){display:none!important}}
@media(max-width:767px){
  .dn-pcta .dn-btn{font-size:13px;padding:11px 6px;gap:6px}
  .related.products>h2{font-size:20px!important;margin-bottom:12px}
  .related.products ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 8px!important}
  .related.products ul.products>li:nth-child(n+7){display:none!important}
  .related.products ul.products li.product .woocommerce-loop-image-link{border-radius:12px}
  .related.products ul.products li.product .woocommerce-loop-product__title{font-size:11.5px!important;line-height:1.25;margin:6px 0 2px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .related.products ul.products li.product .price{font-size:11.5px!important}
  .related.products ul.products li.product .dn-brand,.related.products ul.products li.product .dn-loop-zalo{display:none!important}
}

.dn-spec .dn-spec-color{margin:10px 0 0;font-size:15px;line-height:1.5;color:#1F1B19;font-weight:700}

/* Màu sắc: hình tròn tô đúng màu, rê chuột hiện tên màu */
.dn-spec .dn-clr{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.dn-spec .dn-clr li{margin:0;padding:0;list-style:none}
.dn-clr-dot{position:relative;display:block;width:30px;height:30px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);cursor:default;outline:0}
.dn-clr-dot[data-src]{cursor:pointer}
.dn-clr-dot.is-on{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 2px #fff,0 0 0 4px #1F1B19}
.dn-clr-dot:hover,.dn-clr-dot:focus{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 2px #fff,0 0 0 4px #6F5233}
.dn-clr-dot::after{content:attr(data-n);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);background:#1F1B19;color:#fff;font-size:12px;font-weight:600;line-height:1;padding:7px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:.15s;z-index:5}
.dn-clr-dot:hover::after,.dn-clr-dot:focus::after{opacity:1;visibility:visible}
.dn-clr-chip{display:inline-block;padding:6px 12px;border:1px solid #E6DCCD;border-radius:999px;font-size:13px;font-weight:600;color:#1F1B19;background:#FAF7F1}

/* Màu sắc: cùng hàng với nhãn, các hình tròn xếp ngang */
.dn-spec .dn-spec-colorrow{margin-top:6px}
.dn-spec .dn-spec-colorrow>div{align-items:center}
.dn-spec ul.dn-clr{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center;gap:12px!important;margin:0!important;padding:0!important;list-style:none!important}
.dn-spec ul.dn-clr>li{display:block!important;flex:0 0 auto!important;width:auto!important;margin:0!important;padding:0!important;list-style:none!important;position:static!important;float:none!important}
.dn-spec ul.dn-clr>li::before,.dn-spec ul.dn-clr>li::marker{content:none!important;display:none!important}
.dn-spec .dn-clr-dot{flex:0 0 auto;width:28px!important;height:28px!important;min-width:28px;position:relative}

.dn-spec dl>.dn-spec-colorrow{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center}
.dn-spec .dn-spec-colorrow dt{margin:0}
.dn-spec .dn-spec-colorrow dd{margin:0}
@media(max-width:560px){.dn-spec dl>.dn-spec-colorrow{grid-template-columns:120px 1fr}}

.dn-spec dd a{color:inherit;text-decoration:underline;text-decoration-color:#C9B79C;text-underline-offset:4px;text-decoration-thickness:1.5px}
.dn-spec dd a:hover{color:#6F5233;text-decoration-color:#6F5233}

/* Bỏ gạch chân ở liên kết Thương hiệu / Chất liệu / Kiểu dáng */
.dn-spec dd a,.dn-spec dd a:hover,.dn-spec dd a:focus{text-decoration:none!important}

/* Nhãn Hết hàng */
.dn-oos{position:absolute;left:12px;top:12px;z-index:5;background:#1F1B19;color:#fff;font-size:12.5px;font-weight:700;line-height:1;letter-spacing:.02em;padding:7px 13px;border-radius:999px;pointer-events:none}
.dn-card-img,ul.products li.product .woocommerce-loop-image-link,.woocommerce-product-gallery__image{position:relative}
.woocommerce-product-gallery .dn-oos{left:16px;top:16px;font-size:13.5px;padding:8px 16px}
@media(max-width:767px){.dn-oos{left:8px;top:8px;font-size:11px;padding:5px 9px}.related.products .dn-oos{left:5px;top:5px;font-size:9.5px;padding:4px 7px}}

/* Chip thương hiệu dạng logo */
.dn-chiprow a.dn-bl{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 13px;background:#fff}
.dn-chiprow a.dn-bl img{display:block;height:22px;width:auto;max-width:120px;object-fit:contain;filter:none}
.dn-chiprow a.dn-bl.is-on{background:#fff;color:inherit;box-shadow:inset 0 0 0 2px #1F1B19;border-color:#1F1B19}
.dn-chiprow a.dn-bl,.dn-chiprow a.dn-bl:hover{border:0;background:transparent;border-radius:0;box-shadow:none}
.dn-chiprow a.dn-bl{padding:0 10px}
.dn-chiprow a.dn-bl.is-on{background:transparent;border:0;box-shadow:inset 0 -2px 0 #1F1B19}
.dn-chiprow a.dn-bl img[src*="rayban"]{height:35px;width:auto;max-width:none}
.dn-chiprow[aria-label="Thương hiệu"] a:not(.dn-bl),.dn-chiprow[aria-label="Thương hiệu"] a:not(.dn-bl):hover{display:inline-flex;align-items:center;height:42px;padding:0 10px;background:#fff;color:#1F1B19;border:0;border-radius:0;font-weight:500}
.dn-chiprow[aria-label="Thương hiệu"] a:not(.dn-bl).is-on{background:#fff;color:#1F1B19;box-shadow:inset 0 -2px 0 #1F1B19}
.dn-chiprow[aria-label="Thương hiệu"] a.dn-bl,.dn-chiprow[aria-label="Thương hiệu"] a:not(.dn-bl){height:48px;border-radius:8px;transition:padding .15s,box-shadow .15s}
.dn-chiprow[aria-label="Thương hiệu"] a.dn-bl img{transition:transform .15s;transform-origin:center}
.dn-chiprow[aria-label="Thương hiệu"] a.dn-bl.is-on,.dn-chiprow[aria-label="Thương hiệu"] a:not(.dn-bl).is-on{background:#fff;box-shadow:inset 0 0 0 2px #1F1B19;padding:0 24px}
.dn-chiprow[aria-label="Thương hiệu"] a.dn-bl.is-on img{transform:scale(1.3)}
.dn-chiprow[aria-label="Thương hiệu"] a:not(.dn-bl).is-on{font-size:1.3em;font-weight:600}
.dn-chiprow[aria-label="Thương hiệu"] a:not(.dn-bl),.dn-chiprow[aria-label="Thương hiệu"] a:not(.dn-bl):hover,.dn-chiprow[aria-label="Thương hiệu"] a:not(.dn-bl).is-on{background:transparent;color:#1F1B19}
.dn-dd-in.dn-dd-4{grid-template-columns:auto auto auto 1fr}
.dn-dd-4 .dn-dd-end{grid-column:4}
.dn-dd-in.dn-dd-4 .dn-dd-end{grid-column:1/-1;grid-row:2;justify-content:center;align-items:center;margin-top:4px}
.dn-dd-in.dn-dd-4{row-gap:0}
.dn-dd-in.dn-dd-4 .dn-dd-end{margin-top:-6px}
.dn-dd-in{row-gap:0}
.dn-dd-in .dn-dd-end{grid-column:1/-1;grid-row:2;justify-content:center;align-items:center;margin-top:-6px}

/* Ảnh chương trình giảm giá ở đầu trang chủ: hiển thị trọn ảnh, không cắt */
.dn-hero-art.has-img{flex:1.35 1 420px;min-height:0;background:#FBF4E0;border-radius:24px;box-shadow:0 1px 0 #E6DCCD,0 18px 40px -24px rgba(31,27,25,.35)}
.dn-hero-art.has-img img{width:100%;height:auto;min-height:0;object-fit:contain;display:block}
@media(max-width:820px){.dn-hero-art.has-img{flex-basis:100%;min-height:0;border-radius:18px}.dn-hero-art.has-img img{min-height:0}}

/* Hero: 3 nút cùng 1 hàng */
.dn-hero .dn-btnrow{flex-direction:row!important;flex-wrap:nowrap!important;gap:8px;margin-top:8px}
.dn-hero .dn-btnrow .dn-btn{width:auto!important;flex:1 1 auto;min-width:0;white-space:nowrap;padding-left:clamp(8px,1.5vw,22px);padding-right:clamp(8px,1.5vw,22px);font-size:clamp(12px,3.3vw,15px);text-align:center;justify-content:center}
@media(max-width:340px){.dn-hero .dn-btnrow{gap:6px}.dn-hero .dn-btnrow .dn-btn{font-size:11px;padding-left:5px;padding-right:5px}}
@media(max-width:330px){.dn-hero .dn-btnrow .dn-btn{font-size:10.5px;padding-left:3px;padding-right:3px;letter-spacing:0}}

/* Hình minh họa bài viết */
.dn-post-art.has-ill{padding:0;overflow:hidden}
.dn-post-art.has-ill img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:700px){.dn-post-art.has-ill img{object-fit:contain}}

.dn-post-art.has-ill,.dn-post-more .dn-post-art.has-ill{height:auto!important;aspect-ratio:7/4;border-radius:20px}
.dn-post-art.has-ill img{height:100%;object-fit:contain!important}
@media(max-width:700px){.dn-post-art.has-ill,.dn-post-more .dn-post-art.has-ill{border-radius:14px}}

/* Trang chính sách */
.dn-policy h2{font-size:clamp(20px,2.2vw,26px);line-height:1.25;margin:34px 0 10px;color:#1F1B19}
.dn-policy h3{font-size:17px;line-height:1.3;margin:22px 0 6px;color:#6F5233}
.dn-policy p,.dn-policy li{font-size:16px;line-height:1.7;color:#3A332E}
.dn-policy p{margin:0 0 12px}
.dn-policy ul{margin:0 0 14px;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.dn-policy .dp-lead{font-size:18px;color:#4F4640;max-width:62ch}
.dn-policy .dp-contact{margin-top:28px;padding:16px 18px;background:#F4EDE0;border-radius:14px}
.dn-policy a{color:#6F5233;text-decoration:underline}
.dp-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px;padding-top:20px;border-top:1px solid #E6DCCD}
.dp-nav a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid #B9A584;border-radius:999px;font-size:14px;font-weight:700;color:#1F1B19;text-decoration:none!important}

/* Tạm ẩn cột Chính sách ở chân trang. Muốn hiện lại: xóa dòng dưới */
.dn-f-policy{display:none!important}

/* Bộ lọc và lưới sản phẩm gọn trên điện thoại */
.dn-fbar{display:none}
@media(max-width:760px){
  .dn-fbar{display:flex;align-items:center;gap:14px;margin:0 0 12px}
  .dn-ftoggle{appearance:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:1px solid #1F1B19;border-radius:999px;background:#fff;color:#1F1B19;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
  .dn-ftoggle::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
  .dn-fwrap.is-open .dn-ftoggle::after{transform:rotate(-135deg) translateY(-2px)}
  .dn-ftoggle b{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;background:#1F1B19;color:#fff;font-size:12px}
  .dn-fclear{font-size:14px;font-weight:600;color:#6F5233;text-decoration:underline}
  .dn-fwrap:not(.is-open) .dn-fbody{display:none}
  .dn-fbody{padding:14px 14px 2px;margin:0 0 14px;background:#fff;border:1px solid #E6DCCD;border-radius:16px}
  .dn-fbody .dn-chiprow.dn-chiprow-2{flex-wrap:wrap;gap:6px;margin:0 0 14px}
  .dn-fbody .dn-chiprow.dn-chiprow-2 .dn-eyebrow{flex:0 0 100%;margin:0 0 2px;font-size:11px}
  .dn-fbody .dn-chiprow.dn-chiprow-2 a{padding:7px 12px;font-size:13px}
  .dn-fbody a.dn-clear{display:none}

  ul.products.grid-cols{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 12px!important}
  ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;line-height:1.3!important;margin-top:2px!important}
  ul.products li.product .price{font-size:13px!important}
  ul.products li.product .dn-brand{font-size:10px!important;margin-top:8px!important}
  ul.products li.product .dn-loop-zalo{font-size:12px!important}
  .dn-grid{gap:18px 12px}
  .dn-card-name{font-size:15px!important;line-height:1.3!important}
  .dn-card [class*=price]{font-size:13px!important}
}

/* Danh mục trang chủ: 2 cột, gọn trên điện thoại */
@media(max-width:760px){
  #bo-suu-tap .dn-head{margin-bottom:16px;gap:6px}
  #bo-suu-tap .dn-head h2{font-size:24px!important}
  .dn-cats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .dn-cat{flex:none!important;min-height:112px!important;padding:16px!important;border-radius:16px!important}
  .dn-cat-t{font-size:18px!important;line-height:1.2!important}
  .dn-cat-l{font-size:12px!important;line-height:1.3!important;margin-top:14px}
}

/* Ô cam kết trên điện thoại: xếp dọc, hiện đủ mô tả */
@media(max-width:620px){
  .dn-trust-in{grid-template-columns:1fr!important;gap:0!important;padding-top:6px!important;padding-bottom:6px!important}
  .dn-trust-in>div,.dn-trust-in>div:first-child,.dn-trust-in>div:last-child{flex-direction:row!important;align-items:center!important;text-align:left!important;gap:14px!important;padding:12px 2px!important;border-left:0!important;border-top:1px solid var(--dn-line)}
  .dn-trust-in>div:first-child{border-top:0}
  .dn-trust-in svg{flex:0 0 40px!important;width:40px!important;height:40px!important;padding:9px!important}
  .dn-trust-in b{font-size:15px!important;line-height:1.3!important}
  .dn-trust-in span{display:block!important;font-size:13px!important;line-height:1.45!important;margin-top:2px!important}
}

/* Ô cam kết trên điện thoại v2: dạng thẻ trắng, gọn và cân đối */
@media(max-width:620px){
  .dn-trust-in{gap:10px!important;padding-top:18px!important;padding-bottom:18px!important}
  .dn-trust-in>div,.dn-trust-in>div:first-child,.dn-trust-in>div:last-child{background:#fff;border:1px solid #E6DCCD!important;border-radius:16px;padding:14px 16px!important;gap:14px!important;align-items:center!important;box-shadow:0 1px 2px rgba(31,27,25,.04)}
  .dn-trust-in>div:first-child{border-top:1px solid #E6DCCD!important}
  .dn-trust-in svg{flex:0 0 44px!important;width:44px!important;height:44px!important;padding:11px!important;margin:0!important;background:#F1E9DD!important;color:#6F5233!important;border-radius:50%}
  .dn-trust-in>div>div{min-width:0}
  .dn-trust-in b{font-size:15.5px!important;line-height:1.25!important;margin:0!important;color:#1F1B19}
  .dn-trust-in span{font-size:13px!important;line-height:1.4!important;margin-top:3px!important;color:#6B5F55!important}
}

/* Thương hiệu trên điện thoại: hiện đủ, xếp lưới 4 cột, không cần kéo ngang */
@media(max-width:760px){
  .dn-chiprow[aria-label="Thương hiệu"]{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;overflow:visible!important;flex-wrap:wrap!important;margin:0 0 18px}
  .dn-chiprow[aria-label="Thương hiệu"] a,.dn-chiprow[aria-label="Thương hiệu"] a:hover,.dn-chiprow[aria-label="Thương hiệu"] a.dn-bl,.dn-chiprow[aria-label="Thương hiệu"] a:not(.dn-bl){display:flex!important;align-items:center;justify-content:center;height:46px!important;padding:0 6px!important;background:#fff!important;border:1px solid var(--dn-line)!important;border-radius:10px!important;box-shadow:none!important;min-width:0;font-size:12.5px;white-space:nowrap}
  .dn-chiprow[aria-label="Thương hiệu"] a.dn-bl img{height:auto!important;max-height:22px;max-width:100%!important;width:auto;transform:none!important}
  .dn-chiprow[aria-label="Thương hiệu"] a.dn-bl img[src*="rayban"]{max-height:30px}
  .dn-chiprow[aria-label="Thương hiệu"] a.is-on,.dn-chiprow[aria-label="Thương hiệu"] a.dn-bl.is-on{border-color:#1F1B19!important;box-shadow:inset 0 0 0 1px #1F1B19!important;padding:0 6px!important;font-size:12.5px!important;font-weight:600}
}

/* Điện thoại: ẩn Velocity khỏi hàng thương hiệu (đã gộp vào mục Khác) */
@media(max-width:760px){.dn-chiprow[aria-label="Thương hiệu"] a[href*="/velocity/"]{display:none!important}}

/* Điện thoại: thứ tự logo thương hiệu (Parim trước Helen Keller, Tommy trước Molsion) + hàng nút ở đầu trang */
@media(max-width:760px){
  .dn-chiprow[aria-label="Thương hiệu"] a[href*="/mat-kinh-rayban/"]{order:1}
  .dn-chiprow[aria-label="Thương hiệu"] a[href*="/vogue/"]{order:2}
  .dn-chiprow[aria-label="Thương hiệu"] a[href*="/coach/"]{order:3}
  .dn-chiprow[aria-label="Thương hiệu"] a[href*="/newbalance/"]{order:4}
  .dn-chiprow[aria-label="Thương hiệu"] a[href*="/mat-kinh-armani-exchange/"]{order:5}
  .dn-chiprow[aria-label="Thương hiệu"] a[href*="/parim/"]{order:6}
  .dn-chiprow[aria-label="Thương hiệu"] a[href*="/helen-keller/"]{order:7}
  .dn-chiprow[aria-label="Thương hiệu"] a[href*="/exfash/"]{order:8}
  .dn-chiprow[aria-label="Thương hiệu"] a[href*="/velocity/"]{order:9}
  .dn-chiprow[aria-label="Thương hiệu"] a[href*="/tommy-hilfiger/"]{order:10}
  .dn-chiprow[aria-label="Thương hiệu"] a[href*="/molsion/"]{order:11}
  .dn-chiprow[aria-label="Thương hiệu"] a[href*="/bolon/"]{order:12}
  .dn-chiprow[aria-label="Thương hiệu"] a[href*="hieu=khac"]{order:13}
  .dn-hero .dn-btnrow{flex-wrap:wrap!important;gap:10px!important}
  .dn-hero .dn-btnrow .dn-btn{flex:1 1 calc(50% - 6px)!important;justify-content:center;text-align:center;white-space:nowrap;padding-left:14px!important;padding-right:14px!important}
  .dn-hero .dn-btnrow .dn-btn-line{flex-basis:100%!important}
}

/* Nút "Cách thức mua hàng" cùng kiểu chữ với 2 nút trên */
.dn-hero .dn-btnrow .dn-btn-line{font-weight:700!important;font-size:15px;color:#1F1B19;letter-spacing:0}
.dn-hero .dn-btnrow .dn-btn-dark,.dn-hero .dn-btnrow .dn-btn-accent{font-weight:700!important}

/* Điện thoại: ẩn nút chỉ đường và nút gọi ở đầu trang */
@media(max-width:760px){.dn-header-in .dn-hbtn-map,.dn-header-in .dn-hbtn-tel{display:none!important}}

/* Điện thoại: bố cục lại đầu trang khi bỏ 2 nút (logo ở giữa, tìm kiếm bên phải) */
@media(max-width:760px){
  .dn-header-in{grid-template-columns:44px minmax(0,1fr) 44px!important}
  .dn-header-in .dn-logo{grid-column:2;justify-self:center}
  .dn-header-in .dn-sr-m{grid-column:3}
}