/* =========================================================
   CHANG CARGO - UI polish (loaded after all theme styles)
   ========================================================= */
:root{
  --cc-primary:#1f56b3;
  --cc-primary-dark:#163f86;
  --cc-accent:#14a3a0;
  --cc-yellow:#ffc107;
  --cc-line:#06c755;
  --cc-text:#1f2937;
  --cc-muted:#6b7280;
  --cc-border:#e7ebf2;
  --cc-bg:#f5f7fb;
  --cc-radius:14px;
  --cc-shadow:0 4px 16px rgba(17,43,94,.07);
  --cc-shadow-h:0 12px 28px rgba(17,43,94,.14);
}

/* ---------- typography ---------- */
body{font-family:'Sarabun','Open Sans',sans-serif;color:#374151;letter-spacing:0;font-size:15px;line-height:1.6;}
h1,h2,h3,h4,h5,h6,.heading{font-family:'Sarabun','Open Sans',sans-serif;letter-spacing:0;}
a{transition:color .2s;}
.fa{font-family:FontAwesome !important;}

/* ---------- top bar & header ---------- */
#top{font-size:13px;}
header .head-bottom{padding:12px 0;box-shadow:0 1px 0 var(--cc-border);background:#fff;}
#logo img{max-height:56px;width:auto;}
#search .input-group{border-radius:999px;overflow:hidden;box-shadow:0 0 0 1px #e3e7ee inset;background:#f3f5f9;transition:box-shadow .2s,background .2s;}
#search .input-group:focus-within{background:#fff;box-shadow:0 0 0 2px var(--cc-primary) inset,0 6px 18px rgba(31,86,179,.12);}
#search .input-group .form-control{background:transparent !important;border:0 !important;box-shadow:none !important;height:46px;padding-left:22px;font-size:15px;}
#search .input-group .btn{background:transparent !important;border:0 !important;height:46px;padding:0 20px;}
#search .input-group .btn svg{fill:var(--cc-primary);}
.cartr h5{font-weight:700;color:var(--cc-text);}
.cartr h6{color:var(--cc-muted);}

/* blue nav bar */
.head-bg{box-shadow:0 4px 14px rgba(0,85,255,.18);}
.head-bg .manun .list-inline{margin:0;}
.head-bg .manun .list-inline > li{padding:0 !important;margin:0 !important;}
.head-bg .manun a{display:inline-block;padding:14px 12px !important;font-weight:600;font-size:15px;letter-spacing:0 !important;white-space:nowrap;border-radius:8px;transition:background .2s;}
.head-bg .manun a:hover{background:rgba(255,255,255,.14);text-decoration:none;}
.hcall a{font-weight:600;}

/* LINE button (replaces "all categories") */
.head-menu-p{display:flex;align-items:center;min-height:50px;}
.cc-line-short{display:none;}
@media (min-width:768px){
  /* blue menu bar: one line on every screen width (no wrapping) */
  .head-bg > .container > .row{display:flex;flex-wrap:nowrap;align-items:center;}
  .head-bg > .container > .row > .head-menu-p{flex:0 0 auto;width:auto !important;float:none;}
  .head-bg > .container > .row > #menu1{flex:1 1 auto;width:auto !important;min-width:0;float:none;}
  .head-bg > .container > .row > .tntleftsidemenupus{flex:0 0 auto;width:auto !important;float:none;display:flex !important;align-items:center;justify-content:flex-end;gap:12px;white-space:nowrap;}
  .head-bg > .container > .row > .tntleftsidemenupus > *{float:none !important;margin:0 !important;}
  .head-bg .manun .list-inline{display:flex;flex-wrap:nowrap;overflow:visible;}
  .head-bg .manun .list-inline::-webkit-scrollbar{display:none;}
  .head-bg .manun .list-inline > li{flex:0 0 auto;}
  /* only the blue menu bar sticks on top when scrolling (no double header) */
  header,header .head-bottom{position:relative !important;top:auto !important;}
  .head-bg.fixed{position:fixed !important;left:0;right:0;top:0;}
}
.cc-line-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 14px;margin:8px 0;border-radius:10px;background:var(--cc-line);color:#fff !important;font-weight:700;font-size:15px;letter-spacing:.3px;text-decoration:none !important;white-space:nowrap;transition:filter .2s,transform .2s;}
.cc-line-btn i{font-size:18px;}
.cc-line-btn:hover,.cc-line-btn:focus{filter:brightness(1.07);color:#fff !important;}

@media (min-width:768px) and (max-width:1199px){
  .cc-line-btn{font-size:14px;padding:8px 12px !important;}
  .head-bg .manun a{font-size:14px !important;padding:13px 8px !important;}
  .tntleftsidemenupus .cod{font-size:13px;}
}
@media (min-width:768px) and (max-width:991px){
  .cc-line-full{display:none;}
  .cc-line-short{display:inline;}
}

/* ---------- section titles ---------- */
#content .heading,.pro-nepr .heading,.cat-img .heading,.cmn-title .heading{font-size:22px !important;font-weight:700 !important;color:var(--cc-text) !important;text-transform:none !important;position:relative;padding-left:14px;margin:34px 0 18px !important;line-height:1.4;border:0;}
#content .heading::before,.pro-nepr .heading::before,.cat-img .heading::before,.cmn-title .heading::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;border-radius:4px;background:linear-gradient(180deg,var(--cc-primary),var(--cc-accent));}
.pro-nepr .heading hr,.cmn-title .heading hr,#content .heading hr{display:none;}
.cmn-title.wow{animation:none !important;visibility:visible !important;}

/* owl nav buttons */
.owl-theme .owl-controls .owl-buttons div{width:36px;height:36px;line-height:36px;border-radius:50% !important;background:#fff !important;color:var(--cc-primary) !important;box-shadow:0 2px 8px rgba(0,0,0,.12);border:0 !important;opacity:1 !important;padding:0 !important;text-align:center;}
.owl-theme .owl-controls .owl-buttons div:hover{background:var(--cc-primary) !important;color:#fff !important;}
.owl-theme .owl-controls .owl-buttons div i{line-height:36px;}

/* ---------- slideshow & banners ---------- */
.homeslide,.homeslide img{border-radius:var(--cc-radius);overflow:hidden;}
.homeslide{box-shadow:var(--cc-shadow);}
.imgbanner .banner-effect,.offerbanner a,.banner-e,.cbanner img,.offerbanner img{border-radius:12px;overflow:hidden;display:block;}
.imgbanner img,.offerbanner img,.banner-e img{transition:transform .35s ease;}
.imgbanner:hover img,.offerbanner:hover img,.banner-e:hover img{transform:scale(1.03);}
.offerbanner,.cbanner .col-xs-6{margin-bottom:16px;}

/* ---------- popular categories ---------- */
.block-cat-wr{padding:14px 8px 10px;border-radius:var(--cc-radius);transition:transform .25s,box-shadow .25s,background .25s;}
.block-cat-wr:hover{background:#fff;box-shadow:var(--cc-shadow-h);transform:translateY(-4px);}
.block-cat-wr img{border-radius:50%;transition:transform .3s;}
.block-cat-wr:hover img{transform:scale(1.05);}
.block-cat-wr h4,.block-cat-wr h4 a{font-size:15px !important;font-weight:600 !important;color:var(--cc-text) !important;line-height:1.45;margin-top:10px;}
.block-cat-wr:hover h4 a{color:var(--cc-primary) !important;}

/* ---------- offer strip ---------- */
.offerword{border-radius:0;padding:16px max(15px, calc((100% - 1140px) / 2)) !important;margin:26px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;box-shadow:var(--cc-shadow);}
.offerword span{font-size:17px;font-weight:600;}
.offerword a{float:none !important;padding:9px 20px !important;border-radius:999px;font-weight:700;text-decoration:none !important;box-shadow:0 3px 10px rgba(0,0,0,.12);}

/* ---------- shipping-rate cards (latest products) ---------- */
.product-thumb{background:#fff;border:1px solid var(--cc-border) !important;border-radius:var(--cc-radius) !important;box-shadow:var(--cc-shadow);transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden;padding:16px 10px 14px !important;margin-bottom:18px;}
.product-thumb:hover{transform:translateY(-4px);box-shadow:var(--cc-shadow-h);border-color:#cfdcf3 !important;}
.product-thumb .image img{transition:transform .3s;}
.product-thumb:hover .image img{transform:scale(1.06);}
.product-thumb .caption h4,.product-thumb .caption h4 a{font-size:15px !important;font-weight:600 !important;color:var(--cc-text) !important;line-height:1.45;white-space:normal;}
.product-thumb .caption h4{margin:10px 0 6px;min-height:44px;}
.product-thumb .rating{margin:2px 0 6px;}
.product-thumb .rating .fa-stack{width:14px;height:14px;line-height:14px;font-size:7px;}
.digitcart-price-text{display:inline-block !important;white-space:nowrap;line-height:1.3 !important;margin:4px 0 0 !important;padding:4px 10px !important;border-radius:999px;background:#eef4ff;color:var(--cc-primary) !important;font-weight:700;font-size:13px !important;}
.product-thumb .button-group,.product-thumb .acart{display:none !important;}

/* ---------- blog cards ---------- */
.blog_inspire .blogb{background:#fff;border:1px solid var(--cc-border);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);overflow:hidden;transition:transform .25s,box-shadow .25s;}
.blog_inspire .blogb:hover{transform:translateY(-4px);box-shadow:var(--cc-shadow-h);}
.blog_inspire .inspire-blog-image img{border-radius:0 !important;}
.blog_inspire .blog-right{padding:12px 14px 14px;margin-top:0;}
.blog_inspire .blog-right h4{margin:0 0 6px;}
.blog_inspire .blog-right h4 a{font-size:16px;font-weight:700;color:var(--cc-text);letter-spacing:0;}
.blog_inspire .blog-desc{font-size:14px !important;line-height:1.65;color:var(--cc-muted);text-align:left !important;margin:0 0 8px !important;letter-spacing:0;text-transform:none;}
.blog_inspire a.read.more{font-weight:700;color:var(--cc-primary);}
.blog_inspire a.read.more::after{content:" \f105";font-family:FontAwesome;}
#blog .slick-slide{padding:0 8px;}
/* equal, tidy blog cards: title max 2 lines, text max 3 lines, "read more" at the bottom */
.blog_inspire .blogb{display:flex !important;flex-direction:column;}
.blog_inspire .blog-left{flex:0 0 auto;}
.blog_inspire .blog-right{flex:1 1 auto;display:flex;flex-direction:column;}
.blog_inspire .blog-right h4{white-space:normal !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.45;min-height:2.9em;padding-bottom:2px;}
.blog_inspire .blog-desc{display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden !important;white-space:normal !important;line-height:1.65 !important;min-height:4.95em;padding-bottom:3px;}
.blog_inspire a.read.more{margin-top:auto;}

/* ---------- newsletter & footer ---------- */
.foot-top{padding:26px 0;}
.foot-top .mail-msg{font-weight:700;letter-spacing:0;}
.foot-top .inputNew{border-radius:999px 0 0 999px !important;height:46px;border:0;padding-left:20px;}
.foot-top .ne-su{border-radius:0 999px 999px 0 !important;height:46px;padding:0 24px;font-weight:700;}
footer .middle-footer h5{font-size:16px;font-weight:700;letter-spacing:0;}
footer .middle-footer ul li a{transition:color .2s,padding-left .2s;}
footer .middle-footer ul li a:hover{padding-left:4px;}

/* ---------- generic ---------- */
.breadcrumb{background:#f3f5f9;border-radius:10px;padding:10px 16px;font-size:14px;}
.btn-primary{background:var(--cc-primary);border-color:var(--cc-primary);border-radius:8px;}
.btn-primary:hover,.btn-primary:focus{background:var(--cc-primary-dark);border-color:var(--cc-primary-dark);}
.alert{border-radius:10px;}
#scroll{border-radius:50% !important;box-shadow:0 4px 12px rgba(0,0,0,.2);}

/* ---------- mobile ---------- */
@media (max-width:767px){
  body{font-size:15px;}
  header .head-bottom{padding:8px 0 10px;}
  #logo img{max-height:46px;margin:0 auto;}
  #search .input-group .form-control,#search .input-group .btn{height:42px;}
  #content .heading,.pro-nepr .heading,.cat-img .heading,.cmn-title .heading{font-size:19px !important;margin:24px 0 14px !important;}
  .offerword{margin:16px 0;padding:14px 16px !important;justify-content:center;text-align:center;}
  .digitcart-price-text{font-size:13px !important;}
  .offerword span{font-size:15px;}
  .product-thumb{padding:12px 8px !important;}
  .product-thumb .caption h4,.product-thumb .caption h4 a{font-size:14px !important;}
  .blog_inspire .blog-right{padding:10px 10px 12px;}
  .blog_inspire .blog-right h4 a{font-size:15px;}
  .blog_inspire .blog-desc{font-size:13px !important;}
  #blog .slick-slide{padding:0 5px;}
}


/* ================= update 7 ================= */
/* desktop: lower blue menu bar */
@media (min-width:768px){
  .head-bg .manun{margin:0 !important;}
  .head-bg .manun a{padding:10px 12px !important;}
  .head-menu-p{min-height:0;}
  .cc-line-btn{margin:7px 0;padding:8px 14px;}
  .head-bg > .container > .row > .tntleftsidemenupus .u-acc > a{padding:6px 4px;}
  .cc-more{position:relative;}
  .cc-more > a{cursor:pointer;}
  .cc-more .dropdown-menu{left:auto;right:0;min-width:200px;border:0;border-radius:12px;box-shadow:0 12px 30px rgba(17,43,94,.18);padding:6px 0;margin-top:4px;}
  .cc-more .dropdown-menu li a{display:block !important;color:#1f2937 !important;padding:9px 16px !important;font-size:14px !important;border-radius:0 !important;}
  .cc-more .dropdown-menu li a:hover{background:#f1f5fd !important;color:#1f56b3 !important;}
}
@media (min-width:768px) and (max-width:1199px){
  .head-bg .manun a{padding:10px 8px !important;}
}
@media (min-width:1200px){
  .head-bg .manun a{padding:10px 10px !important;}
}

/* desktop: login button next to opening hours */
.head-b-right{display:flex;align-items:center;justify-content:flex-end;gap:16px;}
.head-b-right > .cartr{margin:0;}
.cc-hlogin{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:var(--cc-primary);color:#fff !important;font-weight:700;font-size:14px;white-space:nowrap;text-decoration:none !important;box-shadow:0 4px 12px rgba(31,86,179,.25);transition:background .2s,transform .2s;}
.cc-hlogin i{font-size:16px;}
.cc-hlogin:hover,.cc-hlogin:focus{background:var(--cc-primary-dark);transform:translateY(-1px);}

/* mobile header */
.cc-mbar:not(.footerStaticBarMobile){background:linear-gradient(90deg,#0b2e6f,#1f56b3 60%,#14a3a0);color:#fff;font-size:12.5px;font-weight:600;padding:6px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;}
.cc-mbar:not(.footerStaticBarMobile) i{color:#ffc107;margin-right:4px;}
.cc-mbar:not(.footerStaticBarMobile) > span:first-child{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cc-mbar:not(.footerStaticBarMobile) .cc-mbar-r{opacity:.9;white-space:nowrap;}
@media (max-width:767px){
  header .head-bottom{background:#fff;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#1f56b3,#14a3a0,#ffc107) 1;box-shadow:0 6px 18px rgba(17,43,94,.08);padding:8px 0 10px;}
  .xslogo{display:flex !important;align-items:center;justify-content:space-between;gap:10px;}
  .xslogo #logo{flex:0 1 auto;min-width:0;text-align:left;}
  #logo img{max-width:100% !important;max-height:42px !important;margin:0 !important;}
  .cc-mact{display:flex !important;gap:8px;flex:0 0 auto;}
  .cc-mact a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:52px;padding:0 10px;height:46px;border-radius:12px;color:#fff !important;text-decoration:none !important;font-size:10.5px;font-weight:700;line-height:1.2;box-shadow:0 4px 10px rgba(0,0,0,.12);}
  .cc-mact a i{font-size:18px;margin-bottom:2px;}
  .cc-mact-line{background:#06c755;}
  .cc-mact-user{background:var(--cc-primary);}
  .cc-mact a span{white-space:nowrap;}
  .rpart{margin-top:8px;}
  .head-b-right{display:none !important;}
}

/* ================= update 8 ================= */
/* desktop top bar (facebook / slogan / contact) */
#top{background:linear-gradient(90deg,#0b1f4d,#0b2e6f 50%,#0f3d8c) !important;border:0 !important;padding:0 !important;min-height:38px;}
#top .paddbg{padding:0 !important;}
#top .row{display:flex;align-items:center;min-height:38px;}
#top .row > div{float:none;}
#top .socials{margin:0;padding:0;display:flex;gap:6px;}
#top .socials li{padding:0 !important;margin:0 !important;}
#top .socials li a{display:inline-flex !important;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50% !important;background:rgba(255,255,255,.12) !important;border:0 !important;color:#fff !important;font-size:14px;transition:background .2s;}
#top .socials li a:hover{background:#1877f2 !important;}
#top .headadd{color:#fff !important;font-size:13.5px;font-weight:600;letter-spacing:.3px;opacity:.95;}
#top .headadd .fa{color:#ffc107;margin-right:4px;}
#top #top-links{display:flex;justify-content:flex-end;align-items:center;}
.cc-toplinks{display:inline-flex;gap:18px;align-items:center;}
.cc-toplinks a{color:#dbe7ff !important;font-size:13px;font-weight:600;text-decoration:none !important;white-space:nowrap;}
.cc-toplinks a:hover{color:#fff !important;}
.cc-toplinks a .fa{color:#ffc107;margin-right:3px;}
@media (min-width:768px) and (max-width:991px){ .cc-toplinks a:first-child{display:none;} }

/* customer ID: pill right after the phone number */
@media (min-width:768px){
  .tntleftsidemenupus .hcall{order:1;}
  .tntleftsidemenupus .cod1{order:2;position:static !important;}
  .tntleftsidemenupus .u-acc{order:3;}
  .head-bg .cod1 .cod{position:static !important;top:auto !important;margin:0 !important;display:inline-flex;align-items:center;gap:6px;background:#fff;color:#1f56b3 !important;border-radius:999px;padding:5px 12px;font-size:13px !important;font-weight:700;white-space:nowrap;line-height:1.2;box-shadow:0 2px 6px rgba(0,0,0,.12);}
  .head-bg .cod1 .cod .fa{color:#1f56b3;}
}

/* mobile: centered slogan bar */
.cc-mbar:not(.footerStaticBarMobile){justify-content:center !important;text-align:center;}
.cc-mbar:not(.footerStaticBarMobile) > span:first-child{flex:0 1 auto !important;}

/* mobile: no empty black area above the bottom menu bar */
@media (max-width:900px){
  footer .mobilecls{margin-bottom:0 !important;}
  footer .foot-power{padding-bottom:14px !important;}
  footer{padding-bottom:64px;}
}

/* shipping-rate cards: remove empty space (unused stars / empty price line) */
.product-thumb .rating{display:none !important;}
.product-thumb .caption{padding-top:6px !important;padding-bottom:4px !important;}
.product-thumb .caption p.price{min-height:0 !important;margin:0 !important;}
.product-thumb .caption h4{min-height:2.9em;margin:8px 0 8px !important;}
.product-thumb{padding:14px 10px 12px !important;margin-bottom:14px !important;}
#latest .owl-item .item > .product-layout{padding-bottom:0;}

/* ================= update 9: new footer ================= */
.cc-footer{background:#0a1733;color:#c7d2e6;}
.cc-footer .foot-top{margin:0;}
.cc-fmain{position:relative;background:radial-gradient(1200px 400px at 10% 0%,rgba(31,86,179,.35),transparent 60%),radial-gradient(900px 400px at 100% 100%,rgba(20,163,160,.22),transparent 60%),linear-gradient(180deg,#0b1d42 0%,#0a1733 100%);padding:40px 0 10px;}
.cc-fcta{display:flex;align-items:center;gap:22px;background:linear-gradient(120deg,#1f56b3 0%,#1b7fc4 55%,#14a3a0 100%);border-radius:20px;padding:24px 28px;box-shadow:0 18px 40px rgba(0,0,0,.28);margin-bottom:28px;position:relative;overflow:hidden;}
.cc-fcta::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08);}
.cc-fcta-ic{flex:0 0 64px;height:64px;border-radius:18px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;}
.cc-fcta-tx{flex:1;min-width:0;color:#fff;}
.cc-fcta-tx b{display:block;font-size:22px;font-weight:700;line-height:1.35;}
.cc-fcta-tx span{display:block;font-size:15px;opacity:.9;margin-top:2px;}
.cc-fcta-btn{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1;}
.cc-fcta-btn a{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none !important;white-space:nowrap;transition:transform .2s,box-shadow .2s;}
.cc-fcta-btn a:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.2);}
.cc-b-line{background:#06c755;color:#fff !important;}
.cc-b-tel{background:#fff;color:#1f56b3 !important;}
.cc-ffeat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:34px;}
.cc-ffeat > div{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px;}
.cc-ffeat > div > .fa{flex:0 0 42px;height:42px;border-radius:12px;background:rgba(255,193,7,.14);color:#ffc107;display:flex;align-items:center;justify-content:center;font-size:19px;}
.cc-ffeat span{font-size:13px;color:#9fb0cc;line-height:1.45;}
.cc-ffeat span b{display:block;color:#fff;font-size:15px;font-weight:700;}
.cc-fcols{padding-bottom:10px;}
.cc-footer .middle-footer h5{color:#fff !important;font-size:16px !important;font-weight:700;letter-spacing:0;text-transform:none;margin:0 0 18px !important;padding-bottom:10px;position:relative;line-height:1.4;}
.cc-footer .middle-footer h5::before{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,#ffc107,#14a3a0);}
.cc-flinks li{margin-bottom:10px;}
.cc-flinks li a{color:#b6c3da !important;font-size:14.5px;text-decoration:none !important;display:inline-flex;align-items:flex-start;gap:8px;transition:color .2s,transform .2s;}
.cc-flinks li a::before{content:"\f105";font-family:FontAwesome;color:#14a3a0;font-size:14px;line-height:1.5;}
.cc-flinks li a:hover{color:#fff !important;transform:translateX(3px);}
.cc-fbrand .cc-flogo{display:inline-block;background:#fff;border-radius:14px;padding:8px 14px;margin-bottom:14px;box-shadow:0 8px 20px rgba(0,0,0,.25);}
.cc-fbrand .cc-flogo img{max-height:44px;width:auto;display:block;}
.cc-fbrand p{font-size:14px;line-height:1.75;color:#9fb0cc;margin:0 0 14px;}
.cc-fcontact li{display:flex;align-items:center;gap:10px;margin-bottom:9px;font-size:14.5px;color:#dbe4f3;}
.cc-fcontact li .fa{flex:0 0 30px;height:30px;border-radius:9px;background:rgba(255,255,255,.07);color:#ffc107;display:flex;align-items:center;justify-content:center;font-size:14px;}
.cc-fcontact li a{color:#dbe4f3 !important;text-decoration:none !important;}
.cc-fcontact li a:hover{color:#fff !important;}
.cc-fsocial{display:flex;gap:10px;margin:14px 0 20px;}
.cc-fsocial a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff !important;display:flex;align-items:center;justify-content:center;font-size:16px;text-decoration:none !important;transition:background .2s,transform .2s;}
.cc-fsocial a:hover{background:#1877f2;transform:translateY(-2px);}
.cc-fsocial a.cc-fs-line:hover{background:#06c755;}
.cc-fbottom{background:#07102a;border-top:1px solid rgba(255,255,255,.06);padding:16px 0;font-size:13.5px;color:#8e9dba;}
.cc-fbottom .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;}
.cc-fbottom b{color:#fff;}
.cc-fpay{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;}
.cc-fpay em{font-style:normal;}
.cc-fpay > i{font-style:normal;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#dbe4f3;border-radius:8px;padding:4px 10px;font-size:12.5px;}
.cc-fpay > i .fa{color:#ffc107;margin-right:3px;}
.cc-footer .footer-collapse{border:0;}
@media (max-width:991px){
  .cc-ffeat{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cc-fcta{flex-wrap:wrap;}
  .cc-fcta-btn{width:100%;}
  .cc-fbrand{margin-bottom:10px;}
}
@media (max-width:767px){
  .cc-fmain{padding:24px 0 6px;}
  .cc-fcta{padding:20px 18px;gap:14px;border-radius:16px;margin-bottom:18px;}
  .cc-fcta-ic{flex-basis:50px;height:50px;font-size:24px;}
  .cc-fcta-tx b{font-size:18px;}
  .cc-fcta-tx span{font-size:13.5px;}
  .cc-fcta-btn a{flex:1 1 auto;justify-content:center;padding:11px 14px;}
  .cc-ffeat{gap:10px;margin-bottom:22px;}
  .cc-ffeat > div{padding:12px;gap:10px;flex-direction:column;align-items:flex-start;}
  .cc-ffeat span{font-size:12px;}
  .cc-ffeat span b{font-size:14px;}
  .cc-footer .middle-footer h5{margin:0 !important;padding:14px 0 !important;border-bottom:1px solid rgba(255,255,255,.08);}
  .cc-footer .middle-footer h5::before{display:none;}
  .cc-footer .middle-footer .footer-collapse ul{padding:10px 0 4px;}
  .cc-fbottom{padding:14px 0 16px;text-align:center;}
  .cc-fbottom .container{justify-content:center;}
}
.cc-footer a{line-height:1.5;}
.cc-footer .middle-footer h5::after{display:none !important;}
.cc-fcta-ic .fa{font-size:30px !important;}
.cc-ffeat > div > .fa{width:42px;height:42px;flex:0 0 auto !important;font-size:19px !important;}
.cc-fcontact li .fa{width:30px;height:30px;flex:0 0 auto !important;}
.cc-fbottom .container::before,.cc-fbottom .container::after,#top .row::before,#top .row::after{display:none !important;}
@media (max-width:767px){
  .cc-fcta-ic .fa{font-size:24px !important;}
  .cc-footer .middle-footer h5{display:flex;align-items:center;justify-content:space-between;}
  .cc-footer .middle-footer h5 .toggle{position:static !important;float:none !important;margin:0 !important;padding:0 4px !important;background:none !important;border:0 !important;color:#fff !important;box-shadow:none !important;}
}
/* footer v2: no logo, contact column same height as link columns */
.cc-fcontact li{margin-bottom:10px !important;font-size:14.5px;line-height:1.5;}
.cc-fcontact li .fa{width:24px !important;height:24px !important;border-radius:7px !important;font-size:12px !important;}
.cc-fcopy{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap;}
.cc-fbottom .cc-fsocial{margin:0 !important;gap:8px;}
.cc-fbottom .cc-fsocial a{width:32px;height:32px;font-size:14px;}
@media (max-width:767px){ .cc-fcopy{justify-content:center;} }
/* footer v3: 4 contact rows spread to the same height as the 5-link columns; bottom bar in one line */
@media (min-width:768px){
  .cc-fcontact li{margin-bottom:22px !important;}
  .cc-fcontact li:last-child{margin-bottom:10px !important;}
}
@media (min-width:1200px){
  .cc-fbottom .container{flex-wrap:nowrap !important;}
  .cc-fcopy{flex-wrap:nowrap !important;white-space:nowrap;}
  .cc-fpay{flex-wrap:nowrap !important;white-space:nowrap;}
}
.cc-fcopy{display:inline-flex !important;}
.cc-fbottom .cc-fsocial{display:inline-flex !important;}

/* ================= update 12 ================= */
/* mobile shipping rates: 2 main rates + "show all" button */
.cc-mrates{margin:0 !important;}
.cc-mrates-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 15px;}
.cc-mrates .product-thumb{margin:0 !important;height:100%;}
.cc-mrate-more{display:none;}
.cc-mrates.open .cc-mrate-more{display:block;animation:ccFade .25s ease;}
@keyframes ccFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cc-mrates-btn-wrap{padding:14px 15px 4px;text-align:center;}
.cc-mrates-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:340px;padding:12px 18px;border:0;border-radius:999px;background:linear-gradient(135deg,#1f56b3,#14a3a0);color:#fff;font-weight:700;font-size:15px;box-shadow:0 6px 16px rgba(31,86,179,.25);}
.cc-mrates-btn i{font-size:18px;}
.head-bg .manun a .cc-ext{font-size:11px !important;opacity:.7;margin-left:3px;}

/* ================= update 15 ================= */
/* mobile: register button in the header + bottom bar */
.cc-mact-reg{display:none;}
@media (max-width:767px){
  .cc-mact{gap:6px;}
  .cc-mact a{min-width:0;padding:0 8px;}
  .cc-mact-reg{display:flex !important;background:linear-gradient(135deg,#f59e0b,#f97316);}
  .footerStaticBarMobile .cc-reg-col a{color:#ffd24d !important;}
}
@media (max-width:374px){
  .cc-mact a span{font-size:9.5px;}
  .cc-mact a{padding:0 6px;}
}

/* ================= update 25 ================= */
/* bottom navigation: only on phones, always fixed (no jumping while scrolling) */
.footerStaticBarMobile{position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;transition:none !important;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
@media (min-width:768px){
  .footerStaticBarMobile,.cc-sheet-backdrop{display:none !important;}
  body{padding-bottom:0 !important;}
}
/* mobile: no empty dark strip under the footer (the white bottom bar covers the page padding) */
@media (max-width:900px){
  footer.cc-footer{padding-bottom:0 !important;margin-bottom:0 !important;}
  footer.cc-footer .cc-fbottom{padding-bottom:14px !important;}
  .foot-power{padding-bottom:0 !important;}
  html,body{background:#fff;}
}

/* ===== Update 28: mobile - no dark block at the bottom of the page ===== */
@media (max-width:767px){
  footer.cc-footer{background:#fff !important;}
  footer.cc-footer .cc-fbottom{background:#f4f6fb !important;border-top:1px solid #e5e9f2 !important;color:#64748b !important;}
  footer.cc-footer .cc-fbottom b{color:#1f2937 !important;}
  footer.cc-footer .cc-fbottom a{color:#1f56b3;}
  footer.cc-footer .cc-fsocial a{background:#e8eef8 !important;color:#1f56b3 !important;}
  footer.cc-footer .cc-fpay > i{background:#fff !important;border-color:#e2e8f0 !important;color:#334155 !important;}
}
/* Update 28: no white loading screen (it waited for every image before showing the page) */
#page-preloader{display:none !important;}

/* Update 30: "Contact us ติดต่อเรา" - in English mode show "Contact us" only once */
html[lang="en"] .cc-th-dup{display:none !important;}

/* Update 33: laptops 992-1199px - nothing may be wider than the screen */
body{max-width:100%;overflow-x:clip;} /* clip (not hidden): keeps the sticky header working */
@media (min-width:992px) and (max-width:1199px){
  .cc-fpay{flex-wrap:wrap !important;white-space:normal !important;}
}

/* ===== Update 40: footer link columns - centred on computers, light cards on phones ===== */
@media (min-width:768px){
  .cc-fcols .col-md-9 .col-sm-4{text-align:center;}
  .cc-fcols .col-md-9 .middle-footer h5,.cc-footer .cc-fcols .col-md-9 h5{display:inline-block;padding-left:0 !important;}
  .cc-footer .cc-fcols .col-md-9 h5::before{left:50% !important;transform:translateX(-50%);}
  .cc-fcols .col-md-9 .cc-flinks li{margin-bottom:12px;}
  .cc-fcols .col-md-9 .cc-flinks li a{justify-content:center;padding:2px 0;}
  .cc-fcols .col-md-9 .cc-flinks li a::before{display:none;}
  .cc-fcols .col-md-9 .cc-flinks li a:hover{transform:translateY(-1px);color:#ffc107 !important;}
  .cc-fcols .col-md-9 .col-sm-4 + .col-sm-4{border-left:1px solid rgba(255,255,255,.07);}
}
@media (max-width:767px){
  footer.cc-footer .cc-fmain{display:block !important;background:#f4f7fc !important;padding:18px 0 4px !important;border-top:1px solid #e6ebf3;}
  footer.cc-footer .cc-fmain:before,footer.cc-footer .cc-fmain:after{display:none !important;}
  footer.cc-footer .cc-fcta,footer.cc-footer .cc-ffeat{display:none !important;}
  footer.cc-footer .cc-fcols{margin:0 !important;padding:0 !important;}
  footer.cc-footer .cc-fcols .middle-footer > div,footer.cc-footer .cc-fcols .col-sm-4{float:none;width:100%;padding:0;}
  footer.cc-footer .cc-fcols .col-md-9 > .row{margin:0;display:grid;grid-template-columns:1fr;gap:10px;}
  footer.cc-footer .cc-fbrand,footer.cc-footer .cc-fcols .col-sm-4{background:#fff;border:1px solid #e6ebf3;border-radius:16px;padding:14px 14px 10px !important;box-shadow:0 4px 14px rgba(17,43,94,.05);margin-bottom:10px;text-align:center;}
  footer.cc-footer .middle-footer h5{color:#0b2e6f !important;font-size:15.5px !important;margin:0 0 10px !important;padding:0 0 8px !important;border:0 !important;display:block !important;position:relative;white-space:normal !important;text-align:center;}
  footer.cc-footer .middle-footer h5::before{display:block !important;left:50% !important;transform:translateX(-50%);bottom:0;width:30px;}
  footer.cc-footer .middle-footer h5 .toggle{display:none !important;}
  footer.cc-footer .footer-collapse,footer.cc-footer .footer-collapse.collapse{display:block !important;height:auto !important;visibility:visible !important;}
  footer.cc-footer .footer-collapse ul{padding:0 !important;margin:0 !important;}
  footer.cc-footer .cc-flinks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
  footer.cc-footer .cc-flinks li{margin:0 !important;}
  footer.cc-footer .cc-flinks li a{color:#1f56b3 !important;background:#f1f5fd;border:1px solid #dbe6fb;border-radius:999px;padding:6px 12px;font-size:13px !important;line-height:1.3;}
  footer.cc-footer .cc-flinks li a::before{display:none;}
  footer.cc-footer .cc-flinks li a:hover{transform:none;background:#1f56b3;color:#fff !important;}
  footer.cc-footer .cc-fcontact{display:grid;grid-template-columns:1fr;gap:8px;text-align:left;}
  footer.cc-footer .cc-fcontact li{margin:0 !important;background:#f7f9fd;border:1px solid #edf1f7;border-radius:12px;padding:8px 10px;font-size:12.5px !important;color:#1f2937 !important;min-width:0;}
  footer.cc-footer .cc-fcontact li span,footer.cc-footer .cc-fcontact li a{color:#1f2937 !important;overflow-wrap:anywhere;}
  footer.cc-footer .cc-fcontact li .fa{background:linear-gradient(135deg,#1f56b3,#14a3a0) !important;color:#fff !important;}
}