/* Reference-inspired presentation, scoped away from admin/login. */
.reference-store{--blue:#003fcf;--ink:#071e65;--line:#dce9ff;background:linear-gradient(135deg,#d9ecff 0,#fff 480px);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.reference-store *{box-sizing:border-box}.reference-store .wrap{max-width:1480px;width:calc(100% - 48px);margin-inline:auto}.reference-store .utility{display:none}.reference-store header{background:linear-gradient(110deg,#e5f1ffed,#fffffff5);border:1px solid white;box-shadow:0 6px 26px #548ddd26;position:relative}.reference-store .header-inner{display:grid;grid-template-columns:290px minmax(180px,1fr) auto;gap:20px;align-items:center;padding:18px 0}.reference-store .identity{background:#ffffff70;border:1px solid #fff;border-radius:16px;gap:10px;padding:9px;color:var(--ink);min-width:0}.reference-store .identity b{font-size:23px;white-space:nowrap;letter-spacing:-.8px}.reference-store .identity span span{font-size:17px}.reference-store .identity img,.approved-logo{width:57px;height:62px;flex-shrink:0}.reference-store .search{border:7px solid #f7fbff;border-radius:40px;background:white;box-shadow:0 5px 20px #146aff24;display:flex;min-width:0}.reference-store .search input{border:0;min-width:0;width:100%;font-size:13px;background:transparent;padding:10px}.reference-store .search button{border-radius:30px;background:linear-gradient(#00bbff,#0042ee);padding:9px 19px;min-width:44px;box-shadow:0 4px 8px #136be645}.header-actions{display:flex;gap:8px}.header-actions>a{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:62px;min-height:66px;border-radius:12px;background:#ffffffb5;border:1px solid #fff;color:#052c99;padding:6px;text-align:center;box-shadow:0 4px 13px #659bf02a}.header-actions span{font-size:28px;line-height:1.1}.header-actions small{font-size:10px;margin-top:5px}.header-actions b{background:#fa1836;color:white;padding:1px 4px;border-radius:8px}.header-actions .header-wa{color:#009c59}.header-actions .header-emergency{background:linear-gradient(#ff463b,#f00019);color:white}.reference-store .navigation{display:flex;align-items:center;gap:8px;padding:0 0 8px;overflow:visible;flex-wrap:wrap;font-size:12px}.reference-store .navigation>a{padding:11px 13px;color:#002369;border-radius:7px;white-space:nowrap;background:#ffffff9c}.reference-store .navigation>a:first-child{background:linear-gradient(#00bfff,#0456f8);color:white;min-width:180px;font-weight:bold}.more-navigation{position:relative;margin-left:auto}.more-navigation summary{cursor:pointer;padding:12px}.more-navigation>div{position:absolute;right:0;top:40px;background:white;padding:12px;z-index:20;box-shadow:0 5px 25px #00205033;min-width:160px}.more-navigation a{display:block;padding:8px}.reference-store #main{padding-top:12px;min-width:0}.design-hero{display:grid;grid-template-columns:2.3fr 1fr;gap:12px;min-height:290px}.main-banner{display:flex;position:relative;overflow:hidden;background:#081825;color:white;border-radius:10px;align-items:center;min-width:0}.main-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03152af5,#041d3977 48%,transparent 80%);pointer-events:none}.main-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.banner-copy{position:relative;z-index:1;padding:25px 30px;max-width:74%}.hero-tag{display:inline-block;background:#ed071d;padding:6px 13px;border-radius:7px;font-size:13px;font-weight:700}.banner-copy h1{font-size:clamp(24px,2.6vw,39px);line-height:1.08;margin:12px 0;color:white;letter-spacing:-.8px}.banner-copy em{font-style:normal;color:#ffdc21}.banner-copy p{font-size:14px;line-height:1.9;color:#fff}.banner-button{display:inline-block;padding:9px 17px;border-radius:20px;background:white;color:#002586;font-size:13px;font-weight:700}.side-banners{display:grid;grid-template-rows:1fr 1fr;gap:10px}.side-banners>a{display:flex;align-items:center;justify-content:space-between;overflow:hidden;border-radius:10px;padding:15px;gap:8px}.solar-banner{background:linear-gradient(120deg,#eeffdc,#cff1ff)}.kitchen-banner{background:linear-gradient(120deg,#fff1dc,#ffcfd6)}.side-banners h2{font-size:18px;margin:0 0 6px}.side-banners p{font-size:12px;margin:4px 0 10px}.side-banners .reference-art{width:35%;height:90px}.solar-banner .banner-button{background:#00a642;color:white}.kitchen-banner .banner-button{background:#ff1728;color:white}.design-benefits{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:12px 0}.design-benefits>a{display:flex;align-items:center;gap:9px;background:white;border-radius:10px;padding:10px;box-shadow:0 2px 12px #007bff0d;min-width:0}.design-benefits span{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:linear-gradient(#e8f4ff,#c8e4ff);color:#0064ff;font-size:25px}.design-benefits b{font-size:11px;display:block}.design-benefits small{font-size:10px;line-height:1.4;display:block;margin-top:4px}.reference-store .shelf{margin:18px 0}.reference-store .section-heading{align-items:center;gap:10px;margin-bottom:10px}.reference-store h2{color:#081c69}.reference-store .section-heading h2{font-size:24px;letter-spacing:-.7px;margin:0}.reference-store .section-heading>a{font-size:12px;color:#0057f8;white-space:nowrap}.design-categories{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.design-categories>a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:118px;background:linear-gradient(135deg,#fff3ef,#f2eaff);border-radius:8px;padding:9px;gap:6px;color:#001d6a}.design-categories>a:nth-child(3n+2){background:linear-gradient(135deg,#f4fbff,#e1f1ff)}.design-categories>a:nth-child(3n){background:linear-gradient(135deg,#fcffe9,#fff1e4)}.design-categories img,.design-categories .reference-art{width:80px;height:65px;object-fit:contain}.design-categories strong{font-size:12px;line-height:1.3}.category-symbol{font-size:45px}.home-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:6px;padding:3px}.home-tabs a{border-radius:7px;background:#f2f5fa;color:#263956;padding:8px 13px;font-size:11px;white-space:nowrap}.home-tabs .active{background:linear-gradient(#00b9ff,#0057ff);color:white}.popular-grid{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - 63px)/10);gap:8px 7px;overflow:auto;padding-bottom:10px;scroll-snap-type:x proximity}.reference-store .product-card{border:1px solid #e2ebf5;background:white;border-radius:9px;overflow:hidden;min-width:0;padding:5px;box-shadow:0 2px 8px #3c80b908;display:flex;flex-direction:column;position:relative;scroll-snap-align:start}.card-visual{position:relative}.reference-store .product-image{height:108px;background:#fff;padding:5px;border-radius:5px}.reference-store .product-image img{height:100%;width:100%;object-fit:contain}.reference-store .product-copy{padding:6px 2px 2px;flex:1;display:block;color:#052668}.reference-store .product-copy h3{font-size:11px;line-height:1.35;min-height:30px;margin:0 0 4px}.reference-store .product-copy small{font-size:10px;display:block;color:#55637a;margin-bottom:4px}.reference-store .price{font-size:13px;color:#f01329}.reference-store del{font-size:9px;color:#8d8f96}.reference-store .reference{font-size:10px;line-height:1.5;color:#176647;display:block;margin:4px 0}.save-product{position:absolute;right:0;top:0;background:#ffffffd9!important;color:#4d658c!important;padding:2px!important;font-size:21px;border:0;min-width:25px;min-height:25px}.discount{position:absolute;left:0;top:0;background:#f20d24;color:white;border-radius:5px;padding:4px;font-size:9px}.reference-store .product-card .shop-buttons{display:flex;gap:3px;margin-top:5px}.reference-store .product-card .shop-buttons button{flex:1;font-size:9px;padding:8px 2px;border-radius:5px;background:linear-gradient(#00a5ff,#004bed);min-height:30px;white-space:nowrap}.reference-store .product-card .shop-buttons button[data-buy]{background:#f20b23}.card-quantity{display:flex;align-items:center;gap:5px;font-size:10px;margin:3px 0}.card-quantity input{width:45px;min-height:25px;padding:2px 4px;font-size:11px;border:1px solid #d7e6fb;border-radius:5px}.reference-store .placeholder,.reference-store .fallback{font-size:11px;color:#5a6980;text-align:center}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}.promo{display:flex;align-items:center;justify-content:space-between;gap:5px;border-radius:10px;padding:18px 20px;background:linear-gradient(115deg,#fff3e6,#ffd7e7)}.promo h2{font-size:26px;margin:0 0 6px}.promo p{font-size:12px;margin:0 0 12px}.promo.new{background:linear-gradient(115deg,#e5f6ff,#badfff)}.promo.deal{background:linear-gradient(115deg,#efffde,#ceffdf)}.promo-symbol{font-size:58px}.promo .banner-button{background:#f21635;color:white;border-radius:7px}.promo.new .banner-button{background:#0070ff}.promo.deal .banner-button{background:#00a047}.design-brands{display:flex;gap:8px;overflow:auto;padding:3px 0 10px}.design-brands a{background:#fff;border:1px solid #e2edff;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:0 0 112px;height:57px;padding:8px;text-align:center;font-size:14px;font-weight:bold}.design-brands svg,.design-brands img{max-width:100%;width:96px;height:37px;object-fit:contain}.design-services{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.design-services a{background:linear-gradient(130deg,#eff7ff,#f2efff);border-radius:8px;text-align:center;padding:10px;display:flex;align-items:center;flex-direction:column;gap:8px;font-size:11px}.design-services .reference-art{width:58px;height:43px}.reference-store footer{background:radial-gradient(at bottom left,#006ceb99,transparent 40%),linear-gradient(125deg,#071c3c,#001b34 60%,#052354);color:white;border-top:3px solid #08aeff;border-radius:14px 14px 0 0;margin-top:26px;box-shadow:0 -4px 14px #13adff22;padding-top:25px}.reference-store footer h2,.reference-store footer h3,.reference-store footer a{color:white}.reference-store .footer-grid{grid-template-columns:1.4fr .8fr 1fr 1fr;gap:28px}.reference-store footer h2{font-size:22px}.reference-store footer h3{font-size:14px}.reference-store footer p,.reference-store footer a{font-size:12px;line-height:1.7}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;border-top:1px solid #247ab670;padding:15px 0;margin-top:20px!important;font-size:11px}.owner-message{padding:15px;border:1px solid #e4efff;border-radius:10px;background:#fff}.owner-message h2{font-size:17px}.owner-message p{font-size:13px}.single-row{display:grid;grid-auto-flow:column;grid-auto-columns:155px;gap:9px;overflow:auto;padding-bottom:10px}.reference-store .product-grid .product-image{height:170px}.reference-store .product-grid .product-copy h3{font-size:14px}.reference-store .product-grid .shop-buttons button{font-size:12px;min-height:40px}.reference-store :focus-visible{outline:3px solid #ee9800;outline-offset:3px}.reference-store a:hover{filter:brightness(.97)}.reference-store .small-note{font-size:11px;color:#64758b}.reference-store .filters{background:#f6faff;border:1px solid #e0eaff;border-radius:12px}.reference-store .detail-image{background:white}.reference-store .mobile-nav{background:#fffffff5}.reference-store .announcement{font-size:13px}.reference-store #notice{z-index:100}
@media(min-width:1600px){.popular-grid{grid-auto-columns:calc((100% - 63px)/10)}}
@media(max-width:1190px){.reference-store .header-inner{grid-template-columns:250px 1fr;gap:12px}.header-actions{grid-column:1/-1;justify-content:flex-end}.reference-store .identity b{font-size:20px}.header-actions>a{flex-direction:row;min-height:40px;gap:8px;padding:7px 13px}.header-actions span{font-size:22px}.header-actions small{margin:0}.popular-grid{grid-auto-columns:145px}.design-benefits{grid-template-columns:repeat(3,1fr)}.design-categories{grid-template-columns:repeat(6,1fr)}.banner-copy{padding:20px;max-width:90%}.side-banners h2{font-size:15px}.design-services{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){.reference-store .wrap{width:calc(100% - 24px)}.reference-store .header-inner{display:flex;flex-wrap:wrap;padding:10px 0;gap:10px}.reference-store .identity{padding:4px;flex:1;min-width:230px}.reference-store .identity b{font-size:21px}.reference-store .identity img,.approved-logo{width:43px;height:48px}.reference-store .search{order:3;flex-basis:100%;border-width:4px}.header-actions{width:100%;justify-content:space-between;gap:4px}.header-actions>a{padding:6px;flex:1;min-width:0;gap:4px;flex-direction:column;min-height:50px}.header-actions small{font-size:9px}.header-actions span{font-size:20px}.reference-store .navigation{flex-wrap:nowrap;overflow:auto;gap:5px;white-space:nowrap;padding-bottom:8px}.reference-store .navigation>a{padding:9px;font-size:11px}.reference-store .navigation>a:first-child{min-width:125px}.more-navigation{display:none}.design-hero{grid-template-columns:1fr;min-height:0;gap:9px}.main-banner{min-height:240px}.banner-copy h1{font-size:26px}.banner-copy p{font-size:12px}.banner-copy{padding:20px;max-width:95%}.side-banners{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:8px}.side-banners>a{padding:12px 9px;position:relative;min-height:130px}.side-banners h2{font-size:15px;max-width:120px}.side-banners p{max-width:110px;font-size:10px}.side-banners .reference-art{width:42px;position:absolute;right:3px;bottom:42px;height:45px}.side-banners .banner-button{font-size:10px;padding:7px}.design-benefits{grid-template-columns:repeat(2,1fr);gap:6px}.design-benefits>a{padding:8px}.design-benefits span{width:30px;height:30px;font-size:21px}.design-benefits small{font-size:9px}.design-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.design-categories>a{min-height:107px;padding:7px}.design-categories .reference-art,.design-categories img{width:65px;height:55px}.design-categories strong{font-size:11px}.reference-store .section-heading h2{font-size:20px;letter-spacing:-.5px}.reference-store .section-heading>a{font-size:10px}.popular-grid{grid-auto-columns:150px;gap:8px}.reference-store .product-image{height:115px}.reference-store .product-copy h3{font-size:12px}.reference-store .product-card .shop-buttons button{min-height:38px;font-size:10px}.save-product{min-width:32px;min-height:32px}.promo-grid{grid-template-columns:1fr;gap:9px}.promo{padding:15px 20px}.promo h2{font-size:25px}.promo p{font-size:12px}.promo-symbol{font-size:62px}.design-services{grid-template-columns:repeat(3,1fr)}.reference-store .footer-grid{grid-template-columns:1fr 1fr;gap:20px}.reference-store footer h2{font-size:18px}.reference-store footer{padding-bottom:75px}.footer-bottom{display:grid}.reference-store .product-grid .product-image{height:125px}.reference-store .product-grid .product-copy h3{font-size:12px}.reference-store .product-grid .shop-buttons button{font-size:10px}.reference-store .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.reference-store header .identity,.reference-store header .identity b,.reference-store header .identity span{color:#062475}.reference-store .promo-grid a.promo{background:linear-gradient(115deg,#fff3e6,#ffd7e7)}.reference-store .promo-grid a.new{background:linear-gradient(115deg,#e5f6ff,#badfff)}.reference-store .promo-grid a.deal{background:linear-gradient(115deg,#efffde,#ceffdf)}.reference-store .promo-grid h2{font-family:Arial,Helvetica,sans-serif;font-weight:700}.reference-store .promo-grid .promo-symbol{font-size:58px;letter-spacing:0;color:#f21535}.reference-store .promo-grid .banner-button{font-size:12px;letter-spacing:0;color:white}.reference-store .card-quantity{display:flex;flex-direction:row;text-align:left;align-items:center;justify-content:flex-start;gap:5px;padding:0}.reference-store .product-card .card-quantity input{margin:0}.reference-store .track-shortcut{font-size:12px}.reference-store .footer-grid{color:#e6f1ff}.reference-store .more-navigation{color:#062475}.reference-store .more-navigation>div a{color:#062475}
.reference-store .search button{font-size:26px;line-height:1;display:grid;place-items:center;height:40px;padding:0 18px;align-self:center}.reference-store .product-copy h3{font-weight:600}.reference-store .design-categories>a:focus-visible{outline-offset:-3px}
.reference-store .promo-art{width:115px;height:90px;flex-shrink:0}.reference-store .design-brands .brand-logo{display:block;flex-shrink:0}.reference-store .side-banners .reference-art{width:40%;height:100px}@media(max-width:720px){.reference-store .side-banners .reference-art{width:55px;height:62px;bottom:32px;opacity:.9}.reference-store .side-banners>a>div{position:relative;z-index:1}.reference-store .side-banners p{max-width:105px}}
.reference-store .promo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-store .promo-grid>a{min-width:0}.reference-store .promo-grid>a>div{min-width:0}@media(min-width:721px) and (max-width:1050px){.reference-store .promo-grid a.promo{padding:13px}.reference-store .promo-grid h2{font-size:20px}.reference-store .promo-art{width:65px;height:80px}.reference-store .promo-grid p{font-size:11px}}@media(max-width:720px){.reference-store .promo-grid{grid-template-columns:1fr}}