:root{--accent:#33ccff;--accent-soft:#a9ebff;--white:#fff;--glass:rgba(0,0,0,.48);--glass-strong:rgba(0,0,0,.72);--line:rgba(255,255,255,.38);--danger:#d9534f;--success:#38b77a;--site-frame-width:1180px}
*{box-sizing:border-box;margin:0;padding:0;font-family:'Kanit',sans-serif}
html{min-height:100%;background:#222;scroll-behavior:smooth}
body{min-height:100vh;color:#fff;font-size:16px;font-weight:300;background:#222 url('../template-assets/img/constructive_bg_01.jpg') center/cover fixed no-repeat;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.05))}
.page-category,.page-product{background-image:url('../template-assets/img/constructive_bg_02.jpg')}.page-about{background-image:url('../template-assets/img/constructive_bg_03.jpg')}.page-contact,.page-reset_password{background-image:url('../template-assets/img/constructive_bg_04.jpg')}.admin-page{background-image:url('../template-assets/img/constructive_bg_03.jpg')}
a{color:#fff;text-decoration:none;transition:.25s ease}a:hover{color:var(--accent)}img{max-width:100%;height:auto}ul{list-style:none}button,input,select,textarea{font:inherit}
.clearfix::after{content:'';display:table;clear:both}
.site-shell{display:grid;grid-template-columns:minmax(280px,25%) 1fr;min-height:100vh}
.site-sidebar{position:sticky;top:0;height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:45px 34px;background:var(--glass);backdrop-filter:blur(5px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(51,204,255,.45) transparent;z-index:100}
.sidebar-inner{width:100%;max-width:330px}.site-brand{display:flex;align-items:center;gap:14px;margin-bottom:45px}.site-brand:hover{color:#fff}.brand-seal{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;box-sizing:border-box;border:1px solid #fff;border-radius:50%;font-size:24px;font-weight:500;overflow:hidden}.brand-seal.has-image{padding:5px;background:rgba(255,255,255,.06)}.brand-seal img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}.site-brand strong{display:block;font-size:20px;letter-spacing:.06em}.site-brand small{display:block;margin-top:3px;color:rgba(255,255,255,.7);font-size:11px}
.main-navigation a{display:flex;align-items:center;margin:12px 0 24px;padding:0 50px 25px 0;background:url('../template-assets/img/nav-item.png') left bottom/contain no-repeat;color:#fff;font-size:20px}.main-navigation a:hover,.main-navigation a.active{color:var(--accent);background-image:url('../template-assets/img/nav-item-highlight.png')}.nav-icon{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;margin-right:22px;border:1px solid currentColor;border-radius:50%;font-size:24px}.sidebar-note{margin-top:34px;color:rgba(255,255,255,.7);font-size:12px}.sidebar-note span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.menu-toggle{display:none}
.language-switcher{display:flex;gap:6px;margin:22px 0 0 72px}.language-switcher a{margin:0!important;padding:5px 8px!important;background:none!important;border:1px solid rgba(255,255,255,.3);font-size:11px!important}.language-switcher a.active,.language-switcher a:hover{color:#111!important;background:var(--accent)!important;border-color:var(--accent)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-search{position:relative;margin:26px 0 0}.site-search input{height:43px;padding:9px 45px 9px 13px!important;border-color:rgba(255,255,255,.35)!important;font-size:13px}.site-search button{position:absolute;right:0;top:0;width:43px;height:43px;padding:0;border:0;border-left:1px solid rgba(255,255,255,.28);background:transparent;color:var(--accent);font-size:25px;cursor:pointer}.site-search button:hover{background:rgba(51,204,255,.12)}
.search-results-section>h2 span{display:flex;flex-direction:column;gap:6px}.search-results-section>h2 small{color:rgba(255,255,255,.65);font-size:13px;font-weight:300;text-shadow:none}.search-category{margin:-2px 0 8px;color:rgba(255,255,255,.55);font-size:12px}.search-empty{padding:60px 20px;text-align:center}.search-empty>span{display:block;color:var(--accent);font-size:58px}.search-empty h3{margin:12px 0 5px}.search-empty p{color:rgba(255,255,255,.55)}.search-empty .view-all{margin-top:22px}
.site-content{position:relative;display:flex;flex-direction:column;min-width:0;min-height:100vh;padding:50px clamp(28px,6vw,90px) 30px}.site-frame{align-self:flex-start;width:100%;max-width:var(--site-frame-width);box-sizing:border-box}.content-inner{margin:auto 0}.site-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px;padding:12px 20px;background:rgba(0,0,0,.68);border:1px solid rgba(255,255,255,.14);font-size:12px}.site-footer p{margin:0}.site-footer span{padding:0 9px;color:rgba(255,255,255,.5)}
h1,h2,h3,h4{font-weight:300;line-height:1.2;text-shadow:0 3px 2px rgba(0,0,0,.85)}h1{font-size:clamp(34px,5vw,64px)}h2{font-size:clamp(28px,3vw,42px)}p{line-height:1.8}
#homeHeroPanel,.highlight,.featured,.category-section,.sidebar>div,.main>div,.main>ul,.product-detail,.admin-section,.admin-card,.login-container,.reset-container{background:rgba(0,0,0,.48);border:1px solid var(--line);backdrop-filter:blur(5px)}
#homeHeroPanel{position:relative;display:flex;align-items:center;gap:38px;min-height:420px;padding:30px;margin-bottom:28px;overflow:hidden}.hero-shell{display:flex;align-items:center;gap:38px;width:100%}#homeHeroPanel img{width:48%;height:360px;object-fit:cover;border:1px solid #fff}#homeHeroPanel .detail{flex:1}#homeHeroPanel .detail h1{margin-bottom:20px;font-size:clamp(30px,4vw,54px)}#homeHeroPanel .detail p{font-size:clamp(17px,2vw,23px)}
.highlight{margin-bottom:28px;padding:30px}.highlight .clearfix{display:grid;grid-template-columns:1fr 2fr;gap:35px}.testimonial{padding-right:30px;border-right:1px solid var(--line)}.testimonial h2{margin-bottom:18px;font-size:20px;color:var(--accent)}.testimonial span{display:block;margin-top:14px;text-align:right;color:var(--accent-soft)}.highlight .content h1{margin-bottom:18px;font-size:30px}.highlight p{color:rgba(255,255,255,.84)}
.featured,.category-section{margin:28px 0;padding:30px}.featured>h2,.category-section>h2{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:18px;border-bottom:1px solid var(--line)}.featured ul,.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.featured li,.product-item{position:relative;padding:12px;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.25);transition:.25s}.featured li:hover,.product-item:hover{transform:translateY(-4px);border-color:var(--accent)}.frame1,.product-image{position:relative;overflow:hidden;aspect-ratio:4/3;background:#222}.frame1 .box{position:absolute;inset:0}.frame1 img,.product-image img{width:100%;height:100%;object-fit:cover}.featured li p{margin:13px 0}.featured li b{display:block;font-size:17px}.more,.read-more,.view-all,.contact-btn,.subscribe,.btn,button[type=submit],input[type=submit]{display:inline-block;padding:10px 20px;border:1px solid #fff;background:transparent;color:#fff;cursor:pointer;transition:.25s}.more:hover,.read-more:hover,.view-all:hover,.contact-btn:hover,.subscribe:hover,.btn:hover,button[type=submit]:hover,input[type=submit]:hover{border-color:var(--accent);color:var(--accent)}
.category-section h2 .view-all{font-size:13px}.product-item h3{min-height:47px;margin:14px 0 7px;font-size:17px;text-shadow:none}.product-item .price{margin-bottom:12px;color:var(--accent);font-size:18px;font-weight:500}.product-item .read-more{font-size:13px}.ribbon{position:absolute;z-index:2;right:-38px;top:17px;min-width:140px;padding:6px 30px;transform:rotate(45deg);text-align:center;font-size:11px;font-weight:500}.ribbon.available{background:var(--success)}.ribbon.reserved{background:#d6a52c}.ribbon.sold{background:var(--danger)}
#contents>.clearfix{display:flex;gap:28px}#contents>.clearfix::after{display:none}.sidebar{float:none;width:280px;flex:0 0 280px}.sidebar>div{margin-bottom:20px;padding:22px}.sidebar h2{margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:21px}.sidebar li{border-bottom:1px solid rgba(255,255,255,.16)}.sidebar li a{display:block;padding:10px 0}.main{float:none;flex:1;width:auto;min-width:0}.main>h1{margin-bottom:22px}.main .news li{margin-bottom:20px;padding:22px}.frame3{margin-bottom:20px}.frame3 img{width:100%;max-height:420px;object-fit:cover}.product-detail{position:relative;padding:28px}.product-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:25px}.product-gallery a{display:block;overflow:hidden;border:1px solid var(--line)}.product-gallery img{width:100%;height:230px;object-fit:cover}.product-price{margin:15px 0;color:var(--accent);font-size:28px;font-weight:500}.product-description{margin:18px 0}.pagination{margin:25px 0;text-align:center}.pagination a{display:inline-block;margin:3px;padding:8px 14px;border:1px solid var(--line)}.pagination a.active{border-color:var(--accent);color:var(--accent)}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=file],select,textarea{width:100%;padding:12px 14px;background:rgba(0,0,0,.28);border:1px solid #fff;border-radius:0;color:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(51,204,255,.18)}option{color:#111}.form-group{margin-bottom:18px}label{display:block;margin-bottom:7px}.contact-form,.contact-info{padding:28px;background:rgba(0,0,0,.5);border:1px solid var(--line)}
/* Admin reuses the template surface while preserving existing controls */
.admin-page .site-content{padding-top:30px}.admin-page h1,.admin-page h2,.admin-page h3{margin-bottom:18px}.admin-page table{width:100%;border-collapse:collapse;background:rgba(0,0,0,.54)}.admin-page th,.admin-page td{padding:11px;border:1px solid rgba(255,255,255,.2);text-align:left}.admin-page th{color:var(--accent)}.admin-page .tabs,.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.admin-page .tabs a,.admin-page .tab-btn,.admin-tabs a{padding:9px 15px;border:1px solid var(--line);background:rgba(0,0,0,.4);color:#fff}.admin-page .active{border-color:var(--accent)}.admin-page form{margin-bottom:22px}.admin-page img{object-fit:cover}.alert,.message{margin:15px 0;padding:12px 15px;border:1px solid var(--line);background:rgba(0,0,0,.5)}
@media(max-width:1100px){.site-shell{grid-template-columns:250px 1fr}.site-sidebar{padding:30px 20px}.main-navigation a{font-size:17px}.featured ul,.product-grid{grid-template-columns:repeat(3,1fr)}.site-content{padding-inline:35px}}
@media(max-width:820px){body{background-attachment:scroll}.site-shell{display:block}.site-sidebar{position:fixed;left:-300px;top:0;width:300px;height:100vh;padding:25px;background:rgba(0,0,0,.93);transition:left .3s;overflow-y:auto}.site-sidebar.show{left:0}.menu-toggle{display:block;position:fixed;left:12px;top:12px;width:54px;height:48px;padding:9px 12px;background:rgba(0,0,0,.82);border:1px solid #fff;border-radius:5px;z-index:110}.site-sidebar.show .menu-toggle{left:238px}.menu-toggle span{display:block;height:2px;margin:6px 0;background:var(--accent);transition:.25s}.site-sidebar.show .menu-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}.site-sidebar.show .menu-toggle span:nth-child(2){opacity:0}.site-sidebar.show .menu-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.sidebar-inner{padding-top:45px}.site-content{min-height:100vh;padding:80px 24px 28px}.content-inner{margin:0}.featured ul,.product-grid{grid-template-columns:repeat(2,1fr)}#contents>.clearfix{display:block}.sidebar,.main{width:100%;padding:0}.sidebar{margin-bottom:24px}.site-footer{justify-content:space-between}}
@media(max-width:580px){.site-content{padding-inline:14px}.hero-shell,#homeHeroPanel{display:block}#homeHeroPanel{padding:14px}#homeHeroPanel img{width:100%;height:260px;margin-bottom:22px}.highlight .clearfix{grid-template-columns:1fr}.testimonial{padding-right:0;padding-bottom:22px;border-right:0;border-bottom:1px solid var(--line)}.featured,.category-section{padding:16px}.featured ul,.product-grid{grid-template-columns:1fr}.product-item h3{min-height:0}.site-footer{display:block;text-align:center}.site-footer p+ p{margin-top:5px}.admin-page{font-size:14px}.admin-page table{display:block;overflow-x:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:820px){.site-sidebar:focus-within{left:0}}

.main-navigation .nav-category-toggle {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 12px 0 24px;
    padding: 0 8px 25px 0;
    border: 0;
    background: url('../template-assets/img/nav-item.png') left bottom/contain no-repeat;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    text-align: left;
    cursor: pointer;
}
.main-navigation .nav-category-toggle:hover,
.main-navigation .nav-category-toggle.active,
.nav-has-submenu.submenu-open .nav-category-toggle {
    color: var(--accent);
    background-image: url('../template-assets/img/nav-item-highlight.png');
}
.submenu-arrow { margin-left: auto; font-size: 22px; transition: transform .25s ease; }
.submenu-open .submenu-arrow { transform: rotate(180deg); }
.main-navigation .category-submenu {
    max-height: 0;
    margin: -17px 0 10px 72px;
    overflow: hidden;
    opacity: 0;
    transition: max-height .35s ease, opacity .25s ease;
}
.main-navigation .submenu-open .category-submenu { max-height: 520px; opacity: 1; }
.main-navigation .category-submenu li { border-left: 1px solid rgba(255,255,255,.32); }
.main-navigation .category-submenu a {
    display: block;
    margin: 0;
    padding: 7px 10px 7px 16px;
    background: none;
    color: rgba(255,255,255,.78);
    font-size: 14px;
}
.main-navigation .category-submenu a:hover,
.main-navigation .category-submenu a.active { color: var(--accent); background: rgba(51,204,255,.08); }

/* Catalogue overview: keep category groups visually separate without grey panels */
.catalogue-heading {
    width: 100%;
    max-width: none;
    margin-bottom: 42px;
    padding: 30px;
    background: rgba(0,0,0,.48);
    border: 1px solid var(--line);
    border-left: 4px solid var(--accent);
    box-shadow: none;
    backdrop-filter: blur(5px);
}
.catalogue-heading h1 { color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.95); }
.catalogue-heading p { margin-top: 8px; color: rgba(255,255,255,.86); text-shadow:0 1px 5px rgba(0,0,0,.9); }
.main > .category-overview,
.category-overview {
    display: flex;
    flex-direction: column;
    gap: 82px;
    margin-top: 0;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}
.category-overview .category-section {
    margin: 0;
    padding: 0;
    background: none !important;
    border: 0 !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    overflow: visible;
}
.category-overview .category-section > h2 {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 0 26px;
    padding: 0 0 16px;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.58);
    background: none;
}
.category-overview .category-section > h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 74px;
    height: 3px;
    background: var(--accent);
}
.category-overview .category-section > h2 > a:first-child { font-size: clamp(27px,3vw,39px); }
.category-overview .category-section .view-all {
    margin-left: auto;
    padding: 8px 17px;
    border-radius: 999px;
    background: rgba(0,0,0,.42);
    font-size: 12px;
}
.category-overview .product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: clamp(18px, 2vw, 28px);
    row-gap: 32px;
}
.category-overview .product-item {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 12px 12px 18px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(12,18,22,.88), rgba(5,9,12,.78));
    border: 1px solid rgba(255,255,255,.26);
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(0,0,0,.22);
}
.category-overview .product-grid::before,
.category-overview .product-grid::after { display: none; }
.category-overview .product-item:hover {
    transform: translateY(-6px);
    border-color: rgba(51,204,255,.8);
    box-shadow: 0 16px 36px rgba(0,0,0,.32);
}
.category-overview .product-image { border-radius: 5px; }
.category-overview .product-item h3 {
    min-height: 48px;
    margin: 16px 3px 7px;
    line-height: 1.45;
}
.category-overview .product-item .price { margin: 0 3px 15px; }
.category-overview .product-item .read-more {
    align-self: flex-start;
    margin: auto 3px 0;
}

@media(max-width:1100px){.category-overview .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:820px){.category-overview{gap:64px}.category-overview .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:24px;}}
@media(max-width:480px){.category-overview .product-grid{grid-template-columns:1fr;gap:22px}.category-overview .product-item h3{min-height:0}}

/* Match the category catalogue cards and controls used on the home page */
.category-overview { gap: 42px; }
.category-overview .category-section {
    margin: 0;
    padding: 30px;
    background: rgba(0,0,0,.48) !important;
    border: 1px solid var(--line) !important;
    backdrop-filter: blur(5px) !important;
    box-shadow: none !important;
}
.category-overview .category-section > h2 {
    position: static;
    justify-content: space-between;
    margin: 0 0 25px;
    padding: 0 0 18px;
    border-bottom: 1px solid var(--line);
}
.category-overview .category-section > h2::after { display: none; }
.category-overview .category-section > h2 > a:first-child { font-size: inherit; }
.category-overview .category-section .view-all {
    margin-left: 0;
    padding: 10px 20px;
    border: 1px solid #fff;
    border-radius: 0;
    background: transparent;
    font-size: 13px;
}
.category-overview .category-section .view-all:hover { border-color: var(--accent); color: var(--accent); }
.category-overview .product-grid {
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 18px;
}
.category-overview .product-item {
    display: block;
    padding: 12px;
    overflow: visible;
    background: rgba(0,0,0,.34);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 0;
    box-shadow: none;
}
.category-overview .product-item:hover {
    transform: translateY(-4px);
    border-color: var(--accent);
    box-shadow: none;
}
.category-overview .product-image { border-radius: 0; }
.category-overview .product-item h3 {
    min-height: 47px;
    margin: 14px 0 7px;
    line-height: 1.2;
}
.category-overview .product-item .price { margin: 0 0 12px; }
.category-overview .product-item .read-more { margin: 0; }
@media(max-width:1100px){.category-overview .product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.category-overview .product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.category-overview .category-section{padding:16px}.category-overview .product-grid{grid-template-columns:1fr}.category-overview .product-item h3{min-height:0}}

/* Single category page follows the same catalogue language as the home page */
.category-detail-section { margin: 0; }
.category-detail-section > h2 > span { display: flex; flex-direction: column; gap: 5px; }
.category-detail-section > h2 small {
    color: rgba(255,255,255,.68);
    font-size: 13px;
    font-weight: 300;
    text-shadow: none;
}
.category-detail-section .empty-category { padding: 48px 15px; text-align: center; color: rgba(255,255,255,.72); }
@media(max-width:580px){
    .category-detail-section > h2 { align-items: flex-start; gap: 18px; }
    .category-detail-section > h2 .view-all { flex: 0 0 auto; padding: 8px 12px; font-size: 11px; }
}

/* Contact page */
.contact-page { width: 100%; max-width: 1080px; }
.page-contact { --site-frame-width:1080px; }
.contact-page-heading { width:100%; max-width:none; margin-bottom:38px; padding:clamp(24px,3.5vw,38px); background:rgba(0,0,0,.58); border:1px solid var(--line); border-left:4px solid var(--accent); backdrop-filter:blur(7px); }
.contact-page-heading h1 { margin-bottom:14px; color:#fff; text-shadow:0 2px 9px rgba(0,0,0,.95); }
.contact-page-heading p { max-width:820px; color:rgba(255,255,255,.9); font-size:17px; line-height:1.75; text-shadow:0 1px 6px rgba(0,0,0,.95); }
.contact-layout { display: grid; grid-template-columns: minmax(260px,.82fr) minmax(0,1.55fr); gap: 34px; align-items: stretch; }
.contact-details,
.contact-form-panel { padding: clamp(26px,3vw,42px); background: rgba(0,0,0,.55); border: 1px solid var(--line); backdrop-filter: blur(7px); }
.contact-details { display: flex; flex-direction: column; }
.contact-eyebrow { display: block; margin-bottom: 12px; color: var(--accent); font-size: 10px; font-weight: 500; letter-spacing: .14em; }
.contact-details h2,
.contact-form-heading h2 { margin-bottom: 14px; font-size: clamp(26px,3vw,38px); }
.contact-intro,
.contact-form-heading p { color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.75; }
.contact-details ul { margin-top: 30px; }
.contact-details li { display: grid; grid-template-columns: 45px 1fr; gap: 15px; align-items: start; padding: 20px 0; border-top: 1px solid rgba(255,255,255,.18); }
.contact-icon { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.65); border-radius: 50%; color: var(--accent); }
.contact-details small { display: block; margin-bottom: 4px; color: rgba(255,255,255,.55); font-size: 11px; }
.contact-details strong,
.contact-details a { font-size: 15px; font-weight: 400; }
.contact-details li p { color: rgba(255,255,255,.78); font-size: 13px; line-height: 1.6; }
.contact-details .contact-channel { padding-block: 16px; }
.contact-channel .contact-icon { width: 42px; font-size: 9px; font-weight: 500; letter-spacing: -.02em; }
.contact-channel .contact-icon-facebook { padding:0 0 1px; font-family:Arial,sans-serif; font-size:23px; font-weight:700; line-height:1; letter-spacing:0; }
.contact-channel a { display: inline-flex; align-items: center; gap: 8px; overflow-wrap: anywhere; }
.contact-channel a:hover { color: var(--accent); }
.contact-link-arrow { color: var(--accent); font-size: 12px; }
.contact-form-heading { margin-bottom: 30px; padding-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,.2); }
.contact-form { padding: 0; background: transparent; border: 0; }
.contact-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.contact-form .form-group { margin-bottom: 22px; }
.contact-form label { margin-bottom: 9px; color: rgba(255,255,255,.85); font-size: 13px; }
.contact-form input:not([type=submit]),
.contact-form textarea { background: rgba(0,0,0,.3); border-color: rgba(255,255,255,.45); }
.contact-form textarea { min-height: 170px; resize: vertical; }
.contact-form input[type=submit] { min-width: 155px; margin-top: 4px; }
.contact-alert { margin-bottom: 24px; padding: 13px 16px; border: 1px solid; font-size: 14px; }
.contact-alert.success { color: #b8f5d3; background: rgba(56,183,122,.17); border-color: rgba(56,183,122,.62); }
.contact-alert.error { color: #ffc4c1; background: rgba(217,83,79,.17); border-color: rgba(217,83,79,.62); }
@media(max-width:1050px){.contact-layout{grid-template-columns:1fr;gap:26px}.contact-details ul{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}}
@media(max-width:620px){.contact-page-heading{margin-bottom:28px;padding:22px 18px}.contact-page-heading p{font-size:15px}.contact-details,.contact-form-panel{padding:24px 20px}.contact-details ul,.contact-form-row{grid-template-columns:1fr}.contact-form-row{gap:0}.contact-form input[type=submit]{width:100%}}

/* Contact page newsletter — a quiet third contact block */
.contact-newsletter{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.4fr);gap:clamp(35px,6vw,80px);align-items:center;margin-top:34px;padding:clamp(28px,4vw,46px);background:rgba(0,0,0,.62);border:1px solid var(--line);border-left:3px solid var(--accent);backdrop-filter:blur(7px)}.contact-newsletter-heading>span{display:block;margin-bottom:10px;color:var(--accent);font-size:10px;letter-spacing:.15em}.contact-newsletter-heading h2{margin:0 0 11px;font-size:clamp(25px,3vw,36px)}.contact-newsletter-heading p{max-width:470px;color:rgba(255,255,255,.66);font-size:13px}.contact-newsletter form{display:grid;grid-template-columns:1fr auto;gap:10px 12px;align-items:end}.contact-newsletter-input label{display:block;margin-bottom:8px;color:rgba(255,255,255,.72);font-size:12px}.contact-newsletter-input input{width:100%;height:48px;padding:11px 14px;background:rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.42);color:#fff}.contact-newsletter button{height:48px;padding:0 20px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-family:inherit;white-space:nowrap}.contact-newsletter button span{margin-left:14px;font-size:18px}.contact-newsletter-consent{grid-column:1/-1;color:rgba(255,255,255,.58);font-size:11px;cursor:pointer}
@media(max-width:900px){.contact-newsletter{grid-template-columns:1fr;gap:24px}}
@media(max-width:560px){.contact-newsletter{padding:25px 20px}.contact-newsletter form{grid-template-columns:1fr}.contact-newsletter button{width:100%}}

/* About page */
.about-page { width: 100%; max-width: 1180px; }
.about-hero { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(34px,6vw,80px); align-items: center; min-height: 620px; padding:clamp(30px,5vw,64px); background:linear-gradient(105deg,rgba(4,12,17,.9),rgba(7,17,22,.72)); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(5px); }
.about-eyebrow { display: block; margin-bottom: 22px; color: var(--accent); font-size: 10px; font-weight: 500; letter-spacing: .16em; }
.about-hero-content h1 { margin-bottom: 28px; font-size: clamp(42px,5.3vw,76px); line-height: 1.08; }
.about-hero-content p { max-width: 610px; color: rgba(255,255,255,.8); font-size: 17px; line-height: 1.9; }
.about-primary,.about-secondary { display: inline-flex; align-items: center; gap: 28px; margin-top: 34px; padding: 13px 21px; border: 1px solid #fff; }
.about-primary:hover,.about-secondary:hover { border-color: var(--accent); color: var(--accent); }
.about-hero-visual { position: relative; justify-self: end; width: min(100%,440px); aspect-ratio: 3/4; padding: 14px; background: rgba(0,0,0,.46); border: 1px solid var(--line); box-shadow: 0 25px 55px rgba(0,0,0,.3); }
.about-hero-visual img { width: 100%; height: 100%; object-fit: cover; }
.about-visual-label { position: absolute; left: -32px; bottom: 34px; padding: 18px 24px; background: rgba(0,0,0,.82); border-left: 3px solid var(--accent); }
.about-visual-label small { display: block; margin-bottom: 7px; color: var(--accent); font-size: 9px; letter-spacing: .12em; }
.about-visual-label strong { font-size: 17px; font-weight: 400; line-height: 1.45; }
.about-story { margin-top: 42px; padding:clamp(30px,5vw,54px); background:rgba(4,11,15,.78); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(5px); }
.about-section-label { margin-bottom: 36px; color: rgba(255,255,255,.64); font-size: 11px; letter-spacing: .08em; }
.about-section-label span { margin-right: 14px; color: var(--accent); }
.about-story-content { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(35px,7vw,90px); }
.about-story-content h2 { font-size: clamp(29px,3.4vw,45px); line-height: 1.28; }
.about-story-content h2 em { color: var(--accent); font-style: normal; }
.about-story-content p { margin-bottom: 18px; color: rgba(255,255,255,.78); }
.about-values { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin: 70px 0; background: var(--line); border: 1px solid var(--line); }
.about-values article { min-height: 245px; padding: 30px; background: rgba(0,0,0,.58); }
.about-values article>span { display: block; margin-bottom: 48px; color: var(--accent); font-size: 11px; }
.about-values h3 { margin-bottom: 14px; font-size: 21px; text-shadow: none; }
.about-values p { color: rgba(255,255,255,.68); font-size: 14px; }
.about-trust { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(35px,7vw,90px); padding: clamp(32px,5vw,58px); background: rgba(0,0,0,.56); border: 1px solid var(--line); backdrop-filter: blur(6px); }
.about-trust h2 { font-size: clamp(30px,3.6vw,48px); }
.about-trust p { color: rgba(255,255,255,.78); }
.about-founder { display: grid; grid-template-columns: .42fr 1.58fr; gap: clamp(34px,7vw,90px); align-items: stretch; margin: 70px 0; }
.about-founder-year { display: flex; flex-direction: column; justify-content: space-between; min-height: 330px; padding: 28px; background: rgba(0,0,0,.58); border: 1px solid var(--line); }
.about-founder-year small { color: var(--accent); font-size: 10px; letter-spacing: .12em; }
.about-founder-year strong { font-size: clamp(48px,6vw,78px); font-weight: 300; line-height: .9; }
.about-founder-copy { padding:32px; background:rgba(4,11,15,.78); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(5px); }
.about-founder-copy h2,.about-community h2 { margin: 13px 0 22px; font-size: clamp(29px,3.4vw,45px); line-height: 1.28; }
.about-founder-copy p,.about-community-heading>p { max-width: 760px; color: rgba(255,255,255,.78); font-size: 16px; line-height: 1.9; }
.about-community { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(35px,7vw,90px); padding:clamp(30px,5vw,54px); background:rgba(4,11,15,.78); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(5px); }
.about-community-links { display: grid; gap: 14px; }
.about-social-card { display: flex; justify-content: space-between; gap: 25px; min-height: 150px; padding: 26px; background: rgba(0,0,0,.56); border: 1px solid var(--line); transition: border-color .2s ease,transform .2s ease,background .2s ease; }
.about-social-card:hover { transform: translateY(-3px); background: rgba(0,0,0,.72); border-color: var(--accent); }
.about-social-card span { display: flex; flex-direction: column; gap: 12px; }
.about-social-card small { color: var(--accent); font-size: 9px; letter-spacing: .12em; }
.about-social-card strong { font-size: 19px; font-weight: 400; line-height: 1.45; }
.about-social-card b { align-self: flex-end; color: rgba(255,255,255,.7); font-size: 12px; font-weight: 400; white-space: nowrap; }
.about-guarantee { display: grid; grid-template-columns: auto 1fr 1fr; gap: clamp(24px,5vw,64px); align-items: center; padding: clamp(32px,5vw,58px); background: rgba(0,0,0,.66); border: 1px solid var(--accent); box-shadow: inset 0 0 40px rgba(24,199,255,.04); }
.about-guarantee-mark { display: grid; width: 72px; height: 72px; place-items: center; color: #071117; background: var(--accent); border-radius: 50%; font-size: 35px; }
.about-guarantee h2 { font-size: clamp(29px,3.3vw,44px); line-height: 1.25; }
.about-guarantee p { color: rgba(255,255,255,.8); line-height: 1.8; }
@media(max-width:900px){.about-hero{grid-template-columns:1fr;min-height:0;padding-top:25px}.about-hero-visual{justify-self:center;width:min(80%,430px)}.about-story-content,.about-trust,.about-community{grid-template-columns:1fr}.about-founder{grid-template-columns:.55fr 1.45fr}.about-guarantee{grid-template-columns:auto 1fr}.about-guarantee>div:last-child{grid-column:2}.about-values{grid-template-columns:1fr}.about-values article{min-height:0}.about-values article>span{margin-bottom:24px}}
@media(max-width:580px){.about-hero-content h1{font-size:40px}.about-hero-visual{width:90%}.about-visual-label{left:-16px;bottom:20px}.about-story{margin-top:55px}.about-founder{grid-template-columns:1fr;margin:48px 0}.about-founder-year{min-height:190px}.about-community{padding:45px 0}.about-social-card{flex-direction:column;min-height:0}.about-social-card b{align-self:flex-start}.about-guarantee{grid-template-columns:1fr;padding:28px 20px}.about-guarantee>div:last-child{grid-column:auto}.about-guarantee-mark{width:58px;height:58px;font-size:28px}.about-values{margin:48px 0}.about-trust{padding:28px 20px}}

/* Editable home highlight — uses controlled CSS presets from Admin */
.highlight.highlight-cms { padding: clamp(26px,3.4vw,44px); color: var(--highlight-text,#fff); }
.highlight-cms .highlight-heading { display: flex; justify-content: space-between; align-items: end; gap: 25px; margin-bottom: 30px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.highlight-cms .highlight-heading span { color: var(--highlight-accent,var(--accent)); font-size: 10px; font-weight: 500; letter-spacing: .15em; }
.highlight-cms .highlight-heading h2 { max-width: 620px; margin: 0; color: var(--highlight-text,#fff); font-size: clamp(27px,3vw,40px); text-align: right; }
.highlight-cms .highlight-grid { display: grid; grid-template-columns: 1.35fr 1fr 1fr; }
.highlight-cms .highlight-card { min-width: 0; padding: 8px 28px 12px; border-left: 1px solid rgba(255,255,255,.2); }
.highlight-cms .highlight-card:first-child { padding-left: 0; border-left: 0; }
.highlight-cms .highlight-card:last-child { padding-right: 0; }
.highlight-cms .highlight-icon { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 24px; border: 1px solid var(--highlight-accent,var(--accent)); border-radius: 50%; color: var(--highlight-accent,var(--accent)); font-size: 20px; }
.highlight-cms .highlight-card h3 { margin-bottom: 13px; color: var(--highlight-text,#fff); font-size: 20px; font-weight: 400; text-shadow: none; }
.highlight-cms .highlight-card p { color: color-mix(in srgb,var(--highlight-text,#fff) 76%,transparent); font-size: 14px; line-height: 1.8; }
.highlight-cms.size-compact .highlight-card h3 { font-size: 17px; }.highlight-cms.size-compact .highlight-card p { font-size: 13px; }
.highlight-cms.size-large .highlight-card h3 { font-size: 23px; }.highlight-cms.size-large .highlight-card p { font-size: 16px; }
.highlight-cms.align-center .highlight-card { text-align: center; }.highlight-cms.align-center .highlight-icon { margin-left: auto; margin-right: auto; }
.highlight-cms .highlight-note { margin-top: 28px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.14); color: color-mix(in srgb,var(--highlight-text,#fff) 58%,transparent); font-size: 12px; }
@media(max-width:900px){.highlight-cms .highlight-grid{grid-template-columns:1fr}.highlight-cms .highlight-card,.highlight-cms .highlight-card:first-child,.highlight-cms .highlight-card:last-child{padding:24px 0;border-left:0;border-top:1px solid rgba(255,255,255,.18)}.highlight-cms .highlight-card:first-child{border-top:0}}
@media(max-width:580px){.highlight-cms .highlight-heading{display:block}.highlight-cms .highlight-heading h2{margin-top:10px;text-align:left}}

/* Admin editor for the home highlight */
.admin-highlight-editor { margin-bottom: 30px; padding: 22px; background: rgba(0,0,0,.58); border: 1px solid var(--line); }
.admin-highlight-editor h3 { color: #fff; }.admin-highlight-editor .admin-help { margin: -8px 0 18px; color: rgba(255,255,255,.68); font-size: 13px; }
.admin-highlight-blocks { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.admin-highlight-blocks fieldset { padding: 16px; border: 1px solid rgba(255,255,255,.25); }.admin-highlight-blocks legend { padding: 0 7px; color: var(--accent); }
.admin-highlight-blocks label,.admin-style-tools label { margin: 10px 0 5px; color: rgba(255,255,255,.82); font-size: 12px; }
.admin-style-tools { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; margin: 18px 0; padding: 16px; background: rgba(0,0,0,.25); }
.admin-style-tools input[type=color] { width: 100%; height: 44px; padding: 3px; background: transparent; border: 1px solid #fff; }
.admin-save-message { margin-bottom: 15px; padding: 12px; color: #b8f5d3; border: 1px solid #38b77a; background: rgba(56,183,122,.15); }
@media(max-width:1000px){.admin-highlight-blocks{grid-template-columns:1fr}.admin-style-tools{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.admin-style-tools{grid-template-columns:1fr}}

/* Admin dashboard refresh */
.admin-page .site-content{padding:32px clamp(22px,4vw,58px) 90px}.admin-page .content-inner{max-width:1400px;margin:0}.admin-panel{width:100%}
.admin-panel .header-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:22px;padding:30px 32px;background:rgba(0,0,0,.68);border:1px solid var(--line);backdrop-filter:blur(8px)}
.admin-kicker,.admin-section-heading>span{display:block;margin-bottom:8px;color:var(--accent);font-size:10px;letter-spacing:.15em}.admin-panel .header-actions h2{margin:0 0 7px;font-size:38px}.admin-panel .header-actions p{color:rgba(255,255,255,.65);font-size:14px}.admin-panel .header-actions>div:last-child{display:flex;align-items:center;white-space:nowrap}
.admin-quick-nav{position:sticky;top:0;z-index:50;display:flex;gap:6px;margin-bottom:30px;padding:10px;background:rgba(7,12,15,.93);border:1px solid var(--line);overflow-x:auto;backdrop-filter:blur(10px)}
.admin-quick-nav a{flex:0 0 auto;padding:10px 14px;border:1px solid transparent;color:rgba(255,255,255,.75);font-size:12px}.admin-quick-nav a:hover,.admin-quick-nav a.active{color:var(--accent);border-color:rgba(51,204,255,.55);background:rgba(51,204,255,.08)}
.admin-dashboard-section{scroll-margin-top:85px;margin-bottom:30px!important;padding:28px!important;background:rgba(7,12,15,.72)!important;border:1px solid var(--line)!important;border-radius:0!important;color:#fff!important;box-shadow:none!important;backdrop-filter:blur(7px)}
.admin-dashboard-section h3{color:#fff!important;text-shadow:none}.admin-dashboard-section p,.admin-dashboard-section small{color:rgba(255,255,255,.68)!important}
.admin-area[hidden]{display:none!important}.admin-section-launcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-section-launcher a{display:flex;flex-direction:column;min-height:150px;padding:24px;background:rgba(7,12,15,.72);border:1px solid var(--line)}.admin-section-launcher a:hover{border-color:var(--accent);transform:translateY(-3px)}.admin-section-launcher span{color:var(--accent);font-size:9px;letter-spacing:.15em}.admin-section-launcher strong{margin:18px 0 7px;font-size:20px;font-weight:400}.admin-section-launcher small{color:rgba(255,255,255,.58);font-size:12px}
.admin-stats-grid{scroll-margin-top:85px;gap:16px!important}.admin-stats-grid>div{padding:23px 18px!important;background:rgba(7,12,15,.76)!important;border:1px solid var(--line);border-radius:0!important;box-shadow:none!important}.admin-stats-grid>div>div:first-child{color:#fff!important;font-size:34px!important;font-weight:500!important}.admin-stats-grid>div>div:last-child{color:rgba(255,255,255,.65)!important}
.admin-section-heading{scroll-margin-top:85px;margin:45px 0 17px;padding-bottom:16px;border-bottom:1px solid var(--line)}.admin-section-heading h3{margin:0!important;font-size:28px}
.admin-page input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=color]),.admin-page select,.admin-page textarea{background:rgba(0,0,0,.35)!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:0!important;color:#fff!important}.admin-page input:focus,.admin-page select:focus,.admin-page textarea:focus{border-color:var(--accent)!important}.admin-page label{color:rgba(255,255,255,.83)!important}.admin-page option{color:#111}
.admin-page input[type=submit],.admin-page .btn{border-radius:0!important;background:transparent!important;border:1px solid rgba(255,255,255,.65)!important;color:#fff!important}.admin-page input[type=submit]:hover,.admin-page .btn:hover{border-color:var(--accent)!important;color:var(--accent)!important}
.admin-category-section table,.admin-product-table{background:rgba(0,0,0,.28)!important}.admin-page table th{padding:14px 12px!important;background:#10171b!important;color:var(--accent)!important;border-color:rgba(255,255,255,.16)!important;white-space:nowrap}.admin-page table td{padding:12px!important;color:rgba(255,255,255,.82)!important;border-color:rgba(255,255,255,.13)!important}.admin-page table tr:hover td{background:rgba(51,204,255,.055)}
.admin-product-list-heading{scroll-margin-top:85px;margin:45px 0 16px!important;padding:19px 22px;background:rgba(0,0,0,.62);border:1px solid var(--line)}.admin-product-list-heading h3{color:#fff}.admin-product-table-wrap{border:1px solid var(--line);background:rgba(0,0,0,.55)}
.admin-page .background-upload-grid>div{background:rgba(0,0,0,.28)!important}.admin-page [style*="background:#fff"],.admin-page [style*="background: #fff"]{background:rgba(0,0,0,.28)!important;color:#fff!important}
.admin-page .background-upload-grid input[type=file]{display:block;width:100%;height:50px!important;box-sizing:border-box;margin:0;padding:7px!important;background:rgba(0,0,0,.35)!important;border:1px solid rgba(255,255,255,.38)!important;color:rgba(255,255,255,.72)!important;font-family:'Kanit',sans-serif;font-size:12px}.admin-page .background-upload-grid input[type=file]::file-selector-button{height:34px;margin:0 11px 0 0;padding:5px 14px;border:0;background:#edf0f2;color:#111;font-family:'Kanit',sans-serif;cursor:pointer;transition:.2s}.admin-page .background-upload-grid input[type=file]::file-selector-button:hover{background:var(--accent);color:#071014}.admin-page .background-upload-grid>div{display:flex;flex-direction:column;gap:0}.admin-page .background-upload-grid>div>label{min-height:24px;margin-bottom:7px!important}.admin-page .background-upload-grid>div>img{margin:0 0 10px!important}
@media(max-width:1050px){.admin-page .site-shell{display:block}.admin-page .site-sidebar{display:none}.admin-page .site-content{padding-top:22px}.admin-stats-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:900px){.admin-section-launcher{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.admin-panel .header-actions{display:block;padding:22px}.admin-panel .header-actions>div:last-child{margin-top:18px}.admin-dashboard-section{padding:20px!important}.admin-stats-grid{grid-template-columns:1fr!important}.admin-section-launcher{grid-template-columns:1fr}.background-upload-grid{grid-template-columns:1fr!important}.admin-product-form>div{grid-template-columns:1fr!important}.admin-product-form .form-group{grid-column:span 1!important}}

/* Consistent 3:4 portrait thumbnails across catalogue, gallery and admin lists */
.frame1,
.product-image,
.product-gallery a {
    aspect-ratio: 3 / 4;
}
.frame1 img,
.product-image img,
.product-gallery a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.admin-page table img {
    aspect-ratio: 3 / 4;
    height: auto !important;
    object-fit: cover !important;
}

/* Customer notification signup and Admin queue */
.notification-signup{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-self:flex-start;width:100%;max-width:1180px;box-sizing:border-box;margin:70px 0 30px;padding:32px;border:1px solid var(--line);background:rgba(0,0,0,.62);backdrop-filter:blur(7px)}
.notification-signup>div>span{color:var(--accent);font-size:10px;letter-spacing:.15em}.notification-signup h2{margin:8px 0 10px;font-size:27px}.notification-signup p{color:rgba(255,255,255,.68);font-size:13px}.notification-signup form{display:grid;grid-template-columns:1fr auto;gap:10px;align-content:center}.notification-signup input[type=email]{min-width:0;padding:12px 14px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.45);color:#fff}.notification-signup button{padding:12px 18px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-family:inherit}.notification-signup label{grid-column:1/-1;color:rgba(255,255,255,.65);font-size:11px}.signup-honeypot{position:absolute!important;left:-9999px!important}
.subscription-result{max-width:760px;min-height:55vh;padding:80px 0}.subscription-result h1{font-size:clamp(38px,6vw,68px)}.subscription-result p{margin:25px 0;font-size:17px}.subscription-result .success{color:#b8f5d3}.subscription-result .error{color:#ffc4c1}
.subscription-modal[hidden]{display:none}.subscription-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .18s}.subscription-modal.show{opacity:1}.subscription-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(6px)}.subscription-modal-panel{position:relative;width:min(100%,440px);box-sizing:border-box;padding:42px 36px 32px;background:#0b1114;border:1px solid rgba(255,255,255,.28);border-top:3px solid var(--accent);text-align:center;box-shadow:0 28px 80px rgba(0,0,0,.55);transform:translateY(12px);transition:transform .18s}.subscription-modal.show .subscription-modal-panel{transform:none}.subscription-modal-close{position:absolute;right:12px;top:10px;padding:2px 9px!important;border:0!important;color:rgba(255,255,255,.62)!important;font-size:25px!important}.subscription-modal-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 20px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-size:27px}.subscription-modal-panel small{color:var(--accent);font-size:9px;letter-spacing:.16em}.subscription-modal-panel h2{margin:11px 0 12px;font-size:28px;text-shadow:none}.subscription-modal-panel p{color:rgba(255,255,255,.7);font-size:14px}.subscription-modal-confirm{min-width:130px;margin-top:22px}.subscription-modal.is-error{--accent:#ff7474}.modal-open{overflow:hidden}
.notification-status{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:20px 0;background:var(--line);border:1px solid var(--line)}.notification-status>div{padding:20px;background:rgba(0,0,0,.48)}.notification-status strong,.notification-status span{display:block}.notification-status strong{color:var(--accent);font-size:22px}.notification-status span{margin-top:5px;color:rgba(255,255,255,.6);font-size:12px}.notification-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.notification-settings-form{display:flex;flex-direction:column;gap:18px;margin:0!important;padding:20px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.2)}.notification-settings-form header{padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.16)}.notification-settings-form header span{color:var(--accent);font-size:9px;letter-spacing:.14em}.notification-settings-form header h4{margin:7px 0 0!important;font-size:20px;text-shadow:none}.notification-settings-form>div{display:grid;gap:10px}.notification-settings-form label{display:grid;gap:6px}.notification-settings-form>button{align-self:start;margin-top:auto}.notify-product-option{display:flex!important;align-items:center;gap:8px;margin-bottom:14px!important}
.smtp-password-note{padding:12px;background:rgba(51,204,255,.07);border-left:2px solid var(--accent);color:rgba(255,255,255,.7);font-size:12px}.smtp-password-note code{color:var(--accent)}.notification-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.notification-actions form{display:grid;align-content:start;gap:12px;margin:0!important;padding:20px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.22)}.notification-actions form p{color:rgba(255,255,255,.68);font-size:13px}.notification-actions button{justify-self:start}
@media(max-width:800px){.notification-signup,.notification-settings-grid,.notification-actions{grid-template-columns:1fr}.notification-status{grid-template-columns:1fr}.notification-signup form{grid-template-columns:1fr}.notification-signup button{width:100%}}

/* Product catalogue display setting */
.product-display-settings{scroll-margin-top:85px}.product-display-settings>div:first-child{margin-bottom:20px}.product-display-settings h3{margin:0 0 6px}.product-display-settings form{display:flex;align-items:center;gap:18px}.display-setting-toggle{flex:1;display:grid!important;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:0 18px;margin:0!important;padding:18px 20px;border:1px solid rgba(255,255,255,.22);cursor:pointer}.display-setting-toggle>span{grid-row:1/3}.display-setting-toggle strong,.display-setting-toggle small{display:block}.display-setting-toggle strong{color:#fff;font-size:16px}.display-setting-toggle small{margin-top:5px;color:rgba(255,255,255,.62)!important}.display-setting-toggle input{position:absolute;opacity:0;pointer-events:none}.display-setting-toggle i{grid-column:2;grid-row:1/3;position:relative;width:48px;height:26px;border:1px solid rgba(255,255,255,.45);border-radius:20px;background:rgba(255,255,255,.1);transition:.2s}.display-setting-toggle i:after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#bbb;transition:.2s}.display-setting-toggle input:checked+i{border-color:var(--accent);background:rgba(51,204,255,.2)}.display-setting-toggle input:checked+i:after{left:25px;background:var(--accent)}.display-setting-toggle:focus-within{border-color:var(--accent)}
@media(max-width:700px){.product-display-settings form{display:grid}.product-display-settings form>button{width:100%}.display-setting-toggle{padding:16px}}

/* Category editor alignment */
.admin-category-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) minmax(240px,1.2fr) 110px;gap:16px;align-items:start}.admin-category-form>div{min-width:0!important}.admin-category-form label{display:block!important;min-height:22px;margin:0 0 7px!important;font-size:13px!important}.admin-category-form input[type=text],.admin-category-form input[type=number]{width:100%!important;height:45px!important;padding:9px 12px!important;box-sizing:border-box}.category-upload-field input[type=file]{display:block;width:100%;height:45px;padding:6px!important;box-sizing:border-box;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.38);color:rgba(255,255,255,.72);font-family:inherit;font-size:12px}.category-upload-field input[type=file]::file-selector-button{height:31px;margin:-1px 10px -1px -1px;padding:4px 13px;border:0;background:#e9edf0;color:#111;font-family:inherit;cursor:pointer}.category-upload-field small{display:block;margin-top:7px;line-height:1.45}.category-order-field{width:110px}.category-form-actions{grid-column:1/-1;display:flex;gap:10px;padding-top:3px}.category-form-actions input,.category-form-actions a{min-height:42px!important;box-sizing:border-box}
@media(max-width:1250px){.admin-category-form{grid-template-columns:repeat(3,1fr)}.category-upload-field{grid-column:span 2}.category-order-field{width:auto}}
@media(max-width:800px){.admin-category-form{grid-template-columns:1fr 1fr}.category-upload-field{grid-column:span 1}}
@media(max-width:560px){.admin-category-form{grid-template-columns:1fr}.category-upload-field{grid-column:span 1}.category-form-actions{display:grid}.category-form-actions>*{width:100%;text-align:center}}

/* Product editor heading belongs to the form panel */
.admin-product-form-heading{margin:-4px 0 26px;padding:0 0 20px;border-bottom:1px solid var(--line)}.admin-product-form-heading span{display:block;margin-bottom:7px;color:var(--accent);font-size:10px;letter-spacing:.15em}.admin-product-form-heading h3{margin:0!important;color:#fff!important;font-size:clamp(27px,3vw,38px)!important}.admin-product-form>div{margin-top:0}
.admin-product-form input[type=file]{display:block;width:100%;height:50px!important;box-sizing:border-box;margin:0;padding:7px!important;background:rgba(0,0,0,.35)!important;border:1px solid rgba(255,255,255,.38)!important;color:rgba(255,255,255,.72)!important;font-family:'Kanit',sans-serif;font-size:12px}.admin-product-form input[type=file]::file-selector-button{height:34px;margin:0 11px 0 0;padding:5px 14px;border:0;background:#edf0f2;color:#111;font-family:'Kanit',sans-serif;cursor:pointer;transition:.2s}.admin-product-form input[type=file]::-webkit-file-upload-button{height:34px;margin:0 11px 0 0;padding:5px 14px;border:0;background:#edf0f2;color:#111;font-family:'Kanit',sans-serif;cursor:pointer;transition:.2s}.admin-product-form input[type=file]::file-selector-button:hover,.admin-product-form input[type=file]::-webkit-file-upload-button:hover{background:var(--accent);color:#071014}
.grecaptcha-badge{visibility:hidden!important}.recaptcha-invisible-mount{position:absolute;width:1px;height:1px;overflow:hidden}.recaptcha-disclosure{grid-column:1/-1;width:100%;margin:8px 0 0!important;color:rgba(255,255,255,.46)!important;font-size:9px!important;font-weight:300!important;line-height:1.55!important}.recaptcha-disclosure a{color:rgba(255,255,255,.68);text-decoration:underline;text-underline-offset:2px}.recaptcha-disclosure a:hover{color:var(--accent)}.admin-login .recaptcha-disclosure{text-align:center}

/* Home hero — museum-style editorial banner */
#homeHeroPanel.home-hero{position:relative;display:block;isolation:isolate;min-height:clamp(560px,69vh,760px);margin-bottom:28px;padding:clamp(38px,6vw,76px);overflow:hidden;background:#090d0f;border:1px solid rgba(255,255,255,.25);backdrop-filter:none}.home-hero-image{position:absolute;z-index:0;inset:0;width:100%!important;height:100%!important;margin:0!important;border:0!important;object-fit:cover!important;object-position:center center}.home-hero-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(4,7,9,.97) 0%,rgba(4,7,9,.88) 33%,rgba(4,7,9,.34) 62%,rgba(4,7,9,.08) 100%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 45%)}.home-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;width:min(58%,650px);min-height:clamp(470px,58vh,640px)}.home-hero-eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:23px;color:var(--accent);font-size:10px;font-weight:500;letter-spacing:.19em}.home-hero-eyebrow:before{content:'';width:42px;height:1px;background:var(--accent)}#homeHeroPanel.home-hero h1{margin:0 0 24px;font-size:clamp(40px,4.5vw,66px);font-weight:300;line-height:1.04;letter-spacing:-.025em}#homeHeroPanel.home-hero h1 em{color:rgba(255,255,255,.73);font-style:normal;font-weight:300}#homeHeroPanel.home-hero p{max-width:570px;margin:0;color:rgba(255,255,255,.72);font-size:clamp(14px,1.35vw,17px);line-height:1.85}.home-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.home-hero-primary,.home-hero-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;border:1px solid #fff;font-size:13px;transition:.25s}.home-hero-primary{gap:28px;background:#fff;color:#0b0e10}.home-hero-primary span{font-size:18px}.home-hero-primary:hover{background:var(--accent);border-color:var(--accent);color:#071014}.home-hero-secondary:hover{border-color:var(--accent);color:var(--accent)}.home-hero-proof{display:flex;gap:27px;margin-top:42px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.48);font-size:10px;letter-spacing:.07em}.home-hero-proof span:first-child{color:rgba(255,255,255,.72)}.home-hero-index{position:absolute;z-index:2;right:22px;bottom:17px;color:rgba(255,255,255,.42);font-size:9px;letter-spacing:.16em;writing-mode:vertical-rl}
@media(max-width:900px){#homeHeroPanel.home-hero{min-height:630px;padding:40px}.home-hero-content{width:70%}.home-hero-shade{background:linear-gradient(90deg,rgba(4,7,9,.96),rgba(4,7,9,.72) 57%,rgba(4,7,9,.15)),linear-gradient(0deg,rgba(0,0,0,.5),transparent)}}
@media(max-width:620px){#homeHeroPanel.home-hero{min-height:650px;padding:34px 22px}.home-hero-image{object-position:63% center!important}.home-hero-shade{background:linear-gradient(90deg,rgba(4,7,9,.94),rgba(4,7,9,.53)),linear-gradient(0deg,rgba(4,7,9,.84),transparent 45%,rgba(4,7,9,.35))}.home-hero-content{width:100%;min-height:570px;justify-content:flex-end;padding-bottom:30px}#homeHeroPanel.home-hero h1{font-size:clamp(38px,12vw,52px)}.home-hero-actions{display:grid;grid-template-columns:1fr}.home-hero-primary,.home-hero-secondary{width:100%}.home-hero-proof{gap:15px;flex-wrap:wrap}.home-hero-index{display:none}}

/* Hero gallery uses the owner's original photography */
#homeHeroPanel.home-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);gap:clamp(28px,4vw,58px);align-items:center;background:linear-gradient(135deg,#070b0d,#10171a)}#homeHeroPanel.home-hero:before{content:'';position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 78% 35%,rgba(51,204,255,.1),transparent 33%),linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.09) 50%,transparent 50.1%);pointer-events:none}.home-hero-content{width:auto;min-height:0}.home-hero-gallery{position:relative;z-index:2;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;align-self:stretch;min-height:570px}.home-hero-stage{position:relative;min-height:0;margin:0;overflow:hidden;background:#020303;border:1px solid rgba(255,255,255,.28)}.home-hero-stage>img{width:100%;height:100%;object-fit:cover;object-position:center 22%;transition:opacity .18s ease}.home-hero-stage.is-changing>img{opacity:.25}.home-hero-stage figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.08));color:#fff}.home-hero-stage figcaption span{color:var(--accent);font-size:9px;letter-spacing:.14em}.home-hero-stage figcaption strong{font-size:13px;font-weight:400}.home-hero-thumbs{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.home-hero-thumbs button{position:relative;aspect-ratio:3/4;padding:0;border:1px solid rgba(255,255,255,.24);overflow:hidden;background:#050708;opacity:.56}.home-hero-thumbs button:hover,.home-hero-thumbs button.active{border-color:var(--accent);opacity:1}.home-hero-thumbs img{width:100%;height:100%;object-fit:cover}.home-hero-thumbs button.active:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent)}
@media(max-width:1020px){#homeHeroPanel.home-hero{grid-template-columns:1fr minmax(290px,.8fr)}.home-hero-gallery{min-height:520px}#homeHeroPanel.home-hero h1{font-size:clamp(38px,4.4vw,54px)}}
@media(max-width:760px){#homeHeroPanel.home-hero{grid-template-columns:1fr;min-height:0}.home-hero-content{order:1}.home-hero-gallery{order:2;min-height:620px}.home-hero-thumbs{overflow-x:auto;grid-template-columns:repeat(9,58px);padding-bottom:4px}}
@media(max-width:620px){#homeHeroPanel.home-hero{min-height:0;padding:30px 20px}.home-hero-content{padding:0 0 8px;justify-content:center}.home-hero-gallery{min-height:540px}.home-hero-stage{min-height:450px}#homeHeroPanel.home-hero h1{font-size:clamp(36px,11vw,48px)}}
.home-hero-stage>img{width:100%!important;height:100%!important;margin:0!important;border:0!important;object-fit:cover!important}#homeHeroPanel.home-hero h1{font-size:clamp(36px,3.8vw,58px)}

/* Hero thumbnail carousel: fixed 3:4 frames aligned to the main image */
.home-hero-thumb-carousel{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:7px;width:100%;align-items:stretch}.home-hero-thumb-viewport{min-width:0;overflow:hidden;scrollbar-width:none;scroll-snap-type:x mandatory}.home-hero-thumb-viewport::-webkit-scrollbar{display:none}.home-hero-thumbs{display:flex!important;gap:7px;width:max-content}.home-hero-thumbs button{flex:0 0 calc((100cqw - 28px)/5);width:calc((100cqw - 28px)/5);aspect-ratio:3/4!important;scroll-snap-align:start}.home-hero-thumb-viewport{container-type:inline-size}.home-hero-thumbs img{width:100%!important;height:100%!important;margin:0!important;border:0!important;object-fit:cover!important}.home-hero-thumb-arrow{display:grid;place-items:center;width:34px;height:100%;min-height:58px;padding:0!important;border:1px solid rgba(255,255,255,.32)!important;background:rgba(0,0,0,.42)!important;color:#fff!important;font-family:Arial,sans-serif!important;font-size:28px!important;line-height:1!important}.home-hero-thumb-arrow:hover{border-color:var(--accent)!important;color:var(--accent)!important}.home-hero-thumb-arrow:disabled{opacity:.22;cursor:default;border-color:rgba(255,255,255,.2)!important;color:#fff!important}
@media(max-width:1020px){.home-hero-thumbs button{flex-basis:calc((100cqw - 21px)/4);width:calc((100cqw - 21px)/4)}}
@media(max-width:620px){.home-hero-thumb-carousel{grid-template-columns:32px minmax(0,1fr) 32px}.home-hero-thumb-arrow{width:32px}.home-hero-thumbs button{flex-basis:calc((100cqw - 14px)/3);width:calc((100cqw - 14px)/3)}}

/* Admin Hero gallery manager */
.admin-hero-manager .admin-help{margin:-8px 0 20px}.hero-upload-form{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(260px,1fr) 150px;gap:16px;align-items:start;padding:20px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.25)}.hero-upload-field,.hero-upload-action{display:grid;grid-template-rows:22px 50px 20px;gap:7px;min-width:0}.hero-upload-form label,.hero-upload-action>span{display:block;margin:0!important;font-size:13px;line-height:22px}.hero-upload-form input[type=text],.hero-upload-form input[type=file],.hero-upload-form button{width:100%;height:50px!important;min-height:50px;box-sizing:border-box;margin:0!important}.hero-upload-form input[type=file]{padding:7px!important;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.38);font-family:inherit}.hero-upload-form input[type=file]::file-selector-button{height:34px;margin:0 10px 0 0;padding:5px 14px;border:0;background:#edf0f2;color:#111;font-family:inherit;cursor:pointer}.hero-upload-form small{display:block;margin:0!important;overflow:hidden;color:rgba(255,255,255,.58)!important;font-size:11px;line-height:20px;white-space:nowrap;text-overflow:ellipsis}.hero-upload-action button{padding:0 16px!important;white-space:nowrap}.admin-hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.admin-hero-card{position:relative;padding:12px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.32)}.admin-hero-card.primary{border-color:var(--accent);box-shadow:inset 0 0 0 1px rgba(51,204,255,.22)}.admin-hero-preview{aspect-ratio:3/4;margin-bottom:12px;overflow:hidden;background:#050708}.admin-hero-preview img{width:100%;height:100%;object-fit:cover}.admin-hero-card label{display:block;margin:10px 0 5px!important;font-size:12px}.admin-hero-card input[type=text],.admin-hero-card input[type=number]{width:100%;box-sizing:border-box}.hero-primary-choice{color:var(--accent)!important}.hero-delete-link{display:block;margin-top:12px;color:#ff8d88;font-size:12px}.hero-delete-link:hover{color:#fff}
@media(max-width:1100px){.admin-hero-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.hero-upload-form{grid-template-columns:1fr 1fr}.hero-upload-action{grid-column:1/-1;grid-template-rows:50px}.hero-upload-action>span,.hero-upload-action small{display:none}.admin-hero-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.hero-upload-form{grid-template-columns:1fr}.hero-upload-action{grid-column:auto}}
@media(max-width:520px){.admin-hero-grid{grid-template-columns:1fr}}

/* Redesigned product detail with scalable image gallery */
.product-page-new{width:100%;max-width:1180px}.product-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:rgba(255,255,255,.48);font-size:11px}.product-breadcrumb a:hover{color:var(--accent)}.product-breadcrumb strong{max-width:330px;overflow:hidden;color:rgba(255,255,255,.74);font-weight:400;text-overflow:ellipsis;white-space:nowrap}.product-detail-new{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(370px,1.08fr);background:rgba(5,9,11,.72);border:1px solid var(--line);backdrop-filter:blur(7px)}.product-media-panel{min-width:0;padding:clamp(20px,3vw,34px);border-right:1px solid var(--line)}.product-main-frame{position:relative;max-width:540px;margin:auto;background:#050708}.product-main-frame>a{display:block;aspect-ratio:3/4;overflow:hidden;border:1px solid rgba(255,255,255,.28)}.product-main-frame img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}.product-main-frame>a:hover img{opacity:.86}.product-zoom-hint{position:absolute;right:13px;bottom:13px;padding:7px 10px;background:rgba(0,0,0,.75);border:1px solid rgba(255,255,255,.38);font-size:10px}.product-image-counter{position:absolute;left:13px;bottom:13px;padding:7px 10px;background:rgba(0,0,0,.75);color:rgba(255,255,255,.65);font-size:10px}.product-image-counter b{color:var(--accent);font-weight:500}.product-thumb-carousel{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;max-width:540px;margin:12px auto 0}.product-thumb-viewport{min-width:0;overflow:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;container-type:inline-size}.product-thumb-viewport::-webkit-scrollbar{display:none}.product-thumbnails{display:flex;gap:8px;width:max-content}.product-thumb{flex:0 0 calc((100cqw - 24px)/4);width:calc((100cqw - 24px)/4);aspect-ratio:3/4;padding:0!important;overflow:hidden;scroll-snap-align:start;border:1px solid rgba(255,255,255,.25)!important;opacity:.55}.product-thumb:hover,.product-thumb.active{border-color:var(--accent)!important;opacity:1}.product-thumb.active{box-shadow:inset 0 -3px var(--accent)}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-thumb-arrow{display:grid!important;place-items:center;width:36px;height:100%;padding:0!important;border:1px solid rgba(255,255,255,.3)!important;background:rgba(0,0,0,.35)!important;font-family:Arial,sans-serif!important;font-size:27px!important}.product-thumb-arrow:disabled{opacity:.2;cursor:default}.product-information-panel{display:flex;flex-direction:column;min-width:0;padding:clamp(30px,5vw,64px)}.product-detail-eyebrow{margin-bottom:18px;color:var(--accent);font-size:9px;letter-spacing:.17em}.product-information-panel h1{max-width:650px;margin:0 0 16px;font-size:clamp(38px,4.7vw,66px);line-height:1.08}.product-category-link{align-self:flex-start;color:rgba(255,255,255,.62);font-size:13px}.product-category-link span{margin-left:9px;color:var(--accent)}.product-info-summary{display:grid;grid-template-columns:1fr 1fr;margin:34px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-info-summary>div{padding:20px 0}.product-info-summary>div+div{padding-left:25px;border-left:1px solid var(--line)}.product-info-summary small{display:block;margin-bottom:7px;color:rgba(255,255,255,.45);font-size:10px}.product-info-summary .product-price{display:block;margin:0;color:var(--accent);font-size:24px}.product-status-text{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:400}.product-status-text i{width:8px;height:8px;border-radius:50%;background:var(--success)}.product-status-text.reserved i{background:#e0af34}.product-status-text.sold i{background:var(--danger)}.product-description-new{padding:27px 0}.product-description-new>span{display:block;margin-bottom:11px;color:rgba(255,255,255,.46);font-size:10px}.product-description-new p{color:rgba(255,255,255,.76);font-size:14px}.product-assurance{display:grid;gap:9px;margin-top:auto;padding:18px 0;color:rgba(255,255,255,.58);border-top:1px solid rgba(255,255,255,.12);font-size:11px}.product-assurance span:first-child{color:rgba(255,255,255,.75)}.product-contact-action{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:15px 18px;background:#fff;color:#0b0e10;border:1px solid #fff;font-size:13px}.product-contact-action span{font-size:19px}.product-contact-action:hover{background:var(--accent);border-color:var(--accent);color:#071014}
@media(max-width:940px){.product-detail-new{grid-template-columns:1fr}.product-media-panel{border-right:0;border-bottom:1px solid var(--line)}.product-main-frame,.product-thumb-carousel{max-width:570px}.product-information-panel{padding:35px}.product-information-panel h1{font-size:clamp(38px,7vw,58px)}}
@media(max-width:560px){.product-breadcrumb{overflow:hidden}.product-detail-new{display:block}.product-media-panel{padding:14px}.product-information-panel{padding:28px 20px}.product-thumb-carousel{grid-template-columns:32px minmax(0,1fr) 32px}.product-thumb-arrow{width:32px}.product-thumb{flex-basis:calc((100cqw - 16px)/3);width:calc((100cqw - 16px)/3)}.product-info-summary{grid-template-columns:1fr}.product-info-summary>div+div{padding-left:0;border-top:1px solid var(--line);border-left:0}.product-information-panel h1{font-size:38px}}

/* Multi-product inquiry list */
.product-inquiry-add{width:100%;margin-top:18px!important;padding:14px 18px!important;border-color:var(--accent)!important;color:var(--accent)!important;font-family:inherit}.inquiry-floating-button{position:fixed;z-index:180;right:22px;top:22px;display:flex!important;align-items:center;gap:12px;padding:10px 12px 10px 16px!important;background:#0b1114!important;border-color:var(--accent)!important;box-shadow:0 12px 35px rgba(0,0,0,.38)}.inquiry-floating-button b{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:var(--accent);color:#071014;font-size:12px}.inquiry-drawer[hidden]{display:none}.inquiry-drawer{position:fixed;z-index:900;inset:0}.inquiry-drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65);opacity:0;transition:.18s}.inquiry-drawer-panel{position:absolute;right:0;top:0;width:min(92vw,430px);height:100%;box-sizing:border-box;padding:27px;background:#0a1013;border-left:1px solid var(--line);transform:translateX(100%);transition:.22s;overflow-y:auto}.inquiry-drawer.show .inquiry-drawer-backdrop{opacity:1}.inquiry-drawer.show .inquiry-drawer-panel{transform:none}.inquiry-drawer-panel>header{display:flex;justify-content:space-between;align-items:start;padding-bottom:20px;border-bottom:1px solid var(--line)}.inquiry-drawer-panel>header small{color:var(--accent);font-size:9px;letter-spacing:.15em}.inquiry-drawer-panel h2{margin:6px 0 0;font-size:29px}.inquiry-drawer-panel>header button{padding:0 8px!important;border:0!important;font-size:27px!important}.inquiry-drawer-items article{display:grid;grid-template-columns:64px 1fr auto;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.13)}.inquiry-drawer-items img{width:64px;aspect-ratio:3/4;object-fit:cover}.inquiry-drawer-items strong,.inquiry-drawer-items small{display:block}.inquiry-drawer-items strong{font-size:13px;font-weight:400}.inquiry-drawer-items small{margin-top:4px;color:rgba(255,255,255,.42);font-size:10px}.inquiry-drawer-items button{padding:4px 8px!important;border:0!important;color:#ff8d88!important}.inquiry-empty{padding:35px 0;color:rgba(255,255,255,.5);text-align:center}.inquiry-contact-link{display:flex;justify-content:space-between;margin-top:24px;padding:14px 16px;background:#fff;color:#0b0e10}.contact-inquiry-products{margin-bottom:24px;padding:16px;border:1px solid var(--accent);background:rgba(51,204,255,.06)}.contact-inquiry-products>span{display:block;margin-bottom:10px;color:var(--accent);font-size:11px}.contact-inquiry-products article{display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.12)}.contact-inquiry-products img{width:44px;aspect-ratio:3/4;object-fit:cover}.contact-inquiry-products span,.contact-inquiry-products small{display:block}.contact-inquiry-products small{color:rgba(255,255,255,.45);font-size:9px}.contact-inquiry-products button{padding:4px 8px!important;font-size:10px!important}.admin-inquiry-list{display:grid;gap:14px}.admin-inquiry-list>article{padding:20px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.3)}.admin-inquiry-list article>header,.admin-inquiry-list article>footer{display:flex;justify-content:space-between;gap:20px;align-items:center}.admin-inquiry-list header strong,.admin-inquiry-list header a{display:block}.admin-inquiry-list header a{color:var(--accent);font-size:12px}.admin-inquiry-list h4{margin:17px 0 6px}.admin-inquiry-list p{color:rgba(255,255,255,.7)}.inquiry-status{padding:5px 9px;border:1px solid}.inquiry-status.new{color:var(--accent)}.inquiry-status.contacted{color:#e0af34}.inquiry-status.closed{color:#aaa}.inquiry-product-links{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.inquiry-product-links small{width:100%}.inquiry-product-links a{padding:5px 9px;border:1px solid rgba(255,255,255,.3);font-size:11px}.admin-inquiry-list footer{padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}.admin-inquiry-list footer time{color:rgba(255,255,255,.4);font-size:10px}.admin-inquiry-list footer form{display:flex;margin:0!important}.admin-inquiry-list footer select,.admin-inquiry-list footer button{height:38px;padding:6px 10px!important}
@media(max-width:600px){.inquiry-floating-button{right:12px;top:12px}.inquiry-floating-button span{display:none}.admin-inquiry-list article>header,.admin-inquiry-list article>footer{align-items:start;flex-direction:column}.admin-inquiry-list footer form{width:100%}}

/* Home catalogue: keep three compact product cards per row on phones */
@media(max-width:580px){
    .catalogue-heading{margin-bottom:30px;padding:16px 12px}
    .page-index .category-section{padding:12px}
    .page-index .category-section>h2{gap:8px;margin-bottom:14px;padding-bottom:12px;font-size:17px}
    .page-index .category-section>h2 .view-all{flex:0 0 auto;padding:6px 8px;font-size:9px}
    .page-index .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
    .page-index .product-item{min-width:0;padding:5px}
    .page-index .product-item h3{display:-webkit-box;min-height:30px;margin:7px 0 4px;overflow:hidden;font-size:11px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
    .page-index .product-item .price{margin-bottom:6px;font-size:11px;line-height:1.3}
    .page-index .product-item .read-more{display:block;padding:6px 3px;text-align:center;font-size:9px;white-space:nowrap}
    .page-index .product-item .ribbon{right:4px;top:4px;min-width:0;padding:3px 5px;transform:none;font-size:8px;line-height:1.2}
}

/* Category catalogue: use the same three-column phone layout as the home page */
@media(max-width:580px){
    .page-category .category-section{padding:12px}
    .page-category .category-section>h2{gap:8px;margin-bottom:14px;padding-bottom:12px;font-size:17px}
    .page-category .category-section>h2 .view-all{flex:0 0 auto;padding:6px 8px;font-size:9px}
    .page-category .product-grid,
    .page-category .category-overview .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
    .page-category .product-item{min-width:0;padding:5px}
    .page-category .product-item h3{display:-webkit-box;min-height:30px;margin:7px 0 4px;overflow:hidden;font-size:11px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
    .page-category .product-item .search-category{margin:0 0 4px;font-size:9px;line-height:1.25}
    .page-category .product-item .price{margin-bottom:6px;font-size:11px;line-height:1.3}
    .page-category .product-item .read-more{display:block;padding:6px 3px;text-align:center;font-size:9px;white-space:nowrap}
    .page-category .product-item .ribbon{right:4px;top:4px;min-width:0;padding:3px 5px;transform:none;font-size:8px;line-height:1.2}
}
.contact-channel-row input{height:48px}.contact-channel-row small{display:block;margin-top:6px;color:rgba(255,255,255,.5);font-size:10px}.admin-inquiry-contacts{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:7px}.admin-inquiry-list header .admin-inquiry-contacts a,.admin-inquiry-contacts span{color:rgba(255,255,255,.68);font-size:11px}.admin-inquiry-list header .admin-inquiry-contacts a:hover{color:var(--accent)}
.contact-form input[type=tel]{width:100%;height:48px;box-sizing:border-box;padding:12px 14px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.45);border-radius:0;color:#fff;font-family:inherit;outline:none}.contact-form input[type=tel]:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(51,204,255,.18)}

/* Unique visitor count on every product card */
.product-card-views{display:flex;align-items:center;gap:6px;margin:-3px 0 11px;color:rgba(255,255,255,.56);font-size:10px;line-height:1.35}.product-card-views span{color:var(--accent);font-size:8px}
@media(max-width:580px){.page-index .product-card-views,.page-category .product-card-views{gap:3px;margin:0 0 5px;font-size:8px;white-space:nowrap}.page-index .product-card-views span,.page-category .product-card-views span{font-size:6px}}

/* Admin Control Center — unified workspace */
@media(max-width:0px){
.admin-page{--admin-surface:rgba(8,14,18,.88);--admin-surface-soft:rgba(15,23,28,.78);--admin-border:rgba(255,255,255,.16)}
.admin-page .site-content{padding:24px clamp(18px,3vw,46px) 32px}.admin-page .content-inner{max-width:1380px}.admin-panel{width:100%;color:#fff}
.admin-panel .header-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-bottom:14px;padding:28px 30px!important;background:linear-gradient(115deg,rgba(5,12,16,.96),rgba(16,28,35,.9));border:1px solid var(--admin-border);border-left:4px solid var(--accent);box-shadow:0 18px 45px rgba(0,0,0,.22)}
.admin-panel .header-actions h2{margin:6px 0 5px;font-size:clamp(28px,3vw,42px);font-weight:400}.admin-panel .header-actions p{max-width:720px;color:rgba(255,255,255,.62);font-size:13px}.admin-panel .header-actions>div:last-child{display:flex;align-items:center;gap:14px;white-space:nowrap}.admin-panel .header-actions>div:last-child>span{margin:0!important;color:rgba(255,255,255,.58)!important;font-size:12px}.admin-kicker{color:var(--accent);font-size:9px;letter-spacing:.18em}.admin-panel .btn-logout{padding:9px 14px;border-color:rgba(255,255,255,.42);font-size:11px}
.admin-quick-nav{position:sticky;z-index:80;top:10px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin-bottom:22px;padding:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 32px rgba(0,0,0,.28);backdrop-filter:blur(14px)}.admin-quick-nav a{display:flex;align-items:center;justify-content:center;min-height:50px;padding:9px 10px;background:rgba(7,12,15,.94);color:rgba(255,255,255,.7);font-size:12px;text-align:center}.admin-quick-nav a:hover{background:#17242b;color:#fff}.admin-quick-nav a.active{background:var(--accent);color:#061015;box-shadow:inset 0 -3px rgba(0,0,0,.2)}
.admin-dashboard-section,.admin-page .admin-category-section{margin:0 0 22px!important;padding:26px!important;background:var(--admin-surface)!important;border:1px solid var(--admin-border)!important;border-radius:0!important;box-shadow:0 16px 42px rgba(0,0,0,.18)!important;color:#fff!important}.admin-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;padding-bottom:17px;border-bottom:1px solid var(--admin-border)}.admin-section-heading span{color:var(--accent);font-size:9px;letter-spacing:.17em}.admin-section-heading h3{margin:6px 0 0!important;font-size:clamp(22px,2.3vw,31px);font-weight:400}.admin-help{margin:-5px 0 22px!important;color:rgba(255,255,255,.58)!important;font-size:12px;line-height:1.65}
.admin-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:22px!important}.admin-stats-grid>div{position:relative;overflow:hidden;min-height:118px;padding:22px!important;background:var(--admin-surface)!important;border:1px solid var(--admin-border);border-radius:0!important;box-shadow:none!important;text-align:left!important}.admin-stats-grid>div::after{content:'';position:absolute;right:-18px;bottom:-28px;width:85px;height:85px;border:1px solid rgba(51,204,255,.18);border-radius:50%}.admin-stats-grid>div>div:first-child{color:var(--accent)!important;font-size:34px!important;font-weight:500!important}.admin-stats-grid>div>div:last-child{margin-top:7px;color:rgba(255,255,255,.58)!important;font-size:12px!important}
.admin-section-launcher{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.admin-section-launcher a{min-height:174px;padding:24px;background:var(--admin-surface);border:1px solid var(--admin-border);box-shadow:0 12px 32px rgba(0,0,0,.14)}.admin-section-launcher a:hover{background:#111d23;border-color:var(--accent)}.admin-section-launcher strong{font-size:18px}.admin-section-launcher small{line-height:1.55}
.admin-page form{color:#fff}.admin-page label{color:rgba(255,255,255,.75);font-size:12px;font-weight:400!important}.admin-page input[type=text],.admin-page input[type=email],.admin-page input[type=password],.admin-page input[type=number],.admin-page input[type=url],.admin-page input[type=tel],.admin-page select,.admin-page textarea{min-height:45px;padding:10px 12px!important;background:rgba(0,0,0,.34)!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:0!important;color:#fff!important}.admin-page textarea{min-height:110px;resize:vertical}.admin-page input:focus,.admin-page select:focus,.admin-page textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px rgba(51,204,255,.12)!important}.admin-page input[type=submit],.admin-page button[type=submit]{min-height:43px;padding:10px 17px!important;background:transparent!important;border:1px solid var(--accent)!important;border-radius:0!important;color:var(--accent)!important;font-weight:400!important}.admin-page input[type=submit]:hover,.admin-page button[type=submit]:hover{background:var(--accent)!important;color:#061015!important}
.admin-page .admin-category-form{padding:20px;background:var(--admin-surface-soft);border:1px solid var(--admin-border)}.admin-page table{border:1px solid var(--admin-border)!important;background:rgba(0,0,0,.2)!important}.admin-page table thead tr,.admin-page table th{background:#0d171c!important;color:var(--accent)!important}.admin-page table td{background:transparent!important;color:rgba(255,255,255,.76)!important}.admin-page table tbody tr:hover td{background:rgba(51,204,255,.055)!important}.admin-page .btn-edit,.admin-page .btn-delete{border-radius:0!important;background:transparent!important}.admin-page .btn-edit{border-color:var(--accent)!important;color:var(--accent)!important}.admin-page .btn-delete{border-color:#ff7c78!important;color:#ff9a96!important}.admin-save-message,.admin-page .message,.admin-page .alert{border-radius:0!important}.background-upload-grid>div{padding:14px!important;background:var(--admin-surface-soft)!important;border:1px solid var(--admin-border)!important}
.admin-login{max-width:440px;margin:8vh auto;padding:34px;background:var(--admin-surface);border:1px solid var(--admin-border);border-top:3px solid var(--accent);box-shadow:0 22px 60px rgba(0,0,0,.32)}.admin-login .logo-mini{text-align:center}.admin-login h2{margin-bottom:24px;text-align:center}.admin-login-note{margin-top:17px;color:rgba(255,255,255,.45);font-size:11px;text-align:center}
@media(max-width:1180px){.admin-quick-nav{grid-template-columns:repeat(4,1fr)}.admin-section-launcher{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.admin-page .site-content{padding:14px}.admin-panel .header-actions{grid-template-columns:1fr;padding:22px!important}.admin-panel .header-actions>div:last-child{justify-content:space-between}.admin-quick-nav{position:static;grid-template-columns:repeat(2,1fr)}.admin-stats-grid{grid-template-columns:repeat(2,1fr)!important}.admin-section-launcher{grid-template-columns:1fr 1fr}.admin-dashboard-section,.admin-page .admin-category-section{padding:18px!important}}
@media(max-width:520px){.admin-panel .header-actions>div:last-child{align-items:flex-start;flex-direction:column}.admin-quick-nav{grid-template-columns:1fr 1fr}.admin-quick-nav a{min-height:46px;font-size:11px}.admin-stats-grid,.admin-section-launcher{grid-template-columns:1fr!important}.admin-section-heading{align-items:start;flex-direction:column}.admin-page table{font-size:12px}}
}
.inquiry-floating-button{background:#0b1114!important;color:#fff!important;box-shadow:0 12px 35px rgba(0,0,0,.5)!important}.inquiry-floating-button span{color:#fff!important;font-weight:400;text-shadow:none}.inquiry-floating-button b{color:#071014!important;font-weight:600}
.admin-login-shell{display:grid;place-items:center;width:100%;min-height:calc(100vh - 110px);padding:28px 0}.admin-login{width:min(100%,520px);padding:clamp(26px,4vw,42px);background:linear-gradient(145deg,rgba(5,11,15,.95),rgba(14,23,29,.9));border:1px solid rgba(255,255,255,.24);border-left:4px solid var(--accent);box-shadow:0 25px 70px rgba(0,0,0,.36);backdrop-filter:blur(12px)}.admin-login-header{padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.16)}.admin-login-eyebrow{display:block;margin-bottom:18px;color:var(--accent);font-size:9px;letter-spacing:.18em}.admin-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.admin-login-brand span{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(255,255,255,.75);border-radius:50%;font-size:18px}.admin-login-brand strong{font-size:17px;font-weight:500;letter-spacing:.08em}.admin-login h1{margin:0 0 10px;font-size:clamp(31px,4vw,43px);font-weight:400}.admin-login-header p{max-width:410px;color:rgba(255,255,255,.58);font-size:12px;line-height:1.7}.admin-login-error{margin:20px 0 0;padding:12px 14px;background:rgba(217,83,79,.14);border:1px solid rgba(255,125,120,.65);color:#ffc4c1;font-size:12px}.admin-login-form{display:grid;gap:19px;margin:25px 0 0!important}.admin-login-field label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:rgba(255,255,255,.82);font-size:13px}.admin-login-field label small{color:rgba(255,255,255,.34);font-size:8px;letter-spacing:.15em}.admin-login-field input{width:100%;height:50px;padding:11px 14px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.4);color:#fff;outline:none}.admin-login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(51,204,255,.13)}.admin-login-form>button{display:flex;justify-content:space-between;align-items:center;width:100%;height:52px;margin-top:3px;padding:0 17px!important;background:var(--accent)!important;border:1px solid var(--accent)!important;color:#061116!important;font-family:inherit;cursor:pointer}.admin-login-form>button:hover{background:#fff!important;border-color:#fff!important}.admin-login-form>button span{font-size:14px}.admin-login-form>button b{font-size:21px;font-weight:300}.admin-login-footer{display:flex;justify-content:space-between;gap:18px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.38);font-size:10px}.admin-login-footer a{color:rgba(255,255,255,.68)}.admin-login-footer a:hover{color:var(--accent)}.admin-login .recaptcha-disclosure{margin-top:0!important;text-align:left}@media(max-width:560px){.admin-login-shell{min-height:calc(100vh - 70px);padding:10px 0}.admin-login{padding:26px 20px}.admin-login-footer{align-items:flex-start;flex-direction:column;gap:8px}}
.product-inquiry-add{display:grid!important;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:13px;align-items:center;text-align:left!important;background:var(--accent)!important;border:1px solid var(--accent)!important;color:#061014!important;box-shadow:0 10px 28px rgba(0,0,0,.28)}.product-inquiry-add .inquiry-add-icon{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(0,0,0,.28);border-radius:50%;color:#061014!important;font-size:23px}.product-inquiry-add>span:nth-child(2){color:#061014!important;font-size:15px;font-weight:500;line-height:1.35}.product-inquiry-add small{color:rgba(6,16,20,.68)!important;font-size:10px;line-height:1.4}.product-inquiry-add:hover{background:#fff!important;border-color:#fff!important;transform:translateY(-1px)}
.notification-status{grid-template-columns:repeat(4,1fr)}.notification-actions{grid-template-columns:repeat(3,1fr)}
@media(max-width:800px){.notification-status,.notification-actions{grid-template-columns:1fr}}
.product-info-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.product-view-count{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.86);font-size:16px;font-weight:400}.product-view-count span{color:var(--accent);font-size:18px}.product-info-summary>div:nth-child(3){padding-left:25px;border-left:1px solid var(--line)}
@media(max-width:560px){.product-info-summary{grid-template-columns:1fr}.product-info-summary>div:nth-child(3){padding-left:0;border-top:1px solid var(--line);border-left:0}}

/* First-party analytics and UTM dashboard */
/* Firefox-safe Hero sizing: avoid cyclic Grid sizing and container-width units */
.home-hero-gallery{min-height:0;grid-template-rows:auto auto}.home-hero-stage{height:clamp(460px,52vw,600px);min-height:460px}.home-hero-thumb-viewport{container-type:normal}.home-hero-thumbs{width:100%}.home-hero-thumbs button{flex:0 0 calc((100% - 28px)/5);width:calc((100% - 28px)/5)}
@media(max-width:1020px){.home-hero-stage{height:500px;min-height:500px}.home-hero-thumbs button{flex-basis:calc((100% - 21px)/4);width:calc((100% - 21px)/4)}}
@media(max-width:760px){.home-hero-gallery{min-height:0}.home-hero-stage{height:min(650px,115vw);min-height:450px}}
@media(max-width:620px){.home-hero-gallery{min-height:0}.home-hero-stage{height:min(560px,125vw);min-height:420px}.home-hero-thumbs button{flex-basis:calc((100% - 14px)/3);width:calc((100% - 14px)/3)}}

/* First-party analytics and UTM dashboard */
.admin-page .admin-quick-nav{grid-template-columns:repeat(9,minmax(0,1fr))}.analytics-filter{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto auto;gap:12px;align-items:end;margin:0 0 20px!important;padding:17px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.17)}.analytics-filter label{display:grid;gap:6px}.analytics-filter button,.analytics-filter>a{display:flex;align-items:center;justify-content:center;min-height:45px;padding:9px 14px;border:1px solid var(--accent);color:var(--accent)}.analytics-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.analytics-summary>div{padding:20px;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.16)}.analytics-summary span,.analytics-summary strong,.analytics-summary small{display:block}.analytics-summary span{color:var(--accent);font-size:9px;letter-spacing:.14em}.analytics-summary strong{margin:7px 0 3px;font-size:31px;font-weight:500}.analytics-summary small{color:rgba(255,255,255,.5);font-size:10px}.utm-builder{margin:0 0 24px;padding:22px;background:rgba(41,201,255,.055);border:1px solid rgba(41,201,255,.35);border-left:4px solid var(--accent)}.utm-builder header h4{margin:6px 0}.utm-builder header>span{color:var(--accent);font-size:9px;letter-spacing:.15em}.utm-builder header p{color:rgba(255,255,255,.56);font-size:12px}.utm-builder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.utm-builder-grid label{display:grid;gap:6px}.utm-builder-grid label:first-child{grid-column:span 3}.utm-builder-result{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:14px}.utm-builder-result input{min-width:0}.utm-builder-result small{grid-column:1/-1;min-height:14px;color:var(--accent)}.analytics-report-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.analytics-report-grid>section,.analytics-table-block{min-width:0;margin-bottom:18px;padding:18px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.16)}.admin-analytics h4{margin:0 0 14px;font-size:18px}.admin-analytics table small,.admin-analytics table strong{display:block}.admin-analytics table small{margin-top:3px;color:rgba(255,255,255,.45);font-size:9px}.admin-analytics table a{color:var(--accent)}.analytics-converted{display:inline-block;padding:4px 7px;background:rgba(41,201,255,.12);border:1px solid var(--accent);color:var(--accent);font-size:9px}.analytics-privacy-note{padding:13px 15px;background:rgba(255,255,255,.045);border-left:3px solid rgba(255,255,255,.35);color:rgba(255,255,255,.55);font-size:11px}
@media(max-width:1180px){.admin-page .admin-quick-nav{grid-template-columns:repeat(5,1fr)}.analytics-filter{grid-template-columns:repeat(2,1fr)}.analytics-report-grid{grid-template-columns:1fr}}
@media(max-width:700px){.analytics-filter,.analytics-summary,.utm-builder-grid{grid-template-columns:1fr}.utm-builder-grid label:first-child{grid-column:auto}.utm-builder-result{grid-template-columns:1fr}.admin-analytics{padding:14px!important}}

/* Admin-controlled product grid layouts */
.product-grid.configurable-product-grid{grid-template-columns:repeat(var(--product-cols-desktop,4),minmax(0,1fr))}.limited-product-grid>.product-beyond-desktop{display:none}.responsive-paged-grid>.product-item[hidden]{display:none!important}.responsive-product-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:25px 0 4px}.responsive-product-pagination[hidden]{display:none}.responsive-product-pagination button{display:grid;place-items:center;min-width:39px;height:39px;padding:5px 10px;background:rgba(0,0,0,.48);border:1px solid rgba(255,255,255,.35);color:#fff;cursor:pointer}.responsive-product-pagination button:hover,.responsive-product-pagination button.active{border-color:var(--accent);color:var(--accent)}.responsive-product-pagination button:disabled{opacity:.28;cursor:default}
.product-layout-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:20px 0}.product-layout-group{min-width:0;padding:17px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.2)}.product-layout-group legend{padding:0 8px;color:var(--accent);font-size:13px}.product-layout-group>small{display:block;min-height:32px;margin-bottom:12px;color:rgba(255,255,255,.5);font-size:10px}.product-layout-device{display:grid;grid-template-columns:1fr 78px 78px;gap:8px;align-items:end;padding:12px 0;border-top:1px solid rgba(255,255,255,.12)}.product-layout-device strong{align-self:center;color:rgba(255,255,255,.72);font-size:11px;font-weight:400}.product-layout-device label{margin:0!important;font-size:9px!important}.product-layout-device input{min-height:38px!important;margin-top:5px;text-align:center}
@media(max-width:980px){.product-layout-settings-grid{grid-template-columns:1fr}.product-layout-group>small{min-height:0}}
@media(max-width:580px){.product-grid.configurable-product-grid{grid-template-columns:repeat(var(--product-cols-mobile,3),minmax(0,1fr))}.limited-product-grid>.product-item{display:block}.limited-product-grid>.product-beyond-mobile{display:none}.responsive-product-pagination{gap:4px}.responsive-product-pagination button{min-width:34px;height:35px;font-size:11px}.product-layout-device{grid-template-columns:1fr 64px 64px}}

/* Spacious product display settings workspace */
.product-display-settings>div:first-child{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.15)}.product-display-settings form{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:stretch}.product-display-settings .display-setting-toggle{width:100%;min-height:86px;box-sizing:border-box;padding:19px 22px;background:rgba(0,0,0,.22);border-left:3px solid var(--accent)}.product-display-settings .product-layout-settings-grid{width:100%;margin:0;gap:18px}.product-display-settings .product-layout-group{padding:22px 20px;background:rgba(4,10,14,.36);border-color:rgba(255,255,255,.24)}.product-display-settings .product-layout-group legend{padding:0 10px;font-size:14px}.product-display-settings .product-layout-group>small{margin:2px 0 18px}.product-display-settings .product-layout-device{grid-template-columns:minmax(120px,1fr) 88px 88px;gap:12px;padding:16px 0}.product-display-settings .product-layout-device strong{font-size:12px}.product-display-settings .product-layout-device label{font-size:10px!important}.product-display-settings .product-layout-device input{height:43px!important;min-height:43px!important}.product-display-settings form>button{justify-self:end;min-width:235px;min-height:48px!important;margin-top:2px}
@media(max-width:1200px){.product-display-settings .product-layout-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-display-settings .product-layout-group:last-child{grid-column:1/-1}}
@media(max-width:760px){.product-display-settings .product-layout-settings-grid{grid-template-columns:1fr}.product-display-settings .product-layout-group:last-child{grid-column:auto}.product-display-settings .product-layout-device{grid-template-columns:minmax(100px,1fr) 72px 72px}.product-display-settings form>button{justify-self:stretch;width:100%}}
@media(max-width:460px){.product-display-settings .product-layout-device{grid-template-columns:1fr 1fr}.product-display-settings .product-layout-device strong{grid-column:1/-1}.product-display-settings .product-layout-group{padding:18px 14px}}

/* Contact channels in the third Home Highlight column */
.highlight-contact-list{display:grid;gap:10px}.highlight-contact-list li{padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.13)}.highlight-contact-list li:last-child{padding-bottom:0;border-bottom:0}.highlight-contact-list small,.highlight-contact-list a{display:block}.highlight-contact-list small{margin-bottom:2px;color:color-mix(in srgb,var(--highlight-text,#fff) 48%,transparent);font-size:9px;letter-spacing:.05em}.highlight-contact-list a{color:var(--highlight-text,#fff);font-size:13px;overflow-wrap:anywhere}.highlight-contact-list a span{color:var(--highlight-accent,var(--accent))}.highlight-contact-list a:hover{color:var(--highlight-accent,var(--accent))}.highlight-cms.align-center .highlight-contact-list{text-align:center}
.admin-highlight-contact-preview{padding:18px!important;background:rgba(51,204,255,.055)!important;border-color:rgba(51,204,255,.38)!important}.admin-highlight-contact-preview>p{margin-bottom:13px;color:rgba(255,255,255,.55);font-size:11px}.admin-highlight-contact-preview ul{display:grid;gap:8px;margin-bottom:16px}.admin-highlight-contact-preview li{display:flex;justify-content:space-between;gap:10px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.12)}.admin-highlight-contact-preview small{color:rgba(255,255,255,.48)}.admin-highlight-contact-preview strong{color:#fff;font-size:11px;font-weight:400}.admin-highlight-contact-preview>a{color:var(--accent);font-size:11px}

/* High-contrast product breadcrumb on light page backgrounds */
.product-breadcrumb{width:max-content;max-width:100%;padding:9px 13px;background:rgba(235,241,244,.88);border-left:3px solid var(--accent);color:#34464f;font-weight:400;text-shadow:none;backdrop-filter:blur(5px)}.product-breadcrumb a,.product-breadcrumb strong{color:#17272f;text-shadow:none}.product-breadcrumb a:hover{color:#007da8}.product-breadcrumb strong{font-weight:500}
/* Product showcase status */
.ribbon.showcase{background:#1686ad;color:#fff}
.status-badge.showcase{background:#1686ad;color:#fff}
.ribbon-large.showcase{background:#1686ad;color:#fff}
.product-status-text.showcase i{background:#1aa8d8}

/* Website favicon setting */
.admin-favicon-setting{display:grid;grid-template-columns:92px minmax(0,1fr);gap:20px;align-items:center;padding:18px;background:rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.3)}
.admin-site-logo-setting{margin-bottom:14px}.admin-site-logo-preview{border-radius:50%}.admin-site-logo-preview img{border-radius:50%}
.admin-favicon-preview{display:grid;place-items:center;width:76px;height:76px;padding:8px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.4)}
.admin-favicon-preview img{width:100%;height:100%;object-fit:contain!important}
.admin-favicon-preview span{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-size:24px}
.admin-favicon-setting label{margin-bottom:8px}.admin-favicon-setting small{display:block;margin-top:8px;color:rgba(255,255,255,.7);font-size:12px;line-height:1.6}
@media(max-width:560px){.admin-favicon-setting{grid-template-columns:1fr}.admin-favicon-preview{width:72px;height:72px}}

/* Product encasement detail */
.product-encasement-detail{margin-top:18px;padding:16px 18px;background:rgba(51,204,255,.08);border:1px solid rgba(51,204,255,.32);border-left:3px solid var(--accent)}
.product-encasement-detail small{display:block;margin-bottom:5px;color:rgba(255,255,255,.5);font-size:10px}
.product-encasement-detail strong{color:rgba(255,255,255,.92);font-size:14px;font-weight:400}

/* Organized multilingual product descriptions in Admin */
.product-description-fields{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;margin:5px 0 4px;padding:22px;border:1px solid rgba(51,204,255,.42);background:rgba(4,12,17,.3)}
.product-description-fields legend{padding:0 10px;color:var(--accent);font-size:15px;font-weight:400}
.product-description-fields>p{grid-column:1/-1;margin:-3px 0 0;color:rgba(255,255,255,.58);font-size:12px}
.product-description-fields .form-group{min-width:0;margin:0}
.product-description-fields .product-description-primary{grid-column:1/-1}
.product-description-fields textarea{display:block;width:100%;min-height:142px;resize:vertical}
@media(max-width:760px){.product-description-fields{grid-template-columns:1fr;padding:18px}.product-description-fields .product-description-primary,.product-description-fields>p{grid-column:auto}}

/* Related knowledge selector and product-page cards */
.product-related-article-fields{grid-column:1/-1;margin:5px 0 4px;padding:22px;border:1px solid rgba(51,204,255,.42);background:rgba(4,12,17,.3)}
.product-related-article-fields legend{padding:0 10px;color:var(--accent);font-size:15px}.product-related-article-fields>p{margin-bottom:16px;color:rgba(255,255,255,.62);font-size:12px}
.admin-related-article-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:310px;padding:4px;overflow-y:auto}
.admin-related-article-options label{display:flex;gap:11px;align-items:flex-start;margin:0;padding:12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.18);cursor:pointer}.admin-related-article-options label:has(input:checked){border-color:var(--accent);background:rgba(51,204,255,.1)}
.admin-related-article-options input{flex:0 0 auto;width:auto;margin-top:4px}.admin-related-article-options span{min-width:0}.admin-related-article-options strong,.admin-related-article-options small{display:block}.admin-related-article-options strong{font-size:13px;font-weight:400}.admin-related-article-options small{margin-top:4px;color:rgba(255,255,255,.52);font-size:10px}.related-article-empty{padding:15px;border:1px dashed rgba(255,255,255,.28);color:rgba(255,255,255,.6)}
.product-related-articles{width:100%;max-width:1180px;margin-top:34px;padding:clamp(24px,4vw,38px);background:rgba(5,9,11,.72);border:1px solid var(--line);backdrop-filter:blur(7px)}.product-related-articles>header{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.22)}.product-related-articles>header>span{color:var(--accent);font-size:9px;letter-spacing:.16em}.product-related-articles h2{margin:7px 0 5px;font-size:clamp(26px,3vw,38px)}.product-related-articles>header p{color:rgba(255,255,255,.62);font-size:13px}
.product-related-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-related-article-grid article{min-width:0;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.22)}.related-article-image{display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:#090c0e}.related-article-image img{width:100%;height:100%;object-fit:contain}.product-related-article-grid article>div{padding:17px}.product-related-article-grid small{color:var(--accent);font-size:9px;letter-spacing:.1em}.product-related-article-grid h3{min-height:54px;margin:8px 0;font-size:18px;line-height:1.45;text-shadow:none}.product-related-article-grid p{display:-webkit-box;min-height:63px;overflow:hidden;color:rgba(255,255,255,.62);font-size:12px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}.related-article-link{display:flex;justify-content:space-between;margin-top:15px;padding-top:12px;border-top:1px solid rgba(255,255,255,.16);font-size:12px}.related-article-link span{color:var(--accent)}
@media(max-width:850px){.product-related-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.admin-related-article-options,.product-related-article-grid{grid-template-columns:1fr}.product-related-articles{padding:20px}.product-related-article-grid h3{min-height:0}}

/* Related articles embedded at the end of product description */
.product-description-related-links{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}
.product-description-related-links>small{display:block;margin-bottom:10px;color:var(--accent);font-size:10px;letter-spacing:.05em}
.product-description-related-links ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.product-description-related-links a{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:9px 11px;background:rgba(51,204,255,.06);border-left:2px solid rgba(51,204,255,.5);color:rgba(255,255,255,.82);font-size:12px;line-height:1.55}
.product-description-related-links a:hover{background:rgba(51,204,255,.12);border-left-color:var(--accent);color:var(--accent)}
.product-description-related-links a span{flex:0 0 auto;color:var(--accent)}