.elementor-77620 .elementor-element.elementor-element-c5a0f25{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:18px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-77620 .elementor-element.elementor-element-c5a0f25:not(.elementor-motion-effects-element-type-background), .elementor-77620 .elementor-element.elementor-element-c5a0f25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F4F7;}.elementor-77620 .elementor-element.elementor-element-858c86a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:14px 20px;--row-gap:14px;--column-gap:20px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77620 .elementor-element.elementor-element-e347ec1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-77620 .elementor-element.elementor-element-9565881{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-77620 .elementor-element.elementor-element-b48045d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-77620 .elementor-element.elementor-element-858c86a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:769px){.elementor-77620 .elementor-element.elementor-element-c5a0f25{--content-width:1248px;}}@media(max-width:768px){.elementor-77620 .elementor-element.elementor-element-c5a0f25{--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:12px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-77620 .elementor-element.elementor-element-858c86a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-e347ec1 */@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap");
#ypc{--navy:#2A4374;--ink:#1A1F2B;--mut:#5B6474;--line:#E3E7ED;--soft:#EAF0F7;--red:#C8202C;--bg:#F2F4F7;font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);font-size:14px;line-height:1.5;background:var(--bg);text-align:left}
#ypc *,#ypc *::before,#ypc *::after{box-sizing:border-box}
#ypc a{color:var(--navy);text-decoration:none}
#ypc button{font:inherit;color:inherit;letter-spacing:normal;text-transform:none;box-shadow:none;min-height:0;line-height:1.3}
#ypc h1,#ypc h2,#ypc h3{text-transform:none;letter-spacing:normal}
#ypc .c-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#ypc .c-main{max-width:1248px;margin:0 auto;padding:0 24px 0;display:flex;flex-direction:column;gap:14px}
#ypc .c-title{display:flex;flex-direction:column;gap:6px;padding-top:16px}
#ypc .c-bc{font-size:13px;color:var(--mut);display:flex;gap:8px}
#ypc .c-bc a{color:var(--mut)}#ypc .c-bc span:last-child{color:var(--ink)}
#ypc h1{margin:0;font-family:'Playfair Display',Georgia,serif;font-size:32px;font-weight:600;color:var(--navy);line-height:1.2}
#ypc .c-desc{margin:0;color:#4A5261;max-width:820px;display:flex;align-items:flex-end;gap:4px}
#ypc .c-desc span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#ypc .c-more{font-weight:600;flex:none}
#ypc .c-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
#ypc .c-strip::-webkit-scrollbar{display:none}
#ypc .c-strip button{flex:none;height:46px;min-width:112px;padding:0 12px;border:1px solid var(--line);background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:'Playfair Display',Georgia,serif;font-weight:600;letter-spacing:1.2px;font-size:13px;transition:border-color .2s}
#ypc .c-strip img{display:block;max-height:34px;max-width:96px;width:auto;height:auto;object-fit:contain}
#ypc .c-strip button:hover,#ypc .c-strip button[aria-pressed=true]{border-color:var(--navy)}
#ypc .c-strip button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--navy);background:#F7F9FC}
#ypc .c-card{background:#fff;border-radius:16px}
#ypc .c-filter{padding:16px 18px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:5}
#ypc .c-filter h2{margin:0;font-size:16px;font-weight:700;color:var(--ink)}
#ypc .c-pills{display:flex;flex-wrap:wrap;gap:8px}
#ypc .c-pw{position:relative}
#ypc .c-pill{font-size:13.5px;font-weight:500;cursor:pointer;height:38px;padding:0 10px 0 14px;border-radius:10px;display:flex;align-items:center;gap:6px;border:1.5px solid #D5DBE3;background:#fff;color:var(--ink);transition:border-color .2s}
#ypc .c-all{padding:0 14px;font-weight:600}
#ypc .c-pill:hover,#ypc .c-pill[aria-expanded=true]{border-color:var(--navy)}
#ypc .c-pill.on{border-color:var(--navy);background:var(--soft);color:var(--navy);font-weight:600}
#ypc .c-pill[aria-expanded=true] svg:last-child{transform:rotate(180deg)}
#ypc .c-pop{position:absolute;top:46px;left:0;z-index:30;width:340px;max-width:calc(100vw - 48px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(14,42,71,.16);padding:14px;display:flex;flex-direction:column;gap:12px}
#ypc .c-pop.c-wide{width:560px}
#ypc .c-pop[hidden],#ypc [hidden]{display:none!important}
#ypc .c-pw:nth-last-child(-n+3) .c-pop:not(.c-wide){left:auto;right:0}
#ypc .c-range{display:flex;align-items:center;gap:8px}
#ypc .c-range label{flex:1;display:flex;align-items:center;border:1px solid #D5DBE3;border-radius:9px;height:38px;padding:0 10px;font-size:13px}
#ypc .c-range input{flex:1;min-width:0;border:0;outline:0;font:inherit;padding:0;height:auto;background:none;box-shadow:none}
#ypc .c-range i{font-style:normal;color:var(--mut)}
#ypc .c-bsearch{display:flex;align-items:center;gap:8px;border:1px solid #D5DBE3;border-radius:9px;height:38px;padding:0 10px;color:var(--mut)}
#ypc .c-bsearch input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:13px;padding:0;height:auto;background:none;box-shadow:none}
#ypc .c-opts{display:flex;flex-wrap:wrap;gap:6px}
#ypc .c-bopts{max-height:240px;overflow-y:auto}
#ypc .c-opts button,#ypc .c-shb .c-opts button{font-size:13px;font-weight:500;cursor:pointer;height:34px;padding:0 12px;border-radius:999px;border:1.5px solid #D5DBE3;background:#fff;color:var(--ink);transition:border-color .2s,background-color .2s}
#ypc .c-opts button:hover{border-color:var(--navy)}
#ypc .c-opts button[aria-pressed=true]{border-color:var(--navy);background:var(--navy);color:#fff}
#ypc .c-pfoot{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#ypc .c-pfoot button{white-space:nowrap;padding:0 8px;height:38px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid #D5DBE3;background:#fff}
#ypc .c-pfoot .c-ok,#ypc .c-shok{border:0;background:var(--navy);color:#fff}
#ypc .c-allb{max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;margin:-2px -4px 0;padding:2px 4px}
#ypc .c-grp{display:flex;flex-direction:column;gap:8px}
#ypc .c-grp>span{font-weight:600;font-size:13.5px}
#ypc .c-active{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:4px;border-top:1px dashed var(--line)}
#ypc .c-active>span{font-size:13px;color:var(--mut);margin-right:2px;padding-top:8px}
#ypc .c-active>div{display:contents}
#ypc .c-chip{margin-top:8px;font-size:12.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 12px;border-radius:999px;border:0;background:var(--navy);color:#fff}
#ypc .c-active .c-clrall{margin-top:8px;font-size:12.5px;font-weight:600;cursor:pointer;border:0;background:none;color:var(--red);height:30px;padding:0 6px}
#ypc .c-sort{padding:12px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#ypc .c-sort>span{font-size:13px;color:#3F4857;margin-right:2px}
#ypc .c-sort button{font-size:13px;font-weight:600;cursor:pointer;height:34px;padding:0 12px;border-radius:999px;display:flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:#fff;color:#3F4857;transition:border-color .2s}
#ypc .c-sort button:hover{border-color:var(--navy)}
#ypc .c-sort button[aria-pressed=true]{border-color:var(--navy);background:var(--soft);color:var(--navy)}
#ypc .c-list{padding:16px 18px 22px;display:flex;flex-direction:column;gap:14px}
#ypc .c-lhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
#ypc .c-q{flex:0 1 380px;min-width:0;display:flex;align-items:center;gap:8px;border:1px solid #D5DBE3;border-radius:10px;height:40px;padding:0 12px;color:var(--mut);margin:0}
#ypc .c-q input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:13.5px;background:transparent;padding:0;height:auto;box-shadow:none;color:var(--ink)}
#ypc .c-count{font-size:13.5px;color:var(--ink);font-weight:700}
#ypc .c-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
#ypc .c-pc{border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:5px;position:relative;background:#fff;transition:box-shadow .2s,border-color .2s}
#ypc .c-pc:hover{border-color:#CDD5E0;box-shadow:0 6px 18px rgba(14,42,71,.08)}
#ypc .c-badge{position:absolute;top:10px;left:10px;z-index:2;font-size:10.5px;font-weight:700;border-radius:5px;padding:1px 7px;line-height:1.5}
#ypc .b-sale{background:var(--red);color:#fff}#ypc .b-new{background:var(--soft);color:var(--navy)}#ypc .b-lim{background:#F6EEE4;color:#7A5518}#ypc .b-out{background:#5B6474;color:#fff}
#ypc .c-pc .wd-wishlist-btn{position:absolute;top:6px;right:6px;z-index:2;margin:0}
#ypc .c-pc .wd-wishlist-btn a{width:34px;height:34px;border-radius:999px;background:#fff;color:var(--mut);display:flex!important;align-items:center;justify-content:center;padding:0}
#ypc .c-pc .wd-wishlist-btn a::before{display:none!important}
#ypc .c-pc .wd-wishlist-btn a.added{color:var(--red)}#ypc .c-pc .wd-wishlist-btn a.added svg{fill:currentColor}
#ypc .c-pc .wd-wishlist-btn .wd-action-text{display:none}
#ypc .c-img{height:170px;border-radius:10px;background:#F6F7F9;display:flex;align-items:center;justify-content:center;overflow:hidden}
#ypc .c-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s ease}
#ypc .c-pc:hover .c-img img{transform:scale(1.04)}
#ypc .c-out .c-img img{opacity:.55}
#ypc .c-br{font-size:10.5px;font-weight:700;letter-spacing:.8px;color:var(--mut);margin-top:3px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ypc .c-nm{font-size:13px;font-weight:500;height:38px;line-height:19px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#ypc .c-nm:hover{color:var(--navy)}
#ypc .c-foot{display:flex;flex-direction:column;gap:5px;margin-top:auto}
#ypc .c-pr{display:flex;flex-direction:column;min-height:40px}
#ypc .c-pr strong{font-size:15px;font-weight:700;color:var(--navy)}
#ypc .c-pr.sale strong{color:var(--red)}
#ypc .c-pr small{font-size:12px;color:var(--mut)}#ypc .c-pr small s{text-decoration:line-through}#ypc .c-pr small b{color:var(--red);font-weight:600}
#ypc .c-add{height:36px;border-radius:9px;border:0;background:var(--soft);color:var(--navy);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background-color .2s,color .2s;width:100%}
#ypc .c-add:hover{background:var(--navy);color:#fff}
#ypc .c-add svg{display:none}
#ypc .c-add.done{background:#E7F5EC;color:#1F7A44}
#ypc .c-add[disabled]{background:#F3F5F8;color:#9AA3B1;cursor:default}
#ypc .c-promo{border-radius:14px;background:var(--navy);color:#fff;padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}
#ypc .c-promo>span{display:flex;flex-direction:column;gap:8px}
#ypc .c-promo small{font-size:10.5px;letter-spacing:2.5px;font-weight:700;color:#E8D6A8}
#ypc .c-promo strong{font-family:'Playfair Display',Georgia,serif;font-size:22px;line-height:1.2;font-weight:600;color:#fff}
#ypc .c-promo em{font-style:normal;color:#C9D3E0;font-size:12.5px}
#ypc .c-promo b{align-self:flex-start;background:#E8D6A8;color:var(--navy);padding:9px 14px;border-radius:9px;font-weight:700;font-size:13px}
#ypc .c-skel{height:330px;border-radius:14px;background:linear-gradient(90deg,#F3F5F8 25%,#E9EDF2 50%,#F3F5F8 75%);background-size:200% 100%;animation:cSk 1.2s infinite}
@keyframes cSk{to{background-position:-200% 0}}
#ypc .c-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 0;text-align:center;color:#3F4857}
#ypc .c-empty strong{color:var(--ink)}#ypc .c-empty span{font-size:13px}
#ypc .c-empty button{height:40px;padding:0 18px;border-radius:10px;border:0;background:var(--navy);color:#fff;font-weight:600;cursor:pointer}
#ypc .c-moreb{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:8px}
#ypc .c-seen{font-size:13px;color:var(--mut)}
#ypc .c-bar{width:220px;height:4px;border-radius:2px;background:var(--line);overflow:hidden}
#ypc .c-bar i{display:block;height:100%;background:var(--navy);width:0;transition:width .3s}
#ypc .c-load{margin-top:4px;height:44px;padding:0 28px;border-radius:10px;border:1.5px solid var(--navy);background:#fff;color:var(--navy);font-weight:600;cursor:pointer;transition:background-color .2s,color .2s}
#ypc .c-load:hover{background:var(--navy);color:#fff}
#ypc .c-load[disabled]{opacity:.6;cursor:wait}
#ypc .c-eb{font-size:12px;letter-spacing:3px;font-weight:700;color:#8A6420}
#ypc .c-disp{margin:0;font-family:'Playfair Display',Georgia,serif;font-size:32px;font-weight:600;color:var(--navy);line-height:1.2}
#ypc .c-disp em{font-style:italic}
#ypc .c-seo{margin-top:20px;padding:32px 36px;display:flex;flex-wrap:wrap;gap:24px 48px;font-size:14.5px;line-height:1.7}
#ypc .c-toc{flex:1 1 220px;display:flex;flex-direction:column;gap:4px;align-self:flex-start;position:sticky;top:90px}
#ypc .c-toc .c-eb{margin-bottom:8px}
#ypc .c-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;counter-reset:t}
#ypc .c-toc li{margin:0}
#ypc .c-toc a{display:flex;gap:10px;padding:7px 10px;border-radius:8px;font-size:13.5px;line-height:1.5;color:#3F4857;font-weight:500;transition:background-color .2s}
#ypc .c-toc a::before{counter-increment:t;content:counter(t,decimal-leading-zero);font-variant-numeric:tabular-nums;color:#8A6420;font-weight:700}
#ypc .c-toc a:hover,#ypc .c-toc a.on{background:var(--soft);color:var(--navy)}#ypc .c-toc a.on{font-weight:600}
#ypc .c-seo article{flex:999 1 480px;min-width:0;display:flex;flex-direction:column;gap:14px}
#ypc .c-art{position:relative;overflow:hidden;max-height:300px;color:#3F4857}
#ypc .c-art.open{max-height:none}
#ypc .c-fade{position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(rgba(255,255,255,0),#fff 85%)}
#ypc .c-art.open .c-fade{display:none}
#ypc .c-art p{margin:0 0 12px}
#ypc .c-art>p:first-of-type::first-letter,#ypc .c-art>div>p:first-of-type::first-letter{float:left;font-family:'Playfair Display',Georgia,serif;font-size:58px;line-height:.9;color:var(--navy);padding:6px 10px 0 0;font-weight:700}
#ypc .c-art h2{margin:22px 0 8px;font-size:20px;font-weight:700;color:var(--ink);line-height:1.35;scroll-margin-top:90px}
#ypc .c-art h2:first-child{margin-top:0}
#ypc .c-art h3{margin:16px 0 6px;font-size:16px;font-weight:600;color:var(--ink);line-height:1.4}
#ypc .c-art ul,#ypc .c-art ol{margin:0 0 12px;padding-left:20px}
#ypc .c-art li{margin:0 0 4px}
#ypc .c-art a{font-weight:600;text-decoration:underline}
#ypc .c-art table{width:100%;border-collapse:collapse;font-size:13.5px;margin:0 0 12px;display:block;overflow-x:auto}
#ypc .c-art td{padding:8px 10px;border:0;border-bottom:1px solid var(--line);vertical-align:top}
#ypc .c-art tr:first-child td{border-bottom:2px solid var(--navy);font-weight:700;color:var(--ink)}
#ypc .c-art img{max-width:100%;height:auto;border-radius:10px}
#ypc .c-seobtn{align-self:center;display:flex;align-items:center;gap:8px;height:40px;padding:0 20px;border-radius:999px;border:1.5px solid var(--navy);background:#fff;color:var(--navy);font-size:13.5px;font-weight:600;cursor:pointer}
#ypc .c-seobtn[aria-expanded=true] svg{transform:rotate(180deg)}
#ypc .c-faq{padding:32px 36px;display:flex;flex-wrap:wrap;gap:24px 48px;line-height:1.55}
#ypc .c-fl{flex:1 1 260px;display:flex;flex-direction:column;gap:12px;align-self:flex-start}
#ypc .c-fl .c-disp{font-size:28px}
#ypc .c-fl p{margin:0;color:#4A5261}
#ypc .c-zalo{align-self:flex-start;margin-top:4px;display:flex;align-items:center;gap:8px;background:var(--navy);color:#fff!important;padding:11px 18px;border-radius:10px;font-weight:600}
#ypc .c-fr{flex:999 1 480px;min-width:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
#ypc .c-fi{border-bottom:1px solid var(--line)}
#ypc .c-fi h3{margin:0}
#ypc .c-fi button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 4px;border:0;background:none;font-size:15px;font-weight:600;color:var(--ink);text-align:left;cursor:pointer}
#ypc .c-fi button[aria-expanded=true]{color:var(--navy)}
#ypc .c-fi i{width:28px;height:28px;border-radius:999px;background:#F3F5F8;color:var(--navy);display:flex;align-items:center;justify-content:center;flex:none;transition:background-color .2s,transform .2s}
#ypc .c-fi button[aria-expanded=true] i{background:var(--navy);color:#fff;transform:rotate(45deg)}
#ypc .c-fi p{margin:0;padding:0 48px 16px 4px;color:#3F4857}
#ypc .c-mbar,#ypc .c-quick,#ypc .c-sheet{display:none}
@media (max-width:1100px){#ypc .c-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:860px){#ypc .c-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:768px){
#ypc .c-main{padding:0 16px;gap:10px}
#ypc .c-title{padding-top:12px}#ypc .c-bc{display:none}#ypc h1{font-size:24px}
#ypc .c-desc{font-size:13px}
#ypc .c-filter,#ypc .c-sort{display:none}
#ypc .c-mbar{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;position:sticky;top:0;z-index:20;background:var(--bg);margin:0 -16px;padding:8px 16px}
#ypc .c-mbar::-webkit-scrollbar{display:none}
#ypc .c-mf{flex:none;display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;background:var(--navy);color:#fff;font-size:13px;font-weight:600;border:0;cursor:pointer}
#ypc .c-msort{flex:none;position:relative;display:flex;align-items:center;margin:0}
#ypc .c-msort select{appearance:none;-webkit-appearance:none;height:36px;padding:0 30px 0 12px;border-radius:999px;border:1px solid #D5DBE3;background:#fff;font:inherit;font-size:13px;font-weight:500;color:var(--ink);margin:0;box-shadow:none;width:auto}
#ypc .c-msort svg{position:absolute;right:10px;pointer-events:none}
#ypc .c-mact{display:contents}
#ypc .c-mact button{flex:none;display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;background:var(--soft);color:var(--navy);font-size:13px;font-weight:600;border:0;cursor:pointer}
#ypc .c-quick{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
#ypc .c-quick::-webkit-scrollbar{display:none}
#ypc .c-quick>*{flex:none;background:var(--qb);border-radius:12px;padding:8px 12px;font-weight:600;font-size:12.5px;color:var(--ink);border:1.5px solid transparent;cursor:pointer}
#ypc .c-quick [aria-pressed=true]{border-color:var(--navy);color:var(--navy)}
#ypc .c-list{background:none;padding:0;gap:10px}
#ypc .c-lhead{flex-direction:column;align-items:stretch;gap:8px}
#ypc .c-q{flex:none;background:#fff}
#ypc .c-count{font-size:12.5px;color:var(--mut);font-weight:400}
#ypc .c-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#ypc .c-pc{gap:4px}
#ypc .c-img{height:132px}
#ypc .c-br{font-size:10px}
#ypc .c-nm{font-size:12.5px;height:36px;line-height:18px}
#ypc .c-foot{flex-direction:row;align-items:center;justify-content:space-between;gap:6px}
#ypc .c-pr{min-height:0}#ypc .c-pr strong{font-size:14.5px}
#ypc .c-add{width:36px;height:36px;flex:none;background:var(--navy);color:#fff;padding:0}
#ypc .c-add span{display:none}#ypc .c-add svg{display:block}
#ypc .c-add.done{background:#1F7A44;color:#fff}
#ypc .c-promo{grid-column:1/-1}
#ypc .c-skel{height:260px}
#ypc .c-seo,#ypc .c-faq{padding:22px 18px;margin-top:6px}
#ypc .c-toc{position:static}
#ypc .c-disp{font-size:26px}
#ypc .c-sheet{display:block;position:fixed;inset:0;z-index:100000}
#ypc .c-sheet[hidden]{display:none}
#ypc .c-shbg{position:absolute;inset:0;background:rgba(26,31,43,.55)}
#ypc .c-shp{position:absolute;left:0;right:0;bottom:0;top:96px;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:cUp .25s ease}
@keyframes cUp{from{transform:translateY(40px);opacity:.4}}
#ypc .c-grab{align-self:center;width:40px;height:4px;border-radius:2px;background:#D5DBE3;margin-top:8px}
#ypc .c-shh{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 8px 20px;border-bottom:1px solid var(--line)}
#ypc .c-shh strong{font-size:18px;font-weight:700}
#ypc .c-shx svg,#ypc .c-mf svg,#ypc .c-chip svg,#ypc .c-mact svg{flex:none;width:auto;height:auto;min-width:12px}
#ypc .c-shx svg{width:20px;height:20px}
#ypc .c-shx{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;background:none;cursor:pointer}
#ypc .c-shb{flex:1;overflow-y:auto;padding:4px 20px 16px}
#ypc .c-shb .c-grp{border-bottom:1px solid #EEF1F5;padding:14px 0;gap:10px}
#ypc .c-shb .c-grp>span{font-size:14px}
#ypc .c-shb .c-opts{gap:8px}
#ypc .c-shb .c-opts button{height:38px;padding:0 14px}
#ypc .c-shb .c-bopts{max-height:212px;overflow-y:auto}
#ypc .c-shb .c-bmore{font-size:13px;font-weight:600;color:var(--navy);background:none;border:0;padding:0;cursor:pointer;align-self:flex-start}
#ypc .c-shf{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px 20px;border-top:1px solid var(--line);background:#fff}
#ypc .c-shf button{height:48px;border-radius:12px;font-weight:600;cursor:pointer;border:1.5px solid #D5DBE3;background:#fff;font-size:14px}
#ypc .c-shf .c-shok{border:0;background:var(--navy);color:#fff}
}
/* full-bleed inside page content (same as home draft) */
.wd-page-content #ypc{width:100vw;margin-left:calc(50% - 50vw);padding-bottom:56px}
.wd-page-content:has(#ypc){padding-top:0!important;padding-bottom:0!important;margin-top:0!important;background:#F2F4F7}
.wd-page-content:has(#ypc) :is(.container,.site-content,.entry-content,article,.wd-content-layout):has(#ypc){padding-top:0!important;margin-top:0!important}
body:has(#ypc) #ypf{margin-top:0}
*:has(>#ypc),#ypc{margin-bottom:0!important}
body.c-lock{overflow:hidden}

html.yp-js .yp-src{display:none!important}
.yp-v2,.yp-v2>.e-con-inner{padding:0!important;max-width:none!important}
#ypc .c-desc span p{display:inline;margin:0}
#ypc .c-desc span p+p::before{content:' '}

#ypc .c-fi .c-fa{margin:0;padding:0 48px 16px 4px;color:#3F4857}
#ypc .c-fi .c-fa[hidden]{display:none!important}
#ypc .c-fi .c-fa p{margin:0 0 8px}
#ypc .c-fi .c-fa p:last-child{margin-bottom:0}
#ypc .c-fi .c-fa ol,#ypc .c-fi .c-fa ul{margin:6px 0 8px;padding-left:20px}
#ypc .c-fi h3{margin:0}
#ypc .c-fintro{color:var(--mut);font-size:14px;line-height:1.6;margin-bottom:6px}
#ypc .c-fintro p{margin:0 0 8px}
#ypc #c-faqt{margin:0}
#ypc .c-title h1{font-size:24px!important}
#ypc .c-desc,#ypc .c-desc span,#ypc .c-desc span p{font-size:13px!important;font-weight:300!important}
#ypc .c-desc .c-more{font-size:12px!important;font-weight:600!important}
#ypc .c-filter>h2{font-size:15px!important;font-weight:600!important}
#ypc .c-filter .c-pill,#ypc .c-filter .c-pill span{font-weight:400!important}
#ypc .c-sort>span{font-size:12px!important}
#ypc .c-sort button,#ypc .c-sort button span{font-weight:500!important}
#ypc .c-active>span{display:none!important}
#ypc .c-active>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#ypc .c-cg{display:inline-flex;align-items:center;flex-wrap:wrap;border:1px solid #E3E7ED;border-radius:12px;padding:7px 8px 7px 14px;background:#fff;font-size:14px;line-height:1.35;color:#1A1F2B}
#ypc .c-cg>b{font-weight:700;margin-right:6px}
#ypc .c-cg .c-cgv{background:none!important;border:0!important;padding:0 2px!important;margin:0!important;min-height:0!important;height:auto!important;box-shadow:none!important;color:#2563EB!important;font:inherit;font-weight:400!important;cursor:pointer;text-transform:none!important}
#ypc .c-cg .c-cgv:hover{text-decoration:line-through}
#ypc .c-cgd{display:inline-block;width:1px;height:16px;background:#D5DBE3;margin:0 6px}
#ypc .c-cg .c-cgx{background:none!important;border:0!important;padding:0!important;margin:0 0 0 8px!important;min-height:0!important;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:#8A93A3!important;border-radius:6px;cursor:pointer;box-shadow:none!important}
#ypc .c-cg .c-cgx:hover{background:#F2F4F7!important;color:#1A1F2B!important}
#ypc .c-active>.c-clrall{color:#2563EB!important;font-weight:500!important;background:none!important;border:0!important}
#ypc .c-active{align-items:center!important}
#ypc .c-active>.c-clrall{margin-top:0!important;margin-bottom:0!important;align-self:center!important;font-size:10.5px!important;line-height:1.3!important;height:auto!important}
#ypc .c-active>div{align-items:center}
#ypc .c-cg{font-size:12px!important;line-height:1.3!important;padding:4px 6px 4px 10px!important;border-radius:10px!important}
#ypc .c-cg .c-cgx{width:20px!important;height:20px!important;margin-left:6px!important}
#ypc .c-cgd{height:13px!important;margin:0 5px!important}
#ypc .c-filter .c-active{padding-top:14px!important;padding-bottom:0!important}
#ypc .c-filter .c-active>.c-clrall{font-size:12px!important}
#ypc .c-strip button{border-width:1px!important}
#ypc .c-strip button[aria-pressed="true"]{border-width:1px!important;box-shadow:none!important}
#ypc .c-all.on::after,#ypc .c-mf.yp-on::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#F08A24 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/9px no-repeat;box-shadow:0 0 0 2px #fff;pointer-events:none}
#ypc .c-all.on::after{left:25px;top:4px}
#ypc .c-mf{position:relative}
#ypc .c-mf.yp-on::after{left:22px;top:2px}
#ypc .c-sort button svg{width:19px!important;height:19px!important;flex:none}
#ypc .c-q input::placeholder{color:#8A93A3!important;opacity:1!important}
#ypc .c-q input::-webkit-input-placeholder{color:#8A93A3!important;opacity:1!important}
#ypc .c-count{font-weight:300!important}
#ypc .c-count b{font-weight:500!important}
#ypc .c-pc .c-img{background:#fff!important}
#ypc .c-pc .c-img img{mix-blend-mode:normal!important}
#ypc .c-pc{padding:8px!important}
#ypc .c-list{padding-left:16px!important;padding-right:16px!important}
#ypc .c-grid{gap:6px!important}
#ypc .c-pc .c-br{margin-top:10px!important;font-weight:500!important;color:#1a1f2b!important}
#ypc .c-pc .c-nm{font-weight:300!important}
#ypc .c-pc .c-badge{top:8px!important;left:8px!important;padding:2px 6px!important;font-size:11px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:.3px!important;text-transform:uppercase!important;background:#F1F3F5!important;color:#1A1F2B!important;border:1px solid #E3E7ED!important;border-radius:3px!important;box-shadow:none!important}
#ypc .c-pc .c-badge.b-sale{color:#C8202C!important}
#ypc .c-pc .c-badge.b-out{color:#5B6474!important}
#ypc .c-gift{display:flex;align-items:center;gap:6px;background:#EAF0F7;color:#2A4374;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:400;line-height:18px;margin:4px 0 8px;white-space:nowrap;overflow:hidden;width:100%;box-sizing:border-box}
#ypc .c-gift svg{flex:none}
#ypc .c-gift span{overflow:hidden;text-overflow:ellipsis;min-width:0}
#ypc .c-gift{display:inline-flex!important;align-self:flex-start!important;width:auto!important;max-width:100%!important;background:#F1F2F4!important;color:#333!important;border-radius:4px!important;padding:3px 6px!important;font-size:12px!important;font-weight:400!important;line-height:18px!important;gap:0!important}
#ypc .c-gift svg{display:none!important}
#ypc .c-pc .c-gift{font-size:11px!important;font-weight:400!important;color:#8A93A3!important;line-height:16px!important}
#ypc .c-pc .c-gift{background:#f3f4f6!important;color:#1e2939!important}
#ypc .c-pc .c-add{display:inline-flex!important;flex-direction:row-reverse!important;align-items:center!important;justify-content:flex-start!important;align-self:flex-start!important;gap:6px!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important;margin:8px 0 2px!important;background:none!important;border:0!important;box-shadow:none!important;color:#2563EB!important;font-size:14px!important;font-weight:500!important;line-height:20px!important;text-decoration:none!important;cursor:pointer}
#ypc .c-pc .c-add:hover{color:#1D4ED8!important;background:none!important}
#ypc .c-pc .c-add svg{width:18px!important;height:18px!important;padding:2px;border:1.6px solid currentColor;border-radius:50%;box-sizing:border-box;flex:none}
#ypc .c-pc .c-foot{align-items:flex-start}
#ypc .c-pc .c-add svg{display:block!important}
#ypc .c-pc .c-cmp{margin:8px 0 2px!important;align-self:flex-start!important;display:block!important}
#ypc .c-pc .c-cmp a{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#2563EB!important;font-size:13px!important;font-weight:400!important;line-height:20px!important;text-decoration:none!important;padding:0!important;background:none!important;height:auto!important;width:auto!important}
#ypc .c-pc .c-cmp a::before,#ypc .c-pc .c-cmp a::after{display:none!important}
#ypc .c-pc .c-cmp a svg{display:block!important;height:1rem!important;width:1rem!important;flex:none}
#ypc .c-pc .c-cmp .wd-action-text{display:inline!important;font-size:13px!important;font-weight:400!important;color:inherit!important}
#ypc .c-pc .c-cmp a:hover{color:#1D4ED8!important}
#ypc .c-pc .c-vars{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 2px}
#ypc .c-pc .c-var{border:1px solid #E3E7ED!important;background:#fff!important;border-radius:6px!important;padding:4px 8px!important;font-size:12px!important;font-weight:400!important;color:#1A1F2B!important;line-height:16px!important;cursor:pointer;min-height:0!important;height:auto!important;text-transform:none!important;box-shadow:none!important;margin:0!important;letter-spacing:0!important}
#ypc .c-pc .c-var:hover{border-color:#2563EB!important}
#ypc .c-pc .c-var.on{border-color:#2563EB!important;color:#2563EB!important}
#ypc .c-pc .c-nm{min-height:38px!important}
#ypc .c-pc .c-foot{margin-top:7px!important;gap:12px!important}
#ypc .c-pc .c-foot>.c-pr,#ypc .c-pc .c-foot>.c-vars,#ypc .c-pc .c-foot>.c-gift,#ypc .c-pc .c-foot>.c-cmp{margin-top:0!important;margin-bottom:0!important}
#ypc .c-pc .c-foot{flex:1 1 auto!important}
#ypc .c-pc .c-foot>.c-cmp{margin-top:auto!important}
#ypc .c-pc .c-pr small s{font-weight:400!important}
#ypc .c-pc .c-pr.sale strong,#ypc .c-pc .c-pr small b{color:#2A4374!important}
#ypc .c-pc .c-pr small,#ypc .c-pc .c-pr small s,#ypc .c-pc .c-pr small b{font-size:13px!important}
#ypc .c-pc .c-badge{background:#f3f4f6!important;color:#1e2939!important;border:0!important;border-radius:4px!important;padding:3px 6px!important;font-size:11px!important;font-weight:400!important;line-height:16px!important;letter-spacing:.2px!important;text-transform:uppercase!important}
#ypc .c-pc .c-badge.b-new,#ypc .c-pc .c-badge.b-out{color:#1e2939!important}
#ypc .c-pc .c-badge{font-size:10px!important;line-height:14px!important}
#ypc .c-moreb .c-load{display:inline-flex!important;align-items:center!important;gap:8px!important;background:#fff!important;border:1px solid #E5E7EB!important;border-radius:8px!important;color:#1F2937!important;font-size:15px!important;font-weight:500!important;line-height:22px!important;padding:9px 22px!important;box-shadow:none!important;text-transform:none!important;min-height:0!important;height:auto!important}
#ypc .c-moreb .c-load:hover{border-color:#CBD2DC!important;background:#F9FAFB!important;color:#1F2937!important}
#ypc .c-moreb .c-load::after{content:"";width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/18px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/18px no-repeat}
#ypc .c-moreb .c-load{width:220px!important;max-width:100%!important;justify-content:center!important;gap:4px!important;padding:6px!important;border-width:1px!important;font-size:14px!important;font-weight:500!important;line-height:20px!important;color:#101b2b!important;box-sizing:border-box!important}
#ypc .c-moreb .c-load::after{width:20px!important;height:20px!important;-webkit-mask-size:20px!important;mask-size:20px!important}
#ypc .c-seo p,#ypc .c-faq p{font-size:13px!important;font-weight:300!important}
#ypc .c-art ul,#ypc .c-art ol,#ypc .c-art li,#ypc .c-faq ul,#ypc .c-faq ol,#ypc .c-faq li{font-size:13px!important;font-weight:300!important}
#ypc .c-art th,#ypc .c-art td,#ypc .c-faq th,#ypc .c-faq td{font-size:13px!important;font-weight:300!important}

/* ===== Card rules mapped to native WoodMart markup ===== */
#ypc .c-prods .wd-products{ display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 12px; }
#ypc .wd-product{ border: 1px solid var(--line); border-radius: 14px; padding: 10px; display: flex; flex-direction: column; gap: 5px; position: relative; background: rgb(255, 255, 255); transition: box-shadow 0.2s, border-color 0.2s; }
#ypc .wd-product:hover{ border-color: rgb(205, 213, 224); box-shadow: rgba(14, 42, 71, 0.08) 0px 6px 18px; }
#ypc .product-labels{ position: absolute; top: 10px; left: 10px; z-index: 2; font-size: 10.5px; font-weight: 700; border-radius: 5px; padding: 1px 7px; line-height: 1.5; }
#ypc .wd-product .wd-wishlist-btn{ position: absolute; top: 6px; right: 6px; z-index: 2; margin: 0px; }
#ypc .wd-product .wd-wishlist-btn a{ width: 34px; height: 34px; border-radius: 999px; background: rgb(255, 255, 255); color: var(--mut); align-items: center; justify-content: center; padding: 0px; display: flex !important; }
#ypc .wd-product .wd-wishlist-btn a::before{ display: none !important; }
#ypc .wd-product .wd-wishlist-btn a.added{ color: var(--red); }
#ypc .wd-product .wd-wishlist-btn a.added svg{ fill: currentcolor; }
#ypc .wd-product .wd-wishlist-btn .wd-action-text{ display: none; }
#ypc .wd-product-img-link{ height: 170px; border-radius: 10px; background: rgb(246, 247, 249); display: flex; align-items: center; justify-content: center; overflow: hidden; }
#ypc .wd-product-img-link img{ width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; transition: transform 0.3s; }
#ypc .wd-product:hover .wd-product-img-link img{ transform: scale(1.04); }
#ypc .wd-product.outofstock .wd-product-img-link img{ opacity: 0.55; }
#ypc .yp-br{ font-size: 10.5px; font-weight: 700; letter-spacing: 0.8px; color: var(--mut); margin-top: 3px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#ypc .wd-entities-title a{ font-size: 13px; font-weight: 500; height: 38px; line-height: 19px; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#ypc .wd-entities-title a:hover{ color: var(--navy); }
#ypc .yp-pr{ display: flex; flex-direction: column; min-height: 40px; }
#ypc .yp-pr strong{ font-size: 15px; font-weight: 700; color: var(--navy); }
#ypc .yp-pr.sale strong{ color: var(--red); }
#ypc .yp-pr small{ font-size: 12px; color: var(--mut); }
#ypc .yp-pr small s{ text-decoration: line-through; }
#ypc .yp-pr small b{ color: var(--red); font-weight: 600; }
@media (max-width: 1100px){#ypc .c-prods .wd-products{ grid-template-columns: repeat(4, minmax(0px, 1fr)); }}
@media (max-width: 860px){#ypc .c-prods .wd-products{ grid-template-columns: repeat(3, minmax(0px, 1fr)); }}
@media (max-width: 768px){#ypc .c-prods .wd-products{ grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; }}
@media (max-width: 768px){#ypc .wd-product{ gap: 4px; }}
@media (max-width: 768px){#ypc .wd-product-img-link{ height: 132px; }}
@media (max-width: 768px){#ypc .yp-br{ font-size: 10px; }}
@media (max-width: 768px){#ypc .wd-entities-title a{ font-size: 12.5px; height: 36px; line-height: 18px; }}
@media (max-width: 768px){#ypc .yp-pr{ min-height: 0px; }}
@media (max-width: 768px){#ypc .yp-pr strong{ font-size: 14.5px; }}
#ypc .wd-product .wd-product-img-link{ background: rgb(255, 255, 255) !important; }
#ypc .wd-product .wd-product-img-link img{ mix-blend-mode: normal !important; }
#ypc .wd-product{ padding: 8px !important; }
#ypc .c-prods .wd-products{ gap: 6px !important; }
#ypc .wd-product .yp-br{ margin-top: 10px !important; font-weight: 500 !important; color: rgb(26, 31, 43) !important; }
#ypc .wd-product .wd-entities-title a{ font-weight: 300 !important; }
#ypc .wd-product .product-labels{ top: 8px !important; left: 8px !important; padding: 2px 6px !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.4 !important; letter-spacing: 0.3px !important; text-transform: uppercase !important; background: rgb(241, 243, 245) !important; color: rgb(26, 31, 43) !important; border: 1px solid rgb(227, 231, 237) !important; border-radius: 3px !important; box-shadow: none !important; }
#ypc .wd-product .product-labels.b-sale{ color: rgb(200, 32, 44) !important; }
#ypc .wd-product .product-labels.b-out{ color: rgb(91, 100, 116) !important; }
#ypc .yp-gift{ display: flex; align-items: center; gap: 6px; background: rgb(234, 240, 247); color: rgb(42, 67, 116); border-radius: 8px; padding: 4px 8px; font-size: 12px; font-weight: 400; line-height: 18px; margin: 4px 0px 8px; white-space: nowrap; overflow: hidden; width: 100%; box-sizing: border-box; }
#ypc .yp-gift svg{ flex: 0 0 auto; }
#ypc .yp-gift span{ overflow: hidden; text-overflow: ellipsis; min-width: 0px; }
#ypc .yp-gift{ display: inline-flex !important; align-self: flex-start !important; width: auto !important; max-width: 100% !important; background: rgb(241, 242, 244) !important; color: rgb(51, 51, 51) !important; border-radius: 4px !important; padding: 3px 6px !important; font-size: 12px !important; font-weight: 400 !important; line-height: 18px !important; gap: 0px !important; }
#ypc .yp-gift svg{ display: none !important; }
#ypc .wd-product .yp-gift{ font-size: 11px !important; font-weight: 400 !important; color: rgb(138, 147, 163) !important; line-height: 16px !important; }
#ypc .wd-product .yp-gift{ background: rgb(243, 244, 246) !important; color: rgb(30, 41, 57) !important; }
#ypc .wd-product .wd-compare-btn{ margin: 8px 0px 2px !important; align-self: flex-start !important; display: block !important; }
#ypc .wd-product .wd-compare-btn a{ display: inline-flex !important; align-items: center !important; gap: 6px !important; color: rgb(37, 99, 235) !important; font-size: 13px !important; font-weight: 400 !important; line-height: 20px !important; text-decoration: none !important; padding: 0px !important; background: none !important; height: auto !important; width: auto !important; }
#ypc .wd-product .wd-compare-btn a::before, #ypc .wd-product .wd-compare-btn a::after{ display: none !important; }
#ypc .wd-product .wd-compare-btn a svg{ flex: 0 0 auto; display: block !important; height: 1rem !important; width: 1rem !important; }
#ypc .wd-product .wd-compare-btn .wd-action-text{ display: inline !important; font-size: 13px !important; font-weight: 400 !important; color: inherit !important; }
#ypc .wd-product .wd-compare-btn a:hover{ color: rgb(29, 78, 216) !important; }
#ypc .wd-product .yp-vars{ display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0px 2px; }
#ypc .wd-product .yp-var{ cursor: pointer; border: 1px solid rgb(227, 231, 237) !important; background: rgb(255, 255, 255) !important; border-radius: 6px !important; padding: 4px 8px !important; font-size: 12px !important; font-weight: 400 !important; color: rgb(26, 31, 43) !important; line-height: 16px !important; min-height: 0px !important; height: auto !important; text-transform: none !important; box-shadow: none !important; margin: 0px !important; letter-spacing: 0px !important; }
#ypc .wd-product .yp-var:hover{ border-color: rgb(37, 99, 235) !important; }
#ypc .wd-product .yp-var.on{ border-color: rgb(37, 99, 235) !important; color: rgb(37, 99, 235) !important; }
#ypc .wd-product .wd-entities-title a{ min-height: 38px !important; }
#ypc .wd-product .yp-pr small s{ font-weight: 400 !important; }
#ypc .wd-product .yp-pr.sale strong, #ypc .wd-product .yp-pr small b{ color: rgb(42, 67, 116) !important; }
#ypc .wd-product .yp-pr small, #ypc .wd-product .yp-pr small s, #ypc .wd-product .yp-pr small b{ font-size: 13px !important; }
#ypc .wd-product .product-labels{ background: rgb(243, 244, 246) !important; color: rgb(30, 41, 57) !important; border: 0px !important; border-radius: 4px !important; padding: 3px 6px !important; font-size: 11px !important; font-weight: 400 !important; line-height: 16px !important; letter-spacing: 0.2px !important; text-transform: uppercase !important; }
#ypc .wd-product .product-labels.b-new, #ypc .wd-product .product-labels.b-out{ color: rgb(30, 41, 57) !important; }
#ypc .wd-product .product-labels{ font-size: 10px !important; line-height: 14px !important; }
/* ===== Native (Elementor/WoodMart) adapters ===== */
#ypc.e-con{max-width:none;width:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 0 56px}
#ypc .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--width:100%}
#ypc .elementor-widget{margin:0}
#ypc .c-title{gap:6px}
#ypc .c-bcn .wd-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:13px;line-height:1.5;color:var(--mut)}
#ypc .c-bcn .wd-breadcrumbs a{color:var(--mut);font-weight:400}
#ypc .c-bcn .wd-breadcrumbs a:hover{color:var(--navy)}
#ypc .c-bcn .wd-delimiter{margin:0;color:var(--mut)}
#ypc .c-bcn .wd-delimiter:after{display:none}
#ypc .c-bcn .wd-last{color:var(--ink);font-weight:400}
#ypc .c-h1 h1{margin:0;text-transform:none}
#ypc .c-desc{display:block;font-size:13px;font-weight:300;line-height:1.5}
#ypc .c-desc .elementor-widget-container{display:flex;align-items:flex-end;gap:4px}
#ypc .c-desc .term-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
#ypc .c-desc .term-description p{display:inline;margin:0}
#ypc .c-desc .term-description p+p:before{content:" "}
#ypc .c-desc .c-more{white-space:nowrap}
/* products grid */
#ypc .c-prods .wd-products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0}
#ypc .c-prods .wd-product-wrapper,#ypc .c-prods .wd-product-thumb,#ypc .c-prods .product-element-bottom,#ypc .c-prods .wd-buttons{display:contents}
#ypc .c-prods .wd-product{position:relative;display:flex;flex-direction:column;margin:0;min-width:0}
#ypc .c-prods .wd-quick-view-btn,#ypc .c-prods .wd-product-brands-links,#ypc .c-prods .wd-add-btn,#ypc .c-prods .star-rating,#ypc .c-prods .wd-star-rating,#ypc .c-prods .wd-swatches-grid,#ypc .c-prods .wd-product-cats,#ypc .c-prods .wd-loop-footer,#ypc .c-prods .woocommerce-pagination,#ypc .c-prods .wd-product .wd-more-desc{display:none!important}
#ypc .c-prods .wd-entities-title{margin:0;font-size:13px;line-height:1.45;font-weight:300}
#ypc .c-prods .wd-entities-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#ypc .c-prods .price{display:block;margin:7px 0 0;line-height:1.3}
#ypc .c-prods .price .amount,#ypc .c-prods .price bdi{color:inherit;font-weight:inherit;font-size:inherit}
#ypc .c-prods .yp-pr{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}
#ypc .c-prods .yp-vars{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
#ypc .c-prods .yp-var.out{opacity:.45;text-decoration:line-through}
#ypc .c-prods .yp-gift{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;margin-top:6px}
#ypc .c-prods .yp-gift svg{flex:0 0 auto}
#ypc .c-prods .wd-compare-btn{order:99;margin-top:auto;padding-top:8px;position:static}
#ypc .c-prods .wd-compare-btn>a{display:inline-flex;align-items:center;gap:5px;width:auto;height:auto;padding:0}
#ypc .c-prods .wd-compare-btn .wd-action-text{display:inline!important;position:static;opacity:1;visibility:visible;transform:none;font-size:13px;color:inherit;background:none;padding:0;box-shadow:none}
#ypc .c-prods .wd-compare-btn .wd-action-text:before,#ypc .c-prods .wd-compare-btn .wd-action-text:after{display:none}
#ypc .c-prods .wd-compare-btn .wd-action-icon{font-size:1rem;color:inherit}
#ypc .c-prods .wd-wishlist-btn{z-index:3;margin:0;opacity:1;transform:none;visibility:inherit}
#ypc .c-prods .wd-wishlist-btn .wd-action-text{display:none!important}
#ypc .c-prods .product-labels{z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0;padding:0;inset-inline-end:auto}
#ypc .c-prods .product-labels .product-label{display:none;min-width:0;min-height:0;height:auto;margin:0;padding:3px 6px;border-radius:4px;background:#F3F4F6!important;color:#1E2939!important;font-size:10px!important;font-weight:500;line-height:14px;letter-spacing:.2px;text-transform:uppercase;box-shadow:none}
#ypc .c-prods .product-labels .product-label:first-child{display:inline-block}
#ypc .c-prods .product-labels:has(.out-of-stock) .product-label{display:none}
#ypc .c-prods .product-labels:has(.out-of-stock) .out-of-stock{display:inline-block}
#ypc .c-prods .product-labels .onsale{font-size:0!important}
#ypc .c-prods .product-labels .onsale:after{content:"Giảm giá";font-size:10px}
#ypc .c-prods .wd-product-img-link{display:block;overflow:hidden}
#ypc .c-prods .wd-product-img-link img{width:100%;height:100%;object-fit:contain}
#ypc .c-prods.yp-ld{opacity:.45;pointer-events:none;transition:opacity .15s}
#ypc .c-promo-w{display:flex;min-width:0}
#ypc .c-promo-w .c-promo{flex:1 1 auto}
#ypc .c-w-toc{flex:1 1 220px;align-self:flex-start;position:sticky;top:90px}
#ypc .c-w-sbtn .elementor-widget-container{display:flex;justify-content:center}
#ypc .c-art::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(rgba(255,255,255,0),#fff 85%);pointer-events:none}
#ypc .c-art.open::after{display:none}
#ypc .c-art .elementor-widget-container>*:last-child{margin-bottom:0}
@media (max-width:1100px){#ypc .c-prods .wd-products{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:860px){#ypc .c-prods .wd-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:768px){#ypc .c-prods .wd-products{grid-template-columns:repeat(2,minmax(0,1fr))}#ypc .c-w-toc{position:static}}

#ypc .c-prods .wd-product{text-align:left}
#ypc .c-prods .wd-product-img-link{order:0}
#ypc .c-prods .product-labels{order:0}
#ypc .c-prods .yp-br{order:1}
#ypc .c-prods .wd-entities-title{order:2}
#ypc .c-prods .price{order:3}
#ypc .c-prods .yp-vars{order:4}
#ypc .c-prods .yp-gift{order:5}
#ypc .c-prods .wd-product .price{display:block!important;justify-content:flex-start;text-align:left}
#ypc .c-prods .wd-compare-btn .wd-action-icon{display:none!important}
#ypc .c-prods .wd-compare-btn>a::before{display:block!important;visibility:inherit!important;opacity:1!important;content:""!important;flex:0 0 auto;width:1rem;height:1rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.2'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.2'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E") center/contain no-repeat}
#ypc .c-prods .wd-compare-btn>a.added{color:var(--navy)}

@media (min-width:769px){#ypc .c-w-mbar,#ypc .c-w-quick{display:none}}

#ypc .c-prods .woocommerce-no-products-found,#ypc .c-prods .no-products-footer{display:none}

/* cmp-visible */#ypc .c-prods .wd-compare-btn,#ypc .c-prods .wd-compare-btn>a{visibility:visible!important;opacity:1!important}

#ypc .c-prods .yp-gifts{order:5;display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:6px 0 8px}
#ypc .c-prods .yp-gifts .yp-gift{margin:0}
#ypc .c-prods .yp-gift[hidden]{display:none!important}

/* gift-pills */
#ypc .c-prods .yp-gifts{gap:6px;align-items:flex-start;max-width:100%;min-width:0}
#ypc .c-prods .yp-gift{display:flex!important;align-items:center!important;gap:6px!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:4px 10px!important;border-radius:8px!important;font-size:11px!important;line-height:16px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;background:#FEF6E6!important;color:#A15C07!important}
#ypc .c-prods .yp-gift[data-tone="b"]{background:#EEF4FF!important;color:#1D4ED8!important}
#ypc .c-prods .yp-gift span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#ypc .c-prods .yp-gift svg{width:13px!important;height:13px!important;flex:0 0 13px!important}
@media (max-width:768px){#ypc .c-prods .yp-gift{padding:3px 8px!important;gap:4px!important}}
#ypc .c-prods .yp-gift svg{display:block!important}
/* /gift-pills */

#ypc .ysr-stock{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#3F4857;cursor:pointer;margin:0 0 0 auto}
#ypc .ysr-stock input{width:16px;height:16px;accent-color:var(--navy);margin:0}
@media (max-width:768px){#ypc .ysr-stock{margin-left:0}}/* End custom CSS */