@import url("../dongdo/style.css");
@font-face{font-family:'Gilroy';font-style:Thin;font-weight:200;src:url(fonts/SVN-Gilroy-Thin.otf);font-display:swap}
@font-face{font-family:'Gilroy';font-style:Light;font-weight:300;src:url(fonts/SVN-Gilroy-Light.otf);font-display:swap}
@font-face{font-family:'Gilroy';font-style:Regular;font-weight:400;src:url(fonts/SVN-Gilroy-Regular.otf);font-display:swap}
@font-face{font-family:'Gilroy';font-style:Medium;font-weight:500;src:url(fonts/SVN-Gilroy-Medium.otf);font-display:swap}
@font-face{font-family:'Gilroy';font-style:SemiBold;font-weight:600;src:url(fonts/SVN-Gilroy-SemiBold.otf);font-display:swap}
@font-face{font-family:'Gilroy';font-style:bold;font-weight:700;src:url(fonts/SVN-Gilroy-Bold.otf);font-display:swap}
@font-face{font-family:'Gilroy';font-style:extraBold;font-weight:800;src:url(fonts/SVN-Gilroy-XBold.otf);font-display:swap}
.links>li>a:before, i[class*=" icon-"], i[class^=icon-] {font-family:"Font Awesome 6 Pro"!important;font-weight:400!important}
.icon-search:before {content:"\f002";font-weight:300;}
.icon-phone:before {content:"\f095"}
.icon-envelop:before {content:"\f0e0"}
.icon-globe-pointer:before {content:"\e60e"}
.icon-map-pin-fill:before {content:"\f124"}
.icon-angle-left:before {content:"\f060"}
.icon-angle-right:before {content:"\f105"}
.icon-menu:before {content:"\f0c9";font-weight:300;}
.icon-plus:before {content:"\f0d1";font-weight:400;margin-right:3px;}
.icon-play:before {content:"\f04b";}
.icon-tag:before  {content:"\f02b";font-size:20px;}
.icon-heart-o:before {content:"\f02e";font-size:26px;font-weight:300;color:#c44105;}
.icon-angle-down:before {content:"\f107";font-weight:300;}
.icon-lock:before {content:"\f367";}
.icon-clock:before {content:"\f017"}
.icon-user:before {content:"\f0c0";font-weight:700;}
.icon-heart:before {content:"\e2dc";font-weight:700;}
.expand, .full-width {max-width:420px !important;margin:0 auto;}
body {font-family: "Gilroy", sans-serif;font-weight:400;}
html {font-family: "Gilroy", sans-serif;}
.section-title-container {margin-bottom:0;}
h1, h2, h3, h4, h5, h6, .heading-font {font-family: "Gilroy", sans-serif;line-height:1.3;font-weight:700;letter-spacing:-0.3px;}
.h1,h1 {font-size: 1.7em}
.h2,h2 {font-size: 1.6em}
.h3,h3 {font-size: 1.25em}
.h4,h4 {font-size: 1.125em}
.h5,h5 {font-size: 1em}
.h6,h6 {font-size: .85em;}
.is-larger {font-size: 1.3em}
.is-small,.is-small.button {font-size: .8em}
.is-smaller {font-size: .75em}
.is-xsmall {font-size: .7em}
.wpcf7 form .wpcf7-response-output {margin:1em 0.5em 1em;border:0px solid #00a0d2;}
.mfp-bg.mfp-ready {opacity:.8;}
.section-title i.icon-angle-right {margin-left:5px;margin-right:15px;}
.col-inner>.img:not(:last-child), .col>.img:not(:last-child) {margin-bottom:5px;}
.wpcf7 .wpcf7-response-output {border-radius:5px;font-size:12px;font-weight:500;}
.radius-img img {border-radius:5px;}
.banner {border-radius:5px;}
.fill {border-radius:5px;}
.tab-dathang .nav-pills>li.active>a {background-color: #fff;color: #ff3048;border-radius:5px;border: 1px solid #ff3048;padding:3px 10px}
.nav-box>li>a, .nav-pills>li>a {background-color:#fff;border: 1px solid #e9e9e9;border-radius:5px;padding:3px 8px;color:#444;}
.nav-pills>li {margin:10px;margin-bottom:0;}
label, legend {font-weight:400}
.radi05 img {border-radius:5px}
blockquote, dl, figure, form, ol, p, pre, ul {margin-bottom:0;}
.is-divider {margin:0;}
.danhgia img {border-radius:99%}
.form-row-first {float:left;width:48%;margin-right:4%;margin-bottom:5px;}
.form-row-last {float:left;width:48%;margin-bottom:5px;}
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {background-color:#f7f7f7;border-radius:4px;box-shadow:none;font-size:12px;font-weight:400;height:38px;margin-bottom:0px;}
.has-items .ts-control > input {height:20px;}
.ts-dropdown, .ts-control, .ts-control input {font-size:12px !important;}
.wpcf7 .wpcf7-not-valid-tip {margin-top:0px;}
.wpcf7 .wpcf7-not-valid-tip:after {border:8px solid rgba(136,183,213,0);border-bottom-color:#f1f1f1 !important;}
.mfp-ready .mfp-arrow-left {display:none;}
.mfp-ready .mfp-arrow-right {display:none;}
.mfp-counter {display:none;}
.logo-avatar img {border-radius:5px;padding-top:0px;}
.section-title span {font-size:17px;padding-left:15px;}
.section-title a {font-size:11px;font-weight:500;color:#898484;}
small {display: inline-block;font-size: 80%}
p {font-size:13px;font-family: "Gilroy", sans-serif;font-weight:400;letter-spacing:0px;text-align:left;}
.nav> li> a {font-family: "Gilroy", sans-serif;font-weight:700;font-size:14px;}
.wp-caption .wp-caption-text {font-size:13px;padding:10px 20px;line-height:1.4;text-align:justify;background:unset;border-bottom:1px solid rgba(0,0,0,.06);}
.wp-caption {margin-bottom:20px;}
.post-source {font-size:14px;text-align:right;font-style:italic;padding-bottom:30px;}
.container-width, .full-width .ubermenu-nav, .container, .row {max-width:420px !important;}
.logo-bct .ux-logo-link {padding:0px !important;}
.col, .columns, .gallery-item {padding:0;}
.flickity-prev-next-button .arrow,.flickity-prev-next-button svg {
fill: #333;
border-color: #333;
padding: 6px;
width: 36px;
height: 36px;
transition: all .3s
}
.bg-footer {background-image:url("https://uudai.ngonavatar.com.vn/data/uploads/2026/08/bg.jpg");
background-size:cover;
background-origin:content-box;
background-position:center top;
background-repeat:repeat;
background-attachment:scroll;
}
.product-info-link > p,
.product-info-link p {
margin: 0 !important;
padding: 0 !important;font-size:0;
}
@media only screen and (max-width:549px) {
.box-text {font-size:100% !important}
.slider-wrapper .flickity-prev-next-button {display:unset;}
.mfp-container {padding:0;}
}
@media (max-width: 849px){
.off-canvas-center .nav-vertical>li>a {font-size:15px;text-transform:uppercase;font-weight:700;padding-bottom:10px;padding-top:10px;}
.off-canvas .nav-vertical li li>a {padding-left:30px;}
.off-canvas-center .nav-vertical>li>a, .off-canvas-center .nav-vertical>li>ul>li a {justify-content:left;}
.off-canvas-center .mfp-content {padding-top:20px;vertical-align:top !important;}
.off-canvas .sidebar-menu {padding:0px 0;}
.off-canvas-center .nav-sidebar.nav-vertical>li .toggle {opacity:1;margin:0 20px 0 0;font-size:11px;top:8px;background:#e2e2e2;color:#333;width:28px;height:28px;border-radius:8px;}
.mfp-bg.off-canvas-center:not(.dark) {opacity:1;}
.off-canvas-center .mfp-content .searchform {max-width:unset;margin-left:30px;margin-right:20px;}
.off-canvas-center input[type=search] {box-shadow:none;font-size:14px;}
.off-canvas-center .searchform-wrapper {font-size:14px;}
.off-canvas-center .mfp-container {background:#fff;}
.toggle i {font-size:14px;}
.mfp-close {right:15px;top:15px;}
.mfp-close svg {width:24px;}
.nav-vertical i[class^=icon-] {line-height:0;}
.mobile-nav .icon-search {font-size:20px !important;}
}
.promo-price,
.promo-countdown {
height: 64px;
box-sizing: border-box;
}
.promo-price {
position: relative;
z-index: 2;
background: #c44105;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
padding: 7px 30px 7px 25px;
overflow: visible;
}
.promo-price:after {
content: "";
position: absolute;
top: 0;
right: -35px;
width: 70px;
height: 100%;
background: #c44105;
clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 100%);
z-index: -1;
}
.promo-price-main {
display: flex;
align-items: center;
line-height: 1;
white-space: nowrap;
}
.promo-tag {
font-size: 13px;
margin-right: 5px;
display: inline-block;
}
.promo-price-value {
font-size: 18px;
font-weight: 700;
}
.promo-price-old {
display: flex;
align-items: center;
gap: 7px;
margin-top: 4px;
line-height: 1;
white-space: nowrap;
}
.promo-price-old span {
font-size: 13px;
text-decoration: line-through;
opacity: .9;
}
.promo-price-old b {
font-size: 11px;
font-weight: 600;
background: rgba(0,0,0,.15);
padding: 2px 4px;
line-height: 1;
}
.promo-countdown {
background: #ffd111;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 5px 15px;
position: relative;
z-index: 1;
color: #111;
}
.promo-title {
font-size: 14px;
font-weight: 600;
line-height: 1.1;
margin-bottom: 4px;
display: flex;
align-items: center;
justify-content: center;
}
.promo-lightning {
width: 18px;
height: 18px;
margin-right:5px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transform-origin: center;
animation: flashSaleEffect 0.7s ease-in-out infinite;
}
.promo-lightning svg {
width: 100%;
height: 100%;
display: block;
}
@keyframes flashSaleEffect {
0% {
transform: scale(1) rotate(0deg);
}
20% {
transform: scale(1.15) rotate(-4deg);
}
40% {
transform: scale(1.3) rotate(4deg);
}
60% {
transform: scale(1.15) rotate(-3deg);
}
80% {
transform: scale(1.05) rotate(1deg);
}
100% {
transform: scale(1) rotate(0deg);
}
}
.promo-end {
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
font-size: 11px;
line-height: 1;
}
.countdown-box {
display: flex;
align-items: center;
gap: 3px;
}
.countdown-number {
background: #111;
color: #fff;
border-radius: 3px;
min-width: 22px;
height: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 700;
line-height: 1;
}
.countdown-box i {
font-style: normal;
font-size: 12px;
font-weight: 700;
}
@media (max-width: 549px) {
.promo-price,
.promo-countdown {
height: 68px;
}
.promo-price {
padding-left: 15px;
padding-right: 20px;
}
.promo-price:after {
right: -25px;
width: 50px;
}
.promo-price-value {
font-size: 22px;
}
.promo-price-old span {
font-size: 13px;
}
.promo-price-old b {
font-size: 13px;
}
.promo-title {
font-size: 14px;
}
.promo-end {
font-size: 12px;
gap: 4px;
}
.countdown-number {
min-width: 20px;
height: 20px;
font-size: 12px;
}
}
.product-mini-info {
position: relative;
width: 100%;
padding: 0;
}
.product-mini-title {
color: #222;
font-size: 18px;
line-height: 1.35;
font-weight: 700;
margin-bottom: 7px;
}
.product-mini-actions {
position: absolute;
top: 0;
right: 0;
}
.product-bookmark {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 28px;
font-size: 27px;
line-height: 1;
color: #555;
cursor: pointer;
}
.product-mini-meta {
display: flex;
align-items: center;
flex-wrap: nowrap;
font-size: 13px;
line-height: 20px;
white-space: nowrap;
}
.product-rating {
display: inline-flex;
align-items: center;
color: #222;
}
.product-rating .star {
color: #ffc400;
font-size: 20px;margin-top:-2px;
margin-right: 3px;
}
.product-rating strong {
font-weight: 600;
margin-right: 3px;
}
.rating-count {
color: #666;
}
.meta-divider {
color: #999;
margin: 0 6px;
}
.product-sold {
color: #333;
}
.shipping {
display: inline-flex;
align-items: center;
margin-left: 10px;
color: #00a99d;
font-weight: 500;
}
.shipping-icon {
margin-right: 4px;
font-size: 17px;
}
.product-info-row {
width: 100%;
height: 52px;
display: flex !important;
align-items: center;
padding: 0 10px !important;
margin: 0 !important;
border-bottom: 1px solid #eeeeee;
box-sizing: border-box;
overflow: hidden;
}
.product-info-row:last-child {
border-bottom: 0;
}
.product-info-left {
display: flex;
align-items: center;
min-width: 0;
flex: 0 1 auto;
}
.product-info-right {
display: flex;
align-items: center;
margin-left: auto !important;
flex: 0 0 auto;
white-space: nowrap;
}
.product-info-icon {
width: 20px;
height: 20px;
margin-right: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.product-info-icon svg {
width: 20px;
height: 20px;
display: block;
}
.product-info-title {
font-size: 12px;
font-weight: 500;
line-height: 1;
color: #555;
white-space: nowrap;
}
.product-info-products {
display: flex;
align-items: center;
margin-left: 12px;
gap: 5px;
}
.product-info-product {
width: 40px;
height: 40px;
border: 1px solid #e5e5e5;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
box-sizing: border-box;
flex: 0 0 40px;
}
.product-info-product img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.product-info-selected {
font-size: 12px;
color: #c44105;
letter-spacing:-0.2px;
font-weight:600;
white-space: nowrap;
}
.product-info-row2 .product-info-left {
flex: 1 1 auto;
min-width: 0;
}
.product-info-row2 .product-info-right {
margin-left: auto !important;
}
.product-info-row2 .product-info-item {
display: flex;
align-items: center;
white-space: nowrap;
}
.product-info-row2 .product-info-divider {
width: 1px;
height: 20px;
background: #eeeeee;
margin: 0 12px;
}
.product-info-row3 {
background: #fffaf4;
}
.product-info-row3 .product-info-title {
color: #c44105;
}
.product-info-row3 .product-info-text {
color: #777;
font-size: 13px;
white-space: nowrap;
}
.product-info-dot {
width: 8px;
height: 8px;
background: #b5652a;
border-radius: 50%;
margin-right: 10px;
flex: 0 0 8px;
}
.product-info-arrow {
width: 24px;
height: 100%;
margin-left: 8px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 24px;
}
.product-info-arrow svg {
width: 14px;
height: 14px;
}
.product-info-row .col,
.product-info-row .col-inner {
padding: 0 !important;
margin: 0 !important;
}
.product-info-row p {
margin: 0 !important;
}
@media (max-width: 549px) {
.product-info-row {
height: 50px;
padding: 0 7px !important;
}
.product-info-title {
font-size: 11px;letter-spacing:-0.2px;
}
.product-info-products {
margin-left: 7px;
gap: 3px;
}
.product-info-product {
width: 35px;
height: 35px;
flex-basis: 35px;
}
.product-info-selected {
font-size: 12px;
}
.product-info-row2 .product-info-divider {
margin: 0 7px;
}
.product-info-row3 .product-info-text {
font-size: 12px;
}
.product-info-dot {
margin-right: 7px;
}
.product-info-arrow {
margin-left: 0px;
}
}
.product-info-row2 .icon-check,
.product-info-row2 .icon-return {
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
line-height: 1;
}
.product-info-row2 .icon-check {
width: 16px;
height: 16px;
background: #f6b93b;
color: #fff;
font-size: 11px;
}
.product-info-row2 .icon-check span {
position: relative;
top: -1px;
}
.product-info-row2 .icon-return {
width: 16px;
height: 16px;
color: #f5a623;margin-right:1px;
font-size: 20px;
font-weight: normal;
background: transparent;
}
.product-info-row2 .icon-return span {
display: block;
line-height: 20px;
transform: translateY(-1px);
}
.product-info-row2 .product-info-arrow {
font-size: 25px;
color: #999;
font-weight: 300;
}
.product-info-row2 .product-info-arrow span {
display: block;
line-height: 1;font-size:26px;
font-weight:300;
}
.product-info-row3 .icon-trophy {
position: relative;
width: 20px;
height: 20px;
margin-right: 7px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 20px;
}
.product-info-row3 .trophy-cup {
position: relative;
display: block;
width: 11px;
height: 10px;
margin-top: -4px;
background: #c44105;
border-radius: 1px 1px 4px 4px;
}
.product-info-row3 .trophy-cup::before {
content: "";
position: absolute;
left: -3px;
top: 0;
width: 17px;
height: 5px;
border: 2px solid #c44105;
border-top: 0;
border-radius: 0 0 8px 8px;
}
.product-info-row3 .trophy-cup::after {
content: "";
position: absolute;
left: 4px;
bottom: -6px;
width: 3px;
height: 6px;
background: #c44105;
}
.product-info-row3 .product-info-text {
color: #c44105;
font-size: 13px;
white-space: nowrap;
}
.product-info-row3 .product-info-dot {
width: 8px;
height: 8px;
background: #c44105;
border-radius: 50%;
margin-right: 10px;
flex: 0 0 8px;
}
.product-info-row3 .product-info-arrow {
width: 24px;
height: 100%;
margin-left: 0px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 24px;
font-family: Arial, Helvetica, sans-serif;
}
.product-info-row3 .product-info-arrow span {
color: #a69999;
font-size: 22px;
font-weight: 300;
line-height: 1;
display: block;
transform: translateY(-1px);
}
.message-shop-stats {
display: flex;
width: 100%;
align-items: center;
margin: 0;
padding: 0;
}
.message-stat {
flex: 1;padding-left:15px;
min-width: 0;
}
.message-stat-title {
display: flex;
align-items: center;
gap: 9px;
height: 22px;
}
.message-stat-title b {
margin: 0;
padding: 0;
font-size: 16px;
line-height: 22px;
font-weight: 700;
color: #333;
}
.message-stat-title em {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0 10px;
height: 18px;
background: #fff1f1;
border-radius: 2px;
color: #ff7777;
font-size: 11px;
line-height: 18px;
font-style: normal;
font-weight: 400;
}
.message-stat-desc {
margin-top: 1px;
padding: 0;
color: #777;
font-size: 13px;font-weight:500;
line-height: 20px;
white-space: nowrap;
}
.message-stat-line {
width: 1px;
height: 45px;
flex: 0 0 1px;
margin: 0 20px;
background: #ddd;
}
@media (max-width: 549px) {
.message-stat-title {
gap: 6px;
}
.message-stat-title b {
font-size: 15px;
}
.message-stat-title em {
padding: 0 7px;
font-size: 10px;
}
.message-stat-desc {
font-size: 11px;
}
.message-stat-line {
margin: 0 10px;
}
}
.fixed-bottom-menu {
position: fixed;
left: 0;
right: 0;
bottom: 0;
width: 100%;
z-index: 1000;
background: #fff;
border-top: 1px solid #eeeeee;
box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.12);
display: block;
margin: 0;
padding: 0;
}
.fixed-bottom-inner {
width: 100%;
height: 64px;
display: flex;
align-items: stretch;
justify-content: center;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
}
.fixed-menu-item {
width: 72px;
min-width: 72px;
height: 64px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 3px;
text-decoration: none !important;
color: #111 !important;
background: #fff;
box-sizing: border-box;
transition: background .2s ease;
}
.fixed-menu-item:hover {
color: #111 !important;
background: #fafafa;
}
.fixed-menu-icon {
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.fixed-menu-icon svg {
width: 21px;
height: 21px;
fill: none;
stroke: #111;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.fixed-menu-label {
display: block;
font-size: 10px;
line-height: 13px;
font-weight: 600;
color: #111;
white-space: nowrap;
}
.fixed-buy-button {
width: 237px;
height: 48px;
margin: 8px 8px 8px 2px;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-sizing: border-box;
background: #c34104;
color: #fff !important;
text-decoration: none !important;
border-radius: 5px;
animation: fixedBuyPulse 1.5s infinite ease-in-out;
transform-origin: center center;
transition: background-color .2s ease;
}
@keyframes fixedBuyPulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
.fixed-buy-button:hover {
background: #c34104;
color: #fff !important;
}
.fixed-buy-title {
display: block;
margin: 0;
padding: 0;
font-size: 19px;
line-height: 20px;
font-weight: 700;
color: #fff !important;
}
.fixed-buy-subtitle {
display: block;
margin: 1px 0 0;
padding: 0;
font-size: 10px;
line-height: 13px;
font-weight: 500;
color: #fff !important;
}
@media (max-width: 767px) {
.fixed-bottom-inner {
height: 64px;
justify-content: center;
}
.fixed-menu-item {
width: 72px;
min-width: 72px;
height: 64px;
}
.fixed-buy-button {
flex: 1;
width: auto;
max-width: 237px;
height: 48px;
margin: 8px 8px 8px 2px;
}
}
@media (max-width: 380px) {
.fixed-menu-item {
width: 62px;
min-width: 62px;
}
.fixed-menu-label {
font-size: 9px;
}
.fixed-buy-title {
font-size: 17px;
line-height: 19px;
}
.fixed-buy-subtitle {
font-size: 9px;
line-height: 12px;
}
.fixed-buy-button {
margin-right: 5px;
}
}
html {
scroll-padding-bottom: 75px;
}
.product-price-box {
width: 100%;
padding-right:15px;
box-sizing: border-box;
}
.product-price-box .price-line {
display: flex;
align-items: center;
gap: 7px;
height: 29px;
white-space: nowrap;
}
.product-price-box .discount-label {
display: inline-flex;
align-items: center;
justify-content: center;
height: 20px;
padding: 0 5px;
background: #ff3048;
color: #fff;
font-size: 12px;
font-weight: 700;
line-height: 20px;
border-radius: 3px;
}
.product-price-box .sale-price {
color: #ff3048;
font-size: 21px;
font-weight: 700;
line-height: 1;
}
.product-price-box .old-price {
color: #999;
font-size: 12px;font-weight:400;
text-decoration: line-through;
line-height: 1;
}
.product-price-box .shipping-icon {
font-size: 13px;
line-height: 1;
margin-right: 4px;
}
.product-price-box .promo-line {
display: flex;
align-items: center;
gap: 0px;
margin-top: 2px;
margin-bottom: 6px;
}
.product-price-box .promo-item {
display: inline-flex;
align-items: center;
height: 26px;
padding: 0 7px;
border-radius: 4px;
font-size: 11px;
font-weight: 500;
line-height: 22px;
white-space: nowrap;
}
.product-price-box .saving {
color: #ff3048;
background: #fff1f2;
border: 1px solid #ff9ba7;
}
.product-price-box .shipping {
color: #1683c5;
background: #eef8ff;
border: 1px solid #a9dcfa;
}
.product-price-box .gift-line {
display: flex;
align-items: center;
width: fit-content;
height: auto;
padding: 4px 8px;
box-sizing: border-box;
background: #fff1f2;
border: 1px solid #ff9ba7;
line-height:1.3;
border-radius: 4px;
color: #ff3048;
font-size: 11px;
font-weight: 500;
white-space: nowrap;
}
.product-price-box .gift-icon {
margin-right: 6px;
font-size: 13px;
line-height: 1;
}
.wpcf7-form .custom-submit {
width: 100%;
height: 62px;
padding: 4px 10px;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #c34104 !important;
color: #fff !important;
border: none !important;
border-radius: 4px !important;
margin-top:10px;
box-shadow: none !important;
outline: none !important;
cursor: pointer;
text-align: center;
transition: background 0.2s ease, transform 0.15s ease;
}
.wpcf7-form .custom-submit .submit-title {
display: block;
font-size: 20px;
font-weight: 700;
line-height: 22px;
color: #fff !important;
}
.wpcf7-form .custom-submit .submit-subtitle {
display: block;
margin-top: 2px;
font-size: 10px;
font-weight: 400;
line-height: 13px;
color: #fff !important;
}
.wpcf7-form .custom-submit:hover {
background: #c34104 !important;
color: #fff !important;
}
.wpcf7-form .custom-submit:active {
transform: scale(0.98);
}
@media (max-width: 480px) {
.wpcf7-form .custom-submit {
height: 62px;
}
.wpcf7-form .custom-submit .submit-title {
font-size: 20px;
line-height: 21px;
}
.wpcf7-form .custom-submit .submit-subtitle {
font-size: 9px;
line-height: 12px;
}
}
.meta-date,
.meta-actions {
display: flex;
align-items: center;
height: 100%;
}
.meta-date {
gap: 7px;
color: #111;
font-size: 14px;
line-height: 1;
white-space: nowrap;
}
.meta-date-icon {
width: 16px;
height: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;color:#333;
}
.meta-date-text {font-size:12px;color:#666;}
.meta-date-icon svg {
width: 16px;
height: 16px;
display: block;
}
.meta-actions {
justify-content: flex-end;
gap: 10px;
}
.meta-more {
font-size: 18px;
font-weight: 600;
line-height: 1;
letter-spacing: 1px;
color: #111;
position: relative;
top: -2px;
}
.meta-like {
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #111;
}
.meta-like svg {
width: 18px;
height: 18px;
display: block;
}
.meta-row {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 549px) {
.meta-date {
font-size: 14px;
}
.meta-date-icon,
.meta-date-icon svg {
width: 16px;
height: 16px;
}
.meta-like,
.meta-like svg {
width: 17px;
height: 17px;
}
}