
/* BBcooker design refinement: Inochi-inspired layout, /fontmacdinh: Inter max 600 */
:root { --yellow:#F3CE12; --ink:#173963; --muted:#6b7a88; --pale:#fff8d8; --light:#fffdfa; --line:#e6e9eb; --max:1250px; --radius:16px; --shadow:0 2px 8px rgba(23,57,99,.08); --brandblue:#173963 }
html,body { font-family:'Inter',Arial,sans-serif!important; color:var(--ink); }
body,body button,body input,body select,body textarea,body a,body p,body li,body h1,body h2,body h3,body h4,body span,body b,body strong,body small,body em,body label {font-family:'Inter',Arial,sans-serif!important}
h1,h2,h3,h4,b,strong,.bold,.new-product-card .new-price {font-weight:600!important}
body{font-weight:400!important;font-size:15px;line-height:1.65}
body [style*="font-weight:700"],body [style*="font-weight:800"],body [style*="font-weight:900"]{font-weight:600!important}
.top-strip {height:34px;background:#173963;color:white}
.header {height:79px;box-shadow:0 2px 5px rgba(23,57,99,.07)}
.header-inside{height:79px;gap:24px}
.brand{min-width:148px;align-items:flex-start}.brand-logo-image{max-height:56px;max-width:168px;filter:drop-shadow(0 1px 0 #fff)}.brand-realmark{font-size:29px}
.desk-menu{gap:22px}.desk-menu>a,.menu-trigger>a{font-size:13px;font-weight:500}
.caret{font-size:23px;color:#173963}.megamenu,.search-drop{top:79px}.mega-grid>a{min-height:170px;padding:25px 19px}.mega-grid>a b{font-weight:600}
.mega-panel{background:#fff5c8}.mega-panel strong{font-weight:600}
.section{padding:70px 0}.section-head h2{font-size:30px;letter-spacing:-.65px}.section-head p{font-size:14px}
.btn{border-radius:10px}.btn-dark{background:#173963}.btn-dark:hover{background:#274c75}.btn-stroke{border-color:#173963}
.section .product-card,.catalog-cards .product-card{border:1px solid #e9e9e9;border-radius:14px;overflow:hidden;box-shadow:none}
.product-card:hover{box-shadow:var(--shadow)}.product-img{background:#fff;height:257px}.product-img img{mix-blend-mode:normal}
.product-info h3{font-size:14px}.product-info h3 a:hover{color:#173963}.category-mini{color:#768b97}
.price-row strong{font-size:17px;color:#d74134}.price-row{margin-top:14px}.arrow-small{background:#f3ce12;color:#173963}
.category-card{background:#fff;border-color:#e7edf1}.cat-photo{background:#fff8dd}.cat-number{color:#173963}
.inner-hero{background:#fff8db!important}.inner-hero h1{font-size:35px}.breadcrumb{font-size:12px}
.detail-media-stage{background:#fff}.detail-main h1{font-size:32px}.detail-price{color:#d74134}.catalog-aside{border-radius:15px}
.footer{background:#f6f8fa;color:#173963}.footer-cols h3{font-weight:600;color:#173963}.footer-copy{border-color:#e4e8ed}.bottom-cta{background:#F3CE12;color:#173963}.bottom-cta .btn{border-radius:9px}
/* Original Inochi inspired homepage: full-bleed slider, category circles, promo/product rows */
.inochi-home{overflow:hidden}
.new-hero{position:relative;background:#f3ce12}.new-slides{position:relative;overflow:hidden;aspect-ratio:2.55;min-height:410px;max-height:720px}.new-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .5s ease}.new-slide.current{opacity:1;pointer-events:auto}.new-slide img{width:100%;height:100%;object-fit:cover;object-position:center center}
.new-slider-ui{position:absolute;inset:auto 0 24px;z-index:4}.new-slide-inner{display:flex;align-items:end;justify-content:space-between}.new-hero-sign{background:rgba(255,255,255,.9);color:#173963;padding:9px 15px;border-radius:25px;font-size:12px;font-weight:500}.new-slide-buttons{display:flex;gap:7px}.new-slide-buttons button{border:1px solid #fff;background:#fff;color:#173963;border-radius:50%;width:38px;height:38px;font-size:23px;display:grid;place-items:center}.new-slide-buttons button:hover{background:#F3CE12}
.new-mobile-caption{display:none}
.new-category-area{padding:51px 0 56px}.new-center-title{text-align:center;margin-bottom:30px}.new-center-title h2{font-size:29px;letter-spacing:-.6px}.new-center-title p{color:#71849a;font-size:14px;margin-top:9px}.new-cat-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:17px}.new-cat-tile{text-align:center;min-width:0}.new-cat-image{display:block;background:#fff7de;overflow:hidden;border-radius:100px 100px 16px 16px;aspect-ratio:1 / 1.1;transition:.2s}.new-cat-tile:hover .new-cat-image{transform:translateY(-4px)}.new-cat-image img{width:100%;height:100%;object-fit:contain;padding:12px}.new-cat-title{display:block;font-size:13px;font-weight:500;margin-top:13px}
.new-promise{background:#f8fafc;padding:13px 0}.new-promise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.new-promise-grid>div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #e4e8ef;padding:14px 8px}.new-promise-grid>div:last-child{border:0}.new-promise-grid span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#ffefb4;color:#b38d08;font-size:24px}.new-promise-grid p{line-height:1.3}.new-promise-grid b{display:block;font-size:12px}.new-promise-grid small{display:block;font-size:11px;color:#8394a7;margin-top:6px}
.new-main-products{padding-top:67px;padding-bottom:60px}.new-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:29px}.new-heading h2{font-size:29px;letter-spacing:-.5px;margin:4px 0}.new-heading p{font-size:13px;color:#7a8d9a}.new-kicker{font-size:11px;color:#b68b05;letter-spacing:1.6px;font-weight:600}.new-all-link{font-weight:600;font-size:13px;border-bottom:1px solid #173963;padding-bottom:5px;white-space:nowrap}
.new-spot-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:21px}.new-promo-card{background:#fff4c9;border-radius:15px;padding:26px 23px;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:407px}.new-promo-card>span{font-size:10px;letter-spacing:1.2px;color:#78602b;font-weight:600}.new-promo-card h3{font-size:29px;line-height:1.25;margin:16px 0 9px}.new-promo-card p{font-size:12px;color:#826e38;max-width:190px}.new-promo-card img{width:100%;height:170px;object-fit:contain;margin-top:auto;mix-blend-mode:multiply}.new-promo-card b{font-size:12px;margin-top:12px;text-decoration:underline;text-underline-offset:4px}
.new-spot-list{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 51px)/4);gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-color:#e1e2e5 transparent;scrollbar-width:thin}
.new-product-card{background:white;overflow:hidden;min-width:0;scroll-snap-align:start}.new-product-pic{display:block;position:relative;height:242px;background:#fafaf9;overflow:hidden;border-radius:12px}.new-product-pic img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:10px;transition:transform .25s}.new-product-card:hover .new-product-pic img{transform:scale(1.045)}.new-quick-view{position:absolute;left:8px;right:8px;bottom:8px;background:rgba(255,255,255,.94);text-align:center;padding:10px;border-radius:7px;font-size:11px;color:#173963;transform:translateY(130%);transition:.22s}.new-product-card:hover .new-quick-view{transform:translateY(0)}.new-product-info{padding:12px 2px 18px}.new-cat{display:block;font-size:10px;color:#8794a1;margin-bottom:7px}.new-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:43px;font-size:13px;line-height:1.55;font-weight:500}.new-product-note{font-size:11px;color:#8998a5;margin:5px 0}.new-price{font-size:16px;color:#c83b36;margin-top:7px}
.new-promos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;padding-bottom:65px}.new-promo-wide{height:290px;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:56% 44%;background:#f4f9fd}.new-promo-wide.two{background:#fff0d3}.new-promo-wide>div{padding:43px 0 24px 31px;position:relative;z-index:1}.new-promo-wide small{font-size:10px;letter-spacing:1.1px;color:#5d7790}.new-promo-wide h2{font-size:27px;line-height:1.35;margin:14px 0 22px}.new-promo-wide span{font-size:12px;font-weight:600;border-bottom:1px solid #173963;padding-bottom:5px}.new-promo-wide img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;padding:13px}
.new-allprod{background:#fbfcfd;padding:64px 0 69px}.new-product-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.new-product-tabs button{background:white;border:1px solid #e4e7eb;border-radius:7px;color:#173963;padding:10px 18px;font-size:12px}.new-product-tabs button.selected{background:#173963;border-color:#173963;color:#fff}.new-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:19px}.new-product-filter-item[hidden]{display:none!important}.new-product-grid .new-product-pic{height:218px}
.new-lifestyle{background:#f2f8fc}.new-lifestyle-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center;min-height:485px}.new-lifestyle-grid>img{width:100%;height:410px;object-fit:cover;object-position:center 42%;border-radius:15px}.new-lifestyle-copy h2{font-size:35px;letter-spacing:-.8px;line-height:1.33;margin:15px 0}.new-lifestyle-copy p{font-size:14px;color:#63778d;max-width:500px;line-height:1.95}.new-call{display:inline-block;border-bottom:1px solid #173963;padding-bottom:5px;margin-top:24px;font-size:13px;font-weight:600}
.new-blog{padding:70px 0}.new-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.new-blog-grid>a>img{width:100%;aspect-ratio:1.52;object-fit:contain;background:#fff6da;border-radius:14px;padding:8px}.new-blog-grid small{display:block;color:#8999a9;font-size:10px;margin:17px 0 8px}.new-blog-grid h3{font-size:17px;line-height:1.5;min-height:56px}.new-blog-grid>a>span{display:inline-block;margin-top:15px;font-size:12px;font-weight:600;border-bottom:1px solid}
.new-end-banner{background:#F3CE12;padding:40px 0}.new-end-banner .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.new-end-banner span{font-size:10px;letter-spacing:1px}.new-end-banner h2{font-size:26px;margin-top:5px}.new-end-banner p{font-size:12px;margin-top:5px}.new-end-banner a{background:#173963;color:#fff;border-radius:6px;padding:12px 19px;font-size:12px;font-weight:600;white-space:nowrap}
@media(max-width:1200px){.new-cat-grid{gap:10px}.new-spot-list{grid-auto-columns:calc((100% - 34px)/3)}.new-product-grid{grid-template-columns:repeat(4,1fr)}.new-promo-wide{height:255px}.new-promo-wide h2{font-size:23px}}
@media(max-width:970px){.header,.header-inside{height:70px}.new-slides{aspect-ratio:2.1;min-height:340px}.new-cat-grid{grid-template-columns:repeat(4,1fr);gap:14px}.new-promise-grid{grid-template-columns:repeat(2,1fr)}.new-promise-grid>div:nth-child(2){border:0}.new-spot-grid{grid-template-columns:215px minmax(0,1fr)}.new-spot-list{grid-auto-columns:calc((100% - 17px)/2)}.new-product-grid{grid-template-columns:repeat(3,1fr)}.new-promo-wide{height:240px}.new-promo-wide h2{font-size:21px}.new-promos{gap:12px}.new-lifestyle-grid{gap:30px}}
@media(max-width:640px){.header,.header-inside{height:62px}.brand-logo-image{max-height:45px}.new-slides{aspect-ratio:1.04;min-height:350px}.new-slide img{object-fit:cover;object-position:69% center}.new-slider-ui{bottom:10px}.new-hero-sign{display:none}.new-slide-buttons button{width:34px;height:34px}.new-slide-inner{justify-content:flex-end}.new-mobile-caption{display:block;background:#fff8dc;padding:20px 16px 23px}.new-mobile-caption h1{font-size:22px;line-height:1.35}.new-mobile-caption p{font-size:12px;color:#6e7880;margin:9px 0}.new-mobile-caption a{font-weight:600;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.new-category-area{padding:35px 0}.new-center-title h2{font-size:23px}.new-center-title p{font-size:12px}.new-cat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.new-cat-image{border-radius:80px 80px 10px 10px}.new-cat-image img{padding:4px}.new-cat-title{font-size:10px;margin-top:8px}.new-promise-grid{gap:0}.new-promise-grid>div{gap:7px;padding:12px 5px}.new-promise-grid span{width:30px;height:30px;font-size:17px}.new-promise-grid b{font-size:10px}.new-promise-grid small{font-size:9px}.new-heading{align-items:end;gap:10px}.new-heading h2{font-size:23px}.new-heading p{font-size:11px}.new-kicker{font-size:10px}.new-all-link{font-size:10px}.new-main-products{padding-top:41px;padding-bottom:35px}.new-spot-grid{display:block}.new-promo-card{display:none}.new-spot-list{grid-auto-columns:calc((100% - 12px)/2);gap:12px}.new-product-pic{height:190px}.new-product-info{padding:11px 1px 16px}.new-name{font-size:12px}.new-product-note{font-size:10px}.new-price{font-size:14px}.new-promos{grid-template-columns:1fr;gap:12px;padding-bottom:38px}.new-promo-wide{height:200px}.new-promo-wide>div{padding:25px 0 15px 20px}.new-promo-wide h2{font-size:22px;margin:8px 0 15px}.new-allprod{padding:39px 0}.new-product-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:7px}.new-product-tabs button{white-space:nowrap;font-size:10px;padding:9px 12px}.new-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.new-product-grid .new-product-pic{height:180px}.new-lifestyle-grid{grid-template-columns:1fr;gap:0;padding-top:28px;padding-bottom:38px;min-height:0}.new-lifestyle-grid>img{height:260px;object-fit:cover}.new-lifestyle-copy{padding-top:24px}.new-lifestyle-copy h2{font-size:25px}.new-lifestyle-copy p{font-size:12px}.new-blog{padding:45px 0}.new-blog-grid{grid-template-columns:1fr;gap:28px}.new-blog-grid>a>img{aspect-ratio:1.6}.new-blog-grid h3{font-size:16px;min-height:0}.new-end-banner .wrap{display:block}.new-end-banner h2{font-size:22px}.new-end-banner a{display:inline-block;margin-top:17px}.new-end-banner{padding:35px 0}
}

.brand.has-logo .brand-logo-image,.brand .brand-logo-image{display:block!important}.brand .brand-realmark,.brand .brand-sub{display:none!important}.header .brand{min-width:152px}.brand-logo-image{width:144px;height:auto;object-fit:contain}.new-promo-wide img{mix-blend-mode:normal}.new-spot-list .new-product-card{scroll-snap-align:start}.new-cat-tile:nth-child(n+5) .new-cat-image{background:#fff8e6}


/* Image quality pass: every image slot has a real local brand-photo fallback at initial paint. */
img[data-bb-photo]{display:block;max-width:100%;min-height:1px;object-fit:contain;object-position:center;background:#fff9e9}
.new-cat-image img[data-bb-photo]{object-fit:cover!important;padding:0!important}
.new-product-pic img[data-bb-photo],.product-img img[data-bb-photo],.detail-media-stage img[data-bb-photo]{object-fit:contain!important}
.image-unavailable .photo-fallback{display:none!important}
.bb-brand-fallback{background:#fff9e9!important}


/* === BBcooker v4: menu caret small, beside the label, never wrap === */
.header .desk-menu{display:flex;align-items:center;white-space:nowrap}
.header .desk-menu>a,.header .menu-trigger>a{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;line-height:1.25;min-height:44px;vertical-align:middle}
.header .menu-trigger>a{padding:0 1px}
.header .desk-menu .caret{display:inline-block!important;vertical-align:middle;width:6px!important;height:6px!important;min-width:6px;max-width:6px;font-size:0!important;line-height:0!important;overflow:visible!important;flex:0 0 6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg)!important;margin:-4px 0 0 1px;transition:transform .16s ease!important;position:relative;top:0;color:inherit}
.header .menu-trigger:hover .caret,.header .menu-trigger:focus-within .caret{transform:rotate(225deg)!important;margin-top:3px}
.header .menu-trigger{height:100%;display:flex;align-items:center}
.header .menu-trigger--compact{position:relative!important}
.header .compact-dropdown{position:absolute;z-index:200;top:calc(100% - 1px);left:0;min-width:260px;padding:10px;border-radius:0 0 12px 12px;background:#fff;box-shadow:0 12px 27px rgba(23,57,99,.14);border:1px solid #e9e9e9;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(5px);transition:opacity .15s ease, transform .15s ease,visibility .15s ease}
.header .menu-trigger--compact:hover .compact-dropdown,.header .menu-trigger--compact:focus-within .compact-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.header .compact-dropdown a{display:block;white-space:nowrap;padding:12px 14px;border-radius:7px;line-height:1.45;font-size:12px;font-weight:500;color:#173963}
.header .compact-dropdown a:hover,.header .compact-dropdown a:focus{background:#fff5cb;color:#173963}
.header .megamenu{top:100%;} /* direct under header, no pointer gap */
@media(max-width:970px){.header .desk-menu{display:none!important}.header .mobile-menu.open{display:block}}
