/* TRUE 0.3.4 - OpenCart 3.0.3.7 storefront theme for ofismebeli.bg after the WoodMart Furniture 2 reference (fork of NUBA 0.1.9)
   (nachalo_v2, kategoria_v1, produkt_v1, kolichka_v1). Colours and fonts come from the store
   settings as --tr-* variables (:root block in the header). Every class carries the tr- prefix. */

@font-face{font-family:"tr-icons";src:url("../fonts/theme-icons.woff2") format("woff2"),url("../fonts/theme-icons.woff") format("woff");font-display:swap}
.tr-i{display:inline-block;line-height:1;vertical-align:middle}
.tr-i:before{font-family:"tr-icons";font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.tr-i-arrow-long:before{content:"\f102"}.tr-i-arrow-pagination:before{content:"\f103"}.tr-i-bag:before{content:"\f10a"}.tr-i-cart:before{content:"\f112"}.tr-i-close:before{content:"\f116"}.tr-i-down:before{content:"\f11a"}.tr-i-email:before{content:"\f11c"}.tr-i-facebook:before{content:"\f11f"}.tr-i-filter:before{content:"\f120"}.tr-i-heart:before{content:"\f127"}.tr-i-heart-active:before{content:"\f124"}.tr-i-instagram:before{content:"\f12a"}.tr-i-minus:before{content:"\f136"}.tr-i-plus:before{content:"\f13c"}.tr-i-phone:before{content:"\f139"}.tr-i-map-pin:before{content:"\f132"}.tr-i-time:before{content:"\f14d"}.tr-i-search:before{content:"\f144"}.tr-i-share:before{content:"\f145"}.tr-i-user:before{content:"\f150"}.tr-i-youtube:before{content:"\f15b"}.tr-i-right:before{content:"\f141"}.tr-i-zoom:before{content:"\f15f"}.tr-i-check:before{content:"\f113"}.tr-i-tiktok:before{content:"\f14c"}.tr-i-hamburger-menu:before{content:"\f123"}.tr-i-plus-zoom:before{content:"\f13b"}.tr-i-star:before{content:"\f148"}.tr-i-star-outline:before{content:"\f147"}.tr-i-viber:before{content:"\f151"}.tr-i-whatsapp:before{content:"\f158"}

/* ---------- base (guards against the default stylesheet) ---------- */
body.tr-store{margin:0;background:var(--tr-bg,#fff);color:var(--tr-ink,#070707);font-family:var(--tr-font,Manrope,Arial,sans-serif);font-size:var(--tr-fs,15px);font-weight:var(--tr-fw,400);line-height:1.6;-webkit-font-smoothing:antialiased}
body.tr-store h1,body.tr-store h2,body.tr-store h3,body.tr-store h4,body.tr-store h5,body.tr-store h6{font-family:var(--tr-fonth,Manrope,Arial,sans-serif);color:var(--tr-ink)}
body.tr-store .tr-hero h1,body.tr-store .tr-dark h3{text-transform:uppercase}
body.tr-store a{color:var(--tr-ink);text-decoration:none}
body.tr-store a:hover,body.tr-store a:focus{color:var(--tr-acc);text-decoration:none}
body.tr-store img{max-width:100%}
body.tr-store button{font-family:inherit}
body.tr-store .container{width:auto;max-width:var(--tr-wrap,1400px);padding-left:26px;padding-right:26px}
body.tr-store .btn{border-radius:var(--tr-rb);font-family:inherit;text-shadow:none;box-shadow:none;background-image:none}
body.tr-store .btn-primary{background:var(--tr-acc);border-color:var(--tr-acc);color:var(--tr-btnink);font-size:14px;font-weight:600;padding:10px 24px}
body.tr-store .btn-primary:hover,body.tr-store .btn-primary:focus{background:var(--tr-acc-d);border-color:var(--tr-acc-d);color:var(--tr-btnink)}
body.tr-store .btn-default{background:var(--tr-panel);border-color:var(--tr-line3);color:var(--tr-ink);font-size:14px;font-weight:600;padding:10px 22px}
body.tr-store .form-control{border-radius:var(--tr-rf);box-shadow:none;border-color:var(--tr-line2,#d9d9d9);height:auto;min-height:44px;font-size:14px}
body.tr-store .form-control:focus{border-color:var(--tr-ink);box-shadow:none}
body.tr-store .breadcrumb{background:none;border:0;border-radius:0;padding:16px 0;margin:0 0 10px;font-size:14px;color:var(--tr-muted)}
body.tr-store .breadcrumb>li{text-shadow:none;padding:0}
body.tr-store .breadcrumb>li:after{content:"\203A";border:0;width:auto;height:auto;position:static;transform:none;margin:0 8px;color:var(--tr-muted)}
body.tr-store .breadcrumb>li:last-child:after{content:""}
body.tr-store .alert{border-radius:0}
body.tr-store #content{min-height:200px}
body.tr-store .tr-wrap,.tr-wrap{max-width:var(--tr-wrap,1400px);margin:0 auto;padding:0 26px;box-sizing:border-box}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* inner pages: one flat warm colour (owner: no picture, no pattern - loads fastest); the home stays on --tr-bg */
body.tr-store.tr-page-inner{background:var(--tr-pagebg)}
body.tr-store.tr-page-inner .tr-adv{background:var(--tr-panel);border-top:1px solid var(--tr-line);margin-top:40px}
body.tr-store.tr-page-inner .tr-side,body.tr-store.tr-page-inner .tr-cat-side .panel,body.tr-store.tr-page-inner .tr-cat-side .list-group,body.tr-store.tr-page-inner .tr-cat-desc,body.tr-store.tr-page-inner .tr-html,body.tr-store.tr-page-inner .well,body.tr-store.tr-page-inner .tr-ptabs .tab-content,body.tr-store.tr-page-inner .tr-info{background:var(--tr-panel);border-radius:var(--tr-r)}
body.tr-store.tr-page-inner .tr-side,body.tr-store.tr-page-inner .tr-cat-desc,body.tr-store.tr-page-inner .tr-html,body.tr-store.tr-page-inner .tr-ptabs .tab-content{padding:24px 26px;border:1px solid var(--tr-line)}
body.tr-store.tr-page-inner .tr-info{padding:26px 30px;border:1px solid var(--tr-line)}
body.tr-store.tr-page-inner .tr-card{background:var(--tr-panel);border-radius:var(--tr-r);overflow:hidden}
body.tr-store.tr-page-inner .tr-card-img{border:0;border-radius:0}
body.tr-store.tr-page-inner .tr-card .sc-dots,body.tr-store.tr-page-inner .tr-card-head,body.tr-store.tr-page-inner .tr-card-cat,body.tr-store.tr-page-inner .tr-card-foot{margin-left:15px;margin-right:15px}
body.tr-store.tr-page-inner .tr-card-foot{margin-bottom:15px}
body.tr-store.tr-page-inner .tr-card-name{margin-top:0!important}
body.tr-store.tr-page-inner .tr-cat-side .panel{border:1px solid var(--tr-line);overflow:hidden}
body.tr-store.tr-page-inner .tr-sort,body.tr-store.tr-page-inner .tr-subs a,body.tr-store.tr-page-inner .tr-pages .pagination>li>a{border-color:transparent}

/* ---------- header: Furniture 2 - top bar 40 | main 64 | menu 45, all on --tr-head ---------- */
.tr-hd{background:var(--tr-head);color:var(--tr-headink);position:relative;z-index:50}
.tr-hd a,.tr-hd button{color:var(--tr-headink)!important}
.tr-hd-top{background:var(--tr-topbg);font-size:13px}
.tr-hd-top-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:40px}
.tr-top-links{display:flex;gap:22px;align-items:center;white-space:nowrap;overflow:hidden}
.tr-top-links a,.tr-top-right a{opacity:.85}
.tr-top-links a:hover,.tr-top-right a:hover{opacity:1}
.tr-top-right{display:flex;gap:22px;align-items:center;white-space:nowrap}
.tr-top-phone .tr-i{font-size:12px;margin-right:4px}
.tr-top-cta{font-weight:600}
.tr-hd-main-in{display:flex;align-items:center;gap:28px;min-height:64px;padding-top:10px;padding-bottom:10px}
.tr-logo{flex:0 0 auto;display:flex;align-items:center}
.tr-logo img{max-height:50px;max-width:210px;width:auto;display:block}
.tr-logo img.tr-logo-inv{filter:brightness(0) invert(1)}
.tr-wordmark{font-family:var(--tr-fonth);font-weight:800;letter-spacing:.06em;font-size:24px;text-transform:uppercase}
.tr-search-pill{flex:1 1 auto;min-width:0;max-width:738px}
.tr-search-pill #search{margin:0;display:flex;align-items:center;height:42px;border:1px solid var(--tr-headline);border-radius:var(--tr-rf);background:var(--tr-panel);overflow:hidden;width:100%}
.tr-search-pill #search .form-control{flex:1;border:0;background:transparent;height:40px;min-height:0;box-shadow:none;padding:0 20px;font-size:14px;color:var(--tr-ink)}
.tr-search-pill #search .form-control::placeholder{color:var(--tr-muted)}
.tr-search-pill #search .input-group-btn{width:auto;display:block}
.tr-search-pill #search .btn{height:40px;width:46px;border:0;background:transparent;color:var(--tr-text)!important;font-size:15px;padding:0;box-shadow:none}
.tr-search-pill #search .btn:hover{color:var(--tr-ink)!important}
.tr-tools{display:flex;align-items:center;gap:22px;flex:0 0 auto;margin-left:auto}
.tr-tool{position:relative;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1}
.tr-tool .tr-i{font-size:20px}
.tr-svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tr-tool-n{position:absolute;left:12px;top:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--tr-acc);color:var(--tr-btnink);font-size:11px;font-weight:700;line-height:18px;text-align:center}
.tr-tool-n[hidden]{display:none}
.tr-tool-acc .tr-tool-t{white-space:nowrap}
.tr-burger{display:none;background:none;border:0;font-size:22px;padding:4px;cursor:pointer}
body.tr-store #cart{margin:0;width:auto}
.tr-cart-btn{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 18px 0 14px;border:0;border-radius:var(--tr-rb);background:var(--tr-ink);color:var(--tr-inkink)!important;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.tr-hd .tr-cart-btn{color:var(--tr-inkink)!important}
.tr-hd .tr-cart-btn:hover{background:var(--tr-acc);color:var(--tr-btnink)!important}
.tr-cart-ico{position:relative;display:inline-flex;font-size:20px}
.tr-cart-count{position:absolute;right:-9px;top:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--tr-panel);color:var(--tr-acc);font-size:11px;font-weight:700;line-height:18px;text-align:center}
.tr-hd-nav{border-top:1px solid var(--tr-headline)}
.tr-hd-nav-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:45px}
.tr-nav-badge{display:inline-block;background:var(--tr-alt);color:var(--tr-altink)!important;border-radius:var(--tr-rb);padding:0 14px;height:28px;line-height:28px;font-size:11px;font-weight:600;white-space:nowrap}

/* menu row with icons and mega panel */
.tr-nav{flex:1 1 auto;display:flex;min-width:0}
.tr-nav-head,.tr-nav-foot{display:none}
.tr-nav-list{display:flex;flex-wrap:nowrap;gap:0;margin:0;padding:0;list-style:none;overflow:hidden}
.tr-nav-item{position:static}
.tr-nav-item>a{display:flex;align-items:center;gap:7px;padding:0 9px;height:45px;font-size:14px;font-weight:600;white-space:nowrap;font-family:var(--tr-fonth)}
.tr-nav-more{position:relative}
.tr-nav-more>a .tr-i{display:inline-block!important;font-size:7px;opacity:.7}
.tr-nav-more-list{position:absolute;z-index:70;top:100%;right:0;min-width:280px;margin:0;padding:8px 0;list-style:none;background:var(--tr-panel);border:1px solid var(--tr-line);border-radius:var(--tr-r);box-shadow:0 18px 40px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s}
.tr-nav-more.is-hover>.tr-nav-more-list,.tr-nav-more:focus-within>.tr-nav-more-list{opacity:1;visibility:visible;transform:none}
.tr-nav-more-list>.tr-nav-item>a{height:auto;padding:9px 18px;color:var(--tr-ink)!important;white-space:normal}
.tr-nav-more-list>.tr-nav-item>a:hover{color:var(--tr-acc)!important}
.tr-nav-more-list .tr-mega,.tr-nav-more-list .tr-nav-open{display:none!important}
.tr-nav-item>a:hover{color:var(--tr-acc)!important;opacity:1}
/* vertical separators between the top categories (owner, 10.10.2026: "the menu looks merged"); 14 px from line to text */
@media (min-width:992px){
  .tr-hd-nav .tr-nav-list>.tr-nav-item>a{position:relative;padding:0 14px}
  .tr-hd-nav .tr-nav-list>.tr-nav-item:first-child>a{padding-left:0}
  .tr-hd-nav .tr-nav-list>.tr-nav-item+.tr-nav-item>a:before{content:"";position:absolute;left:0;top:50%;width:2px;height:18px;margin-top:-9px;border-radius:2px;background:var(--tr-acc);opacity:.55;pointer-events:none}
}
.tr-nav-ico{width:18px;height:18px;object-fit:contain;display:block}
.tr-nav-item>a .tr-i{display:none}
.tr-nav-open{display:none}
.tr-mega{position:absolute;z-index:60;left:0;right:0;top:100%;background:var(--tr-panel);color:var(--tr-ink);border-top:1px solid var(--tr-line);box-shadow:0 18px 40px rgba(0,0,0,.08);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s}
.tr-nav-item.is-hover>.tr-mega,.tr-nav-item:focus-within>.tr-mega{opacity:1;visibility:visible;transform:none}
.tr-mega-in{max-width:var(--tr-wrap);margin:0 auto;padding:34px 26px 38px;display:flex;gap:40px}
.tr-mega-cols{flex:1;columns:4 200px;column-gap:34px}
.tr-mega-col{break-inside:avoid;margin-bottom:18px}
.tr-hd .tr-mega a{color:var(--tr-ink)!important}
.tr-hd .tr-mega a:hover{color:var(--tr-acc)!important;opacity:1}
.tr-mega-t{display:block;font-size:14px;font-weight:700;margin-bottom:8px;font-family:var(--tr-fonth)}
.tr-mega ul{list-style:none;margin:0;padding:0}
.tr-mega li a{display:block;font-size:14px;padding:3px 0;color:var(--tr-text)!important}
.tr-mega-pic{flex:0 0 300px;display:block;position:relative;background:var(--tr-soft);border-radius:var(--tr-r);overflow:hidden}
.tr-mega-pic img{width:100%;height:240px;object-fit:cover}
.tr-mega-pic span{display:block;padding:12px 14px;font-size:13px;font-weight:600}
.tr-mega-pic .tr-i-arrow-long{transform:scaleX(-1);font-size:9px}

/* overlays: search, nav (phone), cart drawer, filter panel */
.tr-shade{position:fixed;inset:0;background:rgba(0,0,0,.38);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:900}
body.tr-lock .tr-shade{opacity:1;visibility:visible}
body.tr-lock{overflow:hidden}
.tr-overlay{position:fixed;left:0;right:0;top:0;z-index:950;background:var(--tr-panel,#fff);transform:translateY(-100%);transition:transform .3s;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.tr-overlay.is-open{transform:none}
.tr-search-in{max-width:900px;margin:0 auto;padding:40px 26px;display:flex;gap:16px;align-items:center}
.tr-search #search{flex:1;margin:0;display:flex}
.tr-search #search .form-control{border:0;border-bottom:1px solid var(--tr-ink);font-size:22px;height:56px;padding:0 4px;background:transparent}
.tr-search #search .input-group-btn{width:auto}
.tr-search #search .btn{background:none;border:0;border-bottom:1px solid var(--tr-ink);height:56px;font-size:18px;padding:0 10px}
.tr-x{background:none;border:0;font-size:16px;cursor:pointer;padding:6px;color:var(--tr-ink)}
.tr-drawer,.tr-panel{position:fixed;top:0;bottom:0;right:0;width:420px;max-width:100%;background:var(--tr-panel,#fff);color:var(--tr-ink);z-index:960;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease;visibility:hidden;text-transform:none;letter-spacing:0}
.tr-drawer.is-open,.tr-panel.is-open{transform:none;visibility:visible}
.tr-hd .tr-drawer a,.tr-hd .tr-drawer button{color:var(--tr-ink)!important}
.tr-hd .tr-drawer .tr-btn-dark{color:var(--tr-inkink)!important}
.tr-hd .tr-drawer .tr-btn-line:hover{color:var(--tr-inkink)!important}
.tr-drawer-t{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--tr-line);font-size:16px;font-weight:700;font-family:var(--tr-fonth)}
.tr-drawer-list{flex:1;overflow-y:auto}
.tr-ci{display:grid;grid-template-columns:80px 1fr auto;gap:14px;padding:18px 24px;border-bottom:1px solid var(--tr-line);align-items:center}
.tr-ci-img img{width:80px;height:80px;object-fit:contain;border:1px solid var(--tr-line);background:var(--tr-panel)}
.tr-ci-name{display:block;font-size:13.5px;font-weight:600;line-height:1.35;margin-bottom:3px}
.tr-ci small{display:block;color:var(--tr-muted);font-size:11.5px;line-height:1.4}
.tr-ci-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;align-self:stretch;gap:10px}
.tr-ci-x{background:none;border:0;color:var(--tr-muted)!important;font-size:11px;cursor:pointer;padding:2px}
.tr-ci-sum{font-size:13.5px;white-space:nowrap}
.tr-q{display:inline-flex;align-items:center;border:1px solid var(--tr-line);margin-top:8px}
.tr-q button{width:28px;height:28px;background:none;border:0;font-size:9px;cursor:pointer;color:var(--tr-ink)}
.tr-q input{width:30px;height:28px;border:0;text-align:center;font-size:13px;font-weight:500;-moz-appearance:textfield;background:transparent;padding:0}
.tr-q input::-webkit-outer-spin-button,.tr-q input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.tr-drawer-f{padding:20px 24px;border-top:1px solid var(--tr-line)}
.tr-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin:6px 0}
.tr-row b{font-weight:500;white-space:nowrap}
.tr-row-tot{font-size:17px;font-weight:600;margin-top:12px}
.tr-row-tot b{font-weight:600}
.tr-btn{display:block;width:100%;text-align:center;padding:14px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--tr-ink);border-radius:var(--tr-rb);transition:background .2s,color .2s}
.tr-btn-dark{background:var(--tr-ink);color:var(--tr-inkink)!important;margin-top:14px}
.tr-btn-dark:hover{background:var(--tr-acc);border-color:var(--tr-acc);color:var(--tr-btnink)!important;opacity:1!important}
.tr-btn-line{background:transparent;color:var(--tr-ink);margin-top:8px}
.tr-btn-line:hover{background:var(--tr-ink);color:var(--tr-inkink)!important}
.tr-drawer-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;color:var(--tr-muted)}
.tr-drawer-empty .tr-i{font-size:46px;margin-bottom:14px;color:var(--tr-ink)}
.tr-panel{left:auto;width:360px}
.tr-panel-in{flex:1;overflow-y:auto;padding:20px 24px}
.tr-panel-in aside{width:auto!important;float:none!important;padding:0!important;display:block!important}
.tr-panel-in .list-group-item{border-radius:0!important}

/* ---------- home (Furniture 2 sections) ---------- */
.tr-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 22px;border-radius:var(--tr-rb);border:0;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s;font-family:inherit}
.tr-pill-acc{background:var(--tr-acc);color:var(--tr-btnink)!important}
.tr-pill-acc:hover{background:var(--tr-acc-d);color:var(--tr-btnink)!important;opacity:1}
.tr-pill-light{background:var(--tr-panel);color:var(--tr-ink)!important}
.tr-pill-light:hover{background:var(--tr-acc);color:var(--tr-btnink)!important;opacity:1}
.tr-sec{margin:0 auto;padding-top:50px}
.tr-sec-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.tr-st{margin:0;font-size:var(--tr-fsh,32px);font-weight:var(--tr-fwh,700);line-height:1.2}
.tr-slider{background:var(--tr-soft);overflow:hidden}
.tr-slider-in{position:relative;height:var(--tr-imgh,600px)}
.tr-slide{position:absolute;inset:0;padding:0 70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.tr-slide.is-on{opacity:1;visibility:visible}
.tr-slide-txt{padding:40px 0}
.tr-slide-sub{font-size:16px;color:var(--tr-text);margin-bottom:14px}
.tr-slide-title{margin:0 0 26px;font-size:clamp(30px,3.6vw,54px);line-height:1.1;font-weight:700}
.tr-slide-row{display:flex;align-items:center;gap:22px}
.tr-slide-price{font-size:22px;font-weight:600}
.tr-slide-art{height:100%;display:flex;align-items:center;justify-content:center}
.tr-slide-art a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.tr-slide-art img{max-width:100%;max-height:calc(var(--tr-imgh,600px) - 60px);object-fit:contain}
.tr-slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--tr-line2);background:var(--tr-panel);color:var(--tr-ink);cursor:pointer;z-index:3;font-size:12px;display:grid;place-items:center;opacity:.9}
.tr-slider-btn:hover{background:var(--tr-acc);color:var(--tr-btnink);border-color:var(--tr-acc)}
.tr-slider-prev{left:0}
.tr-slider-prev .tr-i{transform:scaleX(1)}
.tr-slider-next{right:0}
.tr-slider-next .tr-i{transform:scaleX(-1)}
.tr-slider-dots{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;gap:8px;z-index:3}
.tr-slider-dots button{width:10px;height:10px;border-radius:50%;border:0;background:var(--tr-line3);cursor:pointer;padding:0}
.tr-slider-dots button.is-on{background:var(--tr-acc)}
.tr-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.tr-tile{position:relative;display:block;aspect-ratio:1/1;border-radius:var(--tr-r);overflow:hidden;background:var(--tr-soft)}
.tr-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.tr-tile:hover img{transform:scale(1.06)}
.tr-tile:hover{opacity:1}
.tr-tile-name{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);max-width:88%;background:var(--tr-panel);color:var(--tr-ink);border-radius:var(--tr-rb);padding:0 16px;height:36px;line-height:36px;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--tr-fonth)}
.tr-tabs{display:flex;flex-wrap:wrap;gap:6px}
.tr-tab{background:none;border:1px solid transparent;border-radius:var(--tr-rb);padding:0 16px;height:34px;font-size:14px;font-weight:600;color:var(--tr-text);cursor:pointer;font-family:inherit}
.tr-tab:hover{color:var(--tr-ink)}
.tr-tab.is-on{color:var(--tr-ink);border-color:var(--tr-line3)}
.tr-tab-pane{display:none!important}
.tr-tab-pane.is-on{display:grid!important}
.tr-brands{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}
.tr-brand{display:flex;align-items:center;justify-content:center;height:120px;background:var(--tr-panel);border:1px solid var(--tr-line);border-radius:var(--tr-r);padding:16px}
.tr-brand:hover{border-color:var(--tr-line3);opacity:1}
.tr-brand img{max-height:60px;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.8;transition:.2s}
.tr-brand:hover img{filter:none;opacity:1}
.tr-colls{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tr-coll{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--tr-r);overflow:hidden;background:var(--tr-soft)}
.tr-coll img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.tr-coll:hover img{transform:scale(1.04)}
.tr-coll:hover{opacity:1}
.tr-coll-txt{position:absolute;left:40px;bottom:40px;right:40px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:var(--tr-inkink)}
.tr-coll-txt small{display:block;font-size:14px;opacity:.9}
.tr-coll-txt b{display:block;font-size:36px;line-height:1.1;font-weight:700;font-family:var(--tr-fonth);text-shadow:0 2px 14px rgba(0,0,0,.35)}
.tr-coll:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.45) 100%);z-index:1}
.tr-coll-txt{z-index:2}
.tr-seo{padding-bottom:20px;max-width:calc(var(--tr-wrap) - 0px)}
.tr-seo h2{font-size:22px;font-weight:700;margin:0 0 12px}
.tr-seo-txt{color:var(--tr-text);line-height:1.75;columns:2 420px;column-gap:40px}
.tr-home>.tr-sec:last-child{padding-bottom:40px}

/* the older optional sections (hero / quote / dark / hot) - off by default, still available from the settings */
.tr-circle{position:absolute;border-radius:50%;background:var(--tr-soft);left:50%;top:50%;transform:translate(-50%,-50%);width:min(96%,var(--tr-c,520px));aspect-ratio:1/1}
.tr-cta{display:inline-flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.3em;text-transform:uppercase;font-weight:600}
.tr-cta .tr-i{font-size:10px;transition:transform .2s;transform:scaleX(-1)}
.tr-cta:hover .tr-i{transform:scaleX(-1) translateX(-5px)}
.tr-hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px;align-items:center;padding:0 7%;position:relative;overflow:hidden}
.tr-hero-yr{position:absolute;left:3%;top:90px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:34px;color:var(--tr-line);font-weight:300;letter-spacing:.1em}
.tr-hero h1{font-size:clamp(54px,7.4vw,118px);line-height:.95;font-weight:500;margin:0;letter-spacing:-.02em;text-transform:uppercase;word-break:break-word}
.tr-hero-sub{font-size:clamp(16px,1.8vw,28px);letter-spacing:.55em;margin:18px 0 44px;font-weight:300;text-transform:uppercase}
.tr-hero-art{position:relative;height:560px;--tr-c:540px}
.tr-hero-art img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:480px;max-width:80%;object-fit:contain;mix-blend-mode:multiply}
.tr-quote{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:90px 7%;align-items:center}
.tr-quote-art{height:460px;position:relative;--tr-c:440px}
.tr-quote-art img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:380px;max-width:80%;mix-blend-mode:multiply}
.tr-who{display:flex;align-items:center;gap:16px;margin-bottom:26px}
.tr-who img,.tr-who i{width:62px;height:62px;border-radius:50%;background:var(--tr-line);display:block;object-fit:cover}
.tr-who b{display:block;letter-spacing:.3em;font-size:13px;text-transform:uppercase;font-weight:600}
.tr-who small{display:block;letter-spacing:.2em;font-size:10px;color:var(--tr-muted);text-transform:uppercase}
.tr-quote p{font-size:clamp(19px,1.9vw,27px);line-height:1.5;margin:0}
.tr-dark{background:var(--tr-dark);color:var(--tr-darkink);display:grid;grid-template-columns:1fr 1fr;min-height:560px;align-items:center;padding:0 9%;margin-top:60px;overflow:hidden}
.tr-dark h3{color:var(--tr-darkink)!important;font-size:clamp(22px,2.4vw,34px);letter-spacing:.55em;font-weight:300;line-height:1.3;margin:0 0 24px;text-transform:uppercase}
.tr-dark .tr-cta{color:var(--tr-darkink)!important}
.tr-dark-art{height:420px;position:relative;--tr-c:400px}
.tr-dark-art .tr-circle{background:rgba(255,255,255,.06)}
.tr-dark-art img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:340px;max-width:75%;border-radius:4px}
.tr-dark-word{z-index:2;position:absolute;right:0;top:20px;letter-spacing:.5em;font-size:30px;font-weight:300;text-transform:uppercase}
.tr-hot{position:relative;height:560px;background:linear-gradient(180deg,var(--tr-line),var(--tr-soft)) center/cover no-repeat;margin-bottom:100px}
.tr-hot[style]{background-size:cover;background-position:center}
.tr-pt{position:absolute;z-index:2}
.tr-pt-dot{width:26px;height:26px;border-radius:50%;background:var(--tr-panel);border:0;box-shadow:0 0 0 6px rgba(255,255,255,.35);position:relative;cursor:pointer;animation:tr-pulse 2.4s infinite}
.tr-pt-dot:after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--tr-ink)}
@keyframes tr-pulse{0%,100%{box-shadow:0 0 0 6px rgba(255,255,255,.35)}50%{box-shadow:0 0 0 11px rgba(255,255,255,.15)}}
.tr-pt-card{position:absolute;left:50%;bottom:38px;transform:translate(-50%,8px);width:230px;display:flex;gap:10px;align-items:center;background:var(--tr-panel);padding:10px;box-shadow:0 10px 30px rgba(0,0,0,.15);opacity:0;visibility:hidden;transition:.2s}
.tr-pt:hover .tr-pt-card,.tr-pt.is-open .tr-pt-card,.tr-pt:focus-within .tr-pt-card{opacity:1;visibility:visible;transform:translate(-50%,0)}
.tr-pt-card img{width:64px;height:64px;object-fit:contain}
.tr-pt-card b{display:block;font-size:12.5px;line-height:1.3;font-weight:600}
.tr-pt-card em{display:block;font-style:normal;font-size:12.5px;margin-top:4px}
.tr-hot-box{position:absolute;left:50%;bottom:-60px;transform:translateX(-50%);background:var(--tr-panel,#fff);border:1px solid var(--tr-line);padding:24px 60px;text-align:center;width:min(460px,90%);z-index:1}
.tr-hot-box h3{margin:0 0 6px;font-size:clamp(22px,2.2vw,32px);font-weight:500}
.tr-hot-box p{margin:0;font-size:12px;color:var(--tr-muted)}

/* ---------- product grid and card (Furniture 2: 5 per row, 24 gap, no borders) ---------- */
.tr-grid{display:grid;gap:30px 24px}
.tr-grid-5{grid-template-columns:repeat(5,1fr)}
.tr-grid-4{grid-template-columns:repeat(4,1fr)}
.tr-card{position:relative;display:flex;flex-direction:column;background:transparent;margin:0!important;min-width:0;border:0!important;padding:0!important;transition:transform .3s}
.tr-card:hover,.tr-card:focus-within{transform:translateY(-10px)}
body.tr-store .tr-card.product-thumb{border:0;margin:0;border-radius:0;overflow:visible}
.tr-card-img{position:relative;height:var(--tr-cardh,295px);display:flex;align-items:center;justify-content:center;text-align:center;padding:0!important;background:var(--tr-panel);border:1px solid var(--tr-line);border-radius:var(--tr-r);overflow:hidden}
.tr-card-img a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:14px}
.tr-card-img img{max-width:100%;max-height:100%;object-fit:contain}
.tr-card .sc-dots{margin:10px 0 0!important;justify-content:flex-start!important}
.tr-card-name{margin:14px 0 4px!important;font-size:var(--tr-fsc,16px)!important;font-weight:var(--tr-fwc,700)!important;line-height:1.35!important;height:auto!important;min-height:0!important;text-align:left!important;font-family:var(--tr-fonth)}
.tr-card-name a{color:var(--tr-ink)!important;text-align:left!important;display:block}
.tr-card-name a:hover{color:var(--tr-acc)!important;opacity:1}
.tr-card-cat{font-size:13px;color:var(--tr-muted);margin-bottom:6px}
.tr-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;min-height:36px}
.tr-card-price{font-size:16px;font-weight:600;color:var(--tr-acc-d)}
.tr-card-price s{color:var(--tr-muted);font-size:13px;margin-left:6px;font-weight:400}
.tr-badge{position:absolute;left:12px;top:12px;z-index:2;background:var(--tr-acc);color:var(--tr-btnink);border-radius:var(--tr-rb);font-size:11px;font-weight:700;padding:0 10px;height:24px;line-height:24px}
.tr-card-buy{opacity:0;transform:translateY(14px);transition:opacity .25s,transform .3s;flex:0 0 auto;height:36px;padding:0 18px;font-size:13px}
.tr-card:hover .tr-card-buy,.tr-card:focus-within .tr-card-buy{opacity:1;transform:none}
.tr-card-wish{position:absolute;right:10px;top:10px;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:var(--tr-panel);color:var(--tr-ink);cursor:pointer;font-size:15px;display:grid;place-items:center;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .3s;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.tr-card:hover .tr-card-wish,.tr-card:focus-within .tr-card-wish{opacity:1;transform:none}
.tr-card-wish:hover{background:var(--tr-acc);color:var(--tr-btnink)}
@media (hover:none){.tr-card-buy,.tr-card-wish{opacity:1;transform:none}.tr-card:hover{transform:none}}
.tr-noimg{display:grid;place-items:center;width:100%;height:100%}
.tr-noimg svg{width:64px;height:64px;fill:none;stroke:var(--tr-line3);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tr-mod .tr-grid{margin-bottom:10px}
.tr-html{font-size:15px;line-height:1.7;color:var(--tr-text)}
.tr-html-t{font-size:22px;font-weight:700;margin:0 0 12px;color:var(--tr-ink)}
.tr-html img{max-width:100%;height:auto}
.tr-html table{width:100%;max-width:100%;table-layout:auto}
.tr-html td:has(> p > img:only-child),.tr-html td:has(> img:only-child){width:1%;white-space:nowrap}
.tr-html .table-bordered,.tr-html .table-bordered td,.tr-html .table-bordered th{border:0;border-bottom:1px solid var(--tr-line)}
.tr-html td{vertical-align:top;padding:10px 8px;word-wrap:break-word}
.tr-html td p{margin:0 0 6px}
.tr-home>.tr-html,.tr-home .tr-html{max-width:var(--tr-wrap);margin:0 auto;padding:50px 26px 0;box-sizing:border-box}
.tr-home .tr-html-in{max-width:980px}
#column-left .tr-html,#column-right .tr-html,.tr-cat-side .tr-html{padding:0;margin:0 0 26px;font-size:14px;max-width:none}
#column-left .tr-html-t,#column-right .tr-html-t,.tr-cat-side .tr-html-t{font-size:18px}
#column-left .tr-html td:first-child,#column-right .tr-html td:first-child{width:56px;padding-left:0}

/* ---------- category (Furniture 2: crumbs, title, chips, left column + 4 cards a row) ---------- */
.tr-cat{padding-top:18px}
.tr-crumbs{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:0;font-size:14px;color:var(--tr-muted)}
.tr-crumbs li+li:before{content:"/";margin:0 10px;color:var(--tr-line3)}
.tr-crumbs a{color:var(--tr-muted)!important}
.tr-crumbs a:hover{color:var(--tr-acc)!important}
.tr-crumbs b{color:var(--tr-ink);font-weight:500}
.tr-chead{margin:0 0 26px}
.tr-chead-banner{position:relative;background:var(--tr-alt);color:var(--tr-altink);border-radius:var(--tr-r);min-height:294px;display:flex;align-items:center;padding:34px 40px;overflow:hidden;margin-bottom:34px}
.tr-chead-banner h1{color:var(--tr-altink);font-size:clamp(34px,4.5vw,64px);margin-bottom:22px}
.tr-chead-in{position:relative;z-index:1;max-width:58%}
.tr-chead-img{position:absolute;right:4%;top:8%;height:84%;max-width:40%;object-fit:contain}
.tr-chead-banner .tr-subs a{border-color:transparent}
.tr-chead h1{font-size:var(--tr-fsh,32px);font-weight:var(--tr-fwh,700);margin:0 0 18px;line-height:1.2}
.tr-subs{display:flex;flex-wrap:wrap;gap:10px}
.tr-subs a{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px 0 6px;border:1px solid var(--tr-line2);border-radius:var(--tr-rb);background:var(--tr-panel);font-size:14px;font-weight:600;color:var(--tr-ink)!important;line-height:1.2}
.tr-subs a:hover{border-color:var(--tr-acc);color:var(--tr-acc)!important;opacity:1}
.tr-subs img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--tr-soft)}
.tr-subs a:not(:has(img)){padding-left:18px}
.tr-cat-body{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;align-items:start}
.tr-cat-solo{grid-template-columns:minmax(0,1fr)}
.tr-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px;font-size:14px;color:var(--tr-muted)}
.tr-bar-r{display:flex;align-items:center;gap:14px}
.tr-sort{display:flex;align-items:center;gap:8px;margin:0;font-weight:400;height:40px;padding:0 6px 0 16px;border:1px solid var(--tr-line2);border-radius:var(--tr-rb);background:var(--tr-panel)}
.tr-sort select{border:0;background:transparent;font-size:14px;color:var(--tr-ink);cursor:pointer;padding:4px 6px;max-width:240px;font-family:inherit}
.tr-fbtn{display:none;height:40px;border:1px solid var(--tr-line2)}
.tr-pages{display:flex;justify-content:center;padding:34px 0}
.tr-pages .pagination{margin:0;display:flex;gap:8px;border-radius:0}
.tr-pages .pagination>li>a,.tr-pages .pagination>li>span{float:none;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--tr-line2);border-radius:50%!important;color:var(--tr-ink);background:var(--tr-panel);margin:0;font-weight:600}
.tr-pages .pagination>li>a:hover{border-color:var(--tr-acc);color:var(--tr-acc)}
.tr-pages .pagination>.active>span,.tr-pages .pagination>.active>a{background:var(--tr-acc);border-color:var(--tr-acc);color:var(--tr-btnink)}
.tr-empty{padding:60px 0;text-align:center}
.tr-cat-desc{margin:30px 0 50px;font-size:15px;line-height:1.75;color:var(--tr-text);max-width:980px}
.tr-cat-img{float:right;max-width:240px;margin:0 0 16px 24px;border-radius:var(--tr-r)}
.tr-side{margin-bottom:28px}
.tr-side-t{display:block;font-size:18px;font-weight:700;margin-bottom:12px;font-family:var(--tr-fonth);color:var(--tr-ink)!important}
.tr-side ul{list-style:none;margin:0;padding:0}
.tr-side li a{display:block;padding:7px 0;font-size:15px;color:var(--tr-text)!important}
.tr-side li a:hover{color:var(--tr-acc)!important}
.tr-side li ul{padding-left:16px}
.tr-side .is-current>a{font-weight:600;color:var(--tr-acc)!important}
@media (min-width:992px){
  .tr-cat-side.tr-panel{position:static;transform:none;visibility:visible;width:auto;max-width:none;z-index:1;display:block;background:transparent}
  .tr-cat-side .tr-drawer-t{display:none}
  .tr-cat-side .tr-panel-in{padding:0;overflow:visible}
  .tr-cat-side .list-group{border-radius:var(--tr-r);overflow:hidden}
}
.tr-cat-side .panel,.tr-cat-side .list-group-item{border-color:var(--tr-line)!important;box-shadow:none}
.tr-cat-side .panel{border-radius:var(--tr-r);margin-bottom:20px}
.tr-cat-side .panel-heading{background:var(--tr-soft);border-radius:var(--tr-r) var(--tr-r) 0 0!important;font-weight:700}

/* ---------- product ---------- */
.tr-pp{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;padding:24px 0 50px;border-bottom:1px solid var(--tr-line);max-width:var(--tr-wrap);margin:0 auto;padding-left:26px;padding-right:26px;box-sizing:border-box}
.tr-gal{display:grid;grid-template-columns:100px 1fr;gap:16px;align-self:start;position:sticky;top:12px}
.tr-gal-thumbs{display:flex;flex-direction:column;gap:10px;max-height:600px;overflow-y:auto}
.tr-gal-thumbs button{width:100px;height:100px;flex:0 0 100px;border:1px solid var(--tr-line);background:var(--tr-panel);padding:4px;cursor:pointer;border-radius:var(--tr-r);overflow:hidden}
.tr-gal-thumbs button.is-on{border-color:var(--tr-acc)}
.tr-gal-thumbs img{width:100%;height:100%;object-fit:contain;image-rendering:auto}
.tr-gal-main{border:1px solid var(--tr-line);border-radius:var(--tr-r);display:flex;align-items:center;justify-content:center;min-height:var(--tr-imgh,560px);position:relative;background:var(--tr-panel);cursor:zoom-in;overflow:hidden}
.tr-gal-main img{max-width:88%;max-height:calc(var(--tr-imgh,560px) - 40px);object-fit:contain}
.tr-zoom{position:absolute;right:14px;bottom:14px;font-size:12px;color:var(--tr-muted);background:none;border:0;cursor:pointer}
.tr-gal:only-child{grid-column:1}
.tr-crumbs-sm{justify-content:flex-start;font-size:14px;color:var(--tr-muted)}
.tr-info h1{font-size:var(--tr-fsh,34px);font-weight:var(--tr-fwh,500);margin:10px 0 14px;line-height:1.2}
.tr-prc{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:var(--tr-fsp,22px);font-weight:var(--tr-fwp,600);color:var(--tr-acc-d)}
.tr-prc s{font-size:14px;color:var(--tr-muted);font-weight:400}
.tr-badge-in{position:static;font-size:11px}
.tr-vat{font-size:12px;color:var(--tr-muted);margin:4px 0 16px}
.tr-discounts{list-style:none;padding:0;margin:0 0 14px;font-size:13px;color:var(--tr-text)}
.tr-short{font-size:14px;color:var(--tr-text);margin:0 0 20px;line-height:1.65}
.tr-short+.tr-short{margin-top:-14px}.tr-short-promo{color:var(--tr-promo)}
.tr-bestfor{margin:14px 0 0;border-left:3px solid var(--tr-acc);padding:4px 14px;font-size:14px;color:var(--tr-muted)}.tr-bestfor b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tr-ink);font-weight:600;margin-bottom:2px}
.tr-opt-t{font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;font-weight:600!important;margin:18px 0 10px!important}
#product .form-group{margin-bottom:14px}
#product .control-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.tr-buy{display:flex;gap:12px;margin:22px 0 14px;align-items:stretch}
.tr-q-big{margin:0}
.tr-q-big button{width:38px;height:auto;font-size:10px}
.tr-q-big input{width:36px;height:50px;font-size:15px}
.tr-buy .tr-btn{margin:0;flex:1;max-width:300px;background:var(--tr-acc);border-color:var(--tr-acc);color:var(--tr-btnink)!important;font-size:15px}
.tr-buy .tr-btn:hover{background:var(--tr-acc-d);border-color:var(--tr-acc-d)}
.tr-q-big{border-radius:var(--tr-rb);overflow:hidden}
.tr-min{font-size:12px;color:var(--tr-muted)}
.tr-links{display:flex;flex-wrap:wrap;gap:10px 26px;margin-bottom:18px}
.tr-links button{background:none;border:0;padding:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tr-text);cursor:pointer}
.tr-links .tr-i{font-size:12px;margin-right:4px}
.tr-rating{margin-bottom:14px;font-size:12px}
.tr-rating .tr-i{font-size:12px}
.tr-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 30px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tr-muted);border-top:1px solid var(--tr-line);padding-top:16px}
.tr-meta b{color:var(--tr-ink);font-weight:500}
.tr-policy{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;font-size:12px}
.tr-policy .tr-i{font-size:8px}
/* the colours of the family (sc_groups) in the slot under the short text */
.tr-info .sc-grp{margin:0 0 6px!important;padding:0!important;border:0!important;background:none!important}
.tr-info .sc-grp-t{font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:600!important;color:var(--tr-ink)!important;margin:0 0 8px!important}
.tr-info .sc-grp-i{border-radius:6px!important}
.tr-info .sc-grp-on{outline-color:var(--tr-acc)!important}
.tr-ptabs-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:26px 16px 0}
.tr-ptabs-nav button{background:none;border:1px solid transparent;border-radius:var(--tr-rb);padding:0 18px;height:36px;font-size:14px;font-weight:600;color:var(--tr-muted);cursor:pointer}
.tr-ptabs-nav button.is-on{color:var(--tr-ink);border-color:var(--tr-line3)}
.tr-ptabs .tab-content{max-width:860px;margin:24px auto 40px;padding:0 16px;font-size:14px;line-height:1.75;color:var(--tr-text)}
.tr-ptabs .tab-pane{display:none}
.tr-ptabs .tab-pane.active{display:block}
.tr-ptabs .table{font-size:13px}
.tr-ptabs .table-bordered,.tr-ptabs .table-bordered td{border:0;border-bottom:1px solid var(--tr-line)}
.tr-ptabs .table thead td{font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.1em;padding-top:18px}
.tr-ptabs .table tbody td:first-child{color:var(--tr-muted);width:40%}
body.tr-store .tr-details{margin-top:50px}
.tr-details-panel{background:var(--tr-panel);border-radius:var(--tr-r);padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.tr-details-one{grid-template-columns:1fr}
.tr-det-col{min-width:0}
.tr-det-t{font-size:22px;font-weight:700;margin:0 0 20px;font-family:var(--tr-fonth)}
.tr-det-intro,.tr-det-body{font-size:16px;line-height:1.6;color:var(--tr-text)}
.tr-det-intro{margin:0 0 14px}
.tr-det-body img{max-width:100%;height:auto;border-radius:var(--tr-r)}
.tr-det-body p{margin:0 0 14px}
.tr-det-body ul{padding-left:18px}
.tr-det-body li::marker{color:var(--tr-acc)}
.tr-attr{width:100%;border-collapse:collapse;font-size:16px}
.tr-attr th,.tr-attr td{padding:9px 0;border:0!important;border-bottom:1px solid var(--tr-line)!important;vertical-align:top;line-height:1.4;background:transparent!important}
.tr-attr th{text-align:left;font-weight:700;color:var(--tr-ink);width:45%;padding-right:16px}
.tr-attr td{text-align:right;color:var(--tr-text);font-weight:400}
.tr-attr td a{color:var(--tr-text)!important}
.tr-attr td a:hover{color:var(--tr-acc)!important}
.tr-attr-g th{color:var(--tr-muted);font-size:13px;text-transform:uppercase;letter-spacing:.06em;padding-top:18px;font-weight:600}
body.tr-store .tr-reviews{margin-top:50px;margin-bottom:50px}
.tr-rev{display:block}
.tr-rev summary{cursor:pointer;list-style:none;margin:0;display:flex;align-items:center;gap:10px}
.tr-rev summary::-webkit-details-marker{display:none}
.tr-rev summary .tr-i{font-size:9px;transition:transform .2s}
.tr-rev[open] summary .tr-i{transform:rotate(180deg)}
.tr-rev[open] summary{margin-bottom:20px}
.tr-rev #form-review{max-width:760px}
body.tr-store.tr-page-inner .tr-details-panel{border:1px solid var(--tr-line)}
body.tr-store .tr-related{margin-top:70px}
.tr-related .tr-st-sm{margin-bottom:22px}
body.tr-store .tr-prod .tr-cols{margin-top:50px}
body.tr-store .tr-prod>*:last-child{margin-bottom:50px}
.tr-st-sm{font-size:22px;margin-bottom:20px}
.tr-carousel{position:relative}
.tr-car-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4 * 20px) / 5);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:12px 0 6px;scroll-behavior:smooth}
.tr-car-track::-webkit-scrollbar{display:none}
.tr-car-track>.tr-card{scroll-snap-align:start}
.tr-car-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--tr-ink);cursor:pointer;z-index:3;font-size:14px;display:grid;place-items:center;opacity:.6}
.tr-car-btn:hover{opacity:1;color:var(--tr-acc)}
.tr-car-btn[disabled]{opacity:.15;cursor:default}
.tr-car-prev{left:-44px}
.tr-car-next{right:-44px}
.tr-car-next .tr-i{transform:scaleX(-1)}
.tr-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:14px}
.tr-card-head .tr-card-name{margin-top:0!important;flex:1;min-width:0}
.tr-card-rate{flex:0 0 auto;font-size:14px;color:var(--tr-muted);white-space:nowrap;padding-top:2px}
.tr-card-rate .tr-i{color:var(--tr-star);font-size:14px;margin-left:2px}
.tr-tags{text-align:center;font-size:12px;color:var(--tr-muted);margin:24px 16px}
.tr-cols{display:flex;flex-wrap:wrap;gap:40px}
.tr-cols>aside{width:auto!important;flex:1 1 420px;float:none!important;padding:0!important}
.tr-cols .tr-html{max-width:none}

/* ---------- advantages + footer (black, four columns) ---------- */
.tr-adv{border-top:1px solid var(--tr-line);margin-top:60px;padding:22px 0;font-size:14px;font-weight:600}
.tr-home+.tr-adv{margin-top:0}
.tr-adv-in{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center}
.tr-adv-i{display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 10px}
a.tr-adv-i,a.tr-adv-i:hover{color:inherit;text-decoration:none}
.tr-adv-ico svg{width:28px;height:28px;fill:none;stroke:var(--tr-acc);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;display:block}
.tr-ft{background:var(--tr-foot);color:var(--tr-footsoft);padding:60px 0 0;font-size:15px}
.tr-ft a{color:var(--tr-footsoft)!important}
.tr-ft a:hover{color:var(--tr-footink)!important;opacity:1}
.tr-ft-cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:40px}
.tr-ft h4{color:var(--tr-footink)!important;font-size:22px;font-weight:700;margin:0 0 18px}
.tr-ft p{margin:0 0 14px;line-height:1.7}
.tr-ft-logo{margin-bottom:18px}
.tr-ft-logo img{max-height:40px;max-width:260px}
.tr-ft-logo .tr-wordmark{filter:none}
/* pending: the logo on the black footer - a dark logo on white turns white, the white box disappears (owner 11.10.2026) */
.tr-ft-logo img{filter:grayscale(1) invert(1);mix-blend-mode:screen}
.tr-ft-logo .tr-wordmark{color:var(--tr-footink)!important}
.tr-ft .tr-soc{display:flex;gap:14px;margin-top:6px}
.tr-ft .tr-soc a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(128,128,128,.35);font-size:15px}
.tr-ft .tr-soc a:hover{border-color:var(--tr-acc);background:var(--tr-acc);color:var(--tr-btnink)!important}
.tr-ft-links{list-style:none;margin:0;padding:0}
.tr-ft-links li{margin:0 0 10px}
.tr-ft-facts{list-style:none;margin:0;padding:0;line-height:1.6}
.tr-ft-facts li{display:flex;gap:12px;align-items:flex-start;margin:0 0 10px}
.tr-ft-facts .tr-i{font-size:15px;margin-top:4px;color:var(--tr-acc);flex:0 0 auto}
.tr-ft-sub{font-weight:600;color:var(--tr-footink);margin:10px 0 4px}
.tr-ft-bot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 0;border-top:1px solid rgba(128,128,128,.25);font-size:14px}

/* ---------- toast / fly ---------- */
.tr-toast{position:fixed;z-index:2000;left:20px;bottom:20px;max-width:min(420px,calc(100vw - 40px));padding:14px 18px;background:var(--tr-ink);color:var(--tr-inkink);font-size:13px;box-shadow:0 10px 30px rgba(0,0,0,.25);transform:translateY(20px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.tr-toast.is-on{opacity:1;transform:none;pointer-events:auto}
.tr-toast.is-error{background:var(--tr-panel);color:var(--tr-ink);border-left:4px solid var(--tr-ink)}
.tr-toast a{color:inherit!important;text-decoration:underline}
.truetheme-fly{position:fixed;z-index:1999;object-fit:contain;pointer-events:none;transition:transform .7s cubic-bezier(.55,0,.35,1),opacity .7s}
.tr-bump .tr-cart-btn{animation:tr-bump .45s ease}
.truetheme-pop{animation:tr-bump .45s ease}
@keyframes tr-bump{0%{transform:scale(1)}35%{transform:scale(1.22) rotate(-6deg)}70%{transform:scale(.94)}100%{transform:scale(1)}}

/* ---------- other pages (account, information, search, cart page) ---------- */
body.tr-store #account-login .well,body.tr-store .well{background:var(--tr-panel);border:1px solid var(--tr-line);border-radius:var(--tr-r);box-shadow:none;padding:26px}
body.tr-store #content h1,body.tr-store #content h2{font-weight:500}
body.tr-store .list-group-item{border-radius:0!important;border-color:var(--tr-line)}
body.tr-store .list-group a.active,body.tr-store .list-group a.active:hover{background:var(--tr-acc);border-color:var(--tr-acc);color:var(--tr-btnink)}
body.tr-store .table>thead>tr>td{font-weight:600}
body.tr-store .product-layout .product-thumb{border:1px solid var(--tr-line);border-radius:0}
body.tr-store .product-thumb .button-group{border-top:1px solid var(--tr-line);background:var(--tr-panel)}
body.tr-store .product-thumb .button-group button{background:var(--tr-panel);color:var(--tr-ink);text-transform:uppercase;font-size:11px;letter-spacing:.1em;font-weight:600}
body.tr-store .product-thumb .button-group button:hover{background:var(--tr-ink);color:var(--tr-inkink)}
body.tr-store .price-new{font-weight:600}
body.tr-store .price-old{color:var(--tr-muted)}

/* ---------- sc_checkout in the clothes of the theme (maket kolichka_v1) ---------- */
body.tr-store #sc-checkout{--ink:var(--tr-ink);--muted:var(--tr-text);--faint:var(--tr-muted);--line:var(--tr-line);--line2:var(--tr-line2);--line-soft:var(--tr-line);--bg:var(--tr-bg);--card:var(--tr-panel);--accent:var(--tr-acc);--accent-soft:var(--tr-accsoft);--blue:var(--tr-acc-d);--focus:var(--tr-acc);--radius:var(--tr-r);--rfield:var(--tr-rf);font-family:var(--tr-font);background:var(--tr-bg)}
body.tr-store #sc-checkout h1{font-weight:500}
body.tr-store #sc-checkout .step-head h2,body.tr-store #sc-checkout .summary h2{font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
body.tr-store #sc-checkout .confirm{border-radius:var(--tr-rb);background:var(--tr-acc);color:var(--tr-btnink);font-size:15px;font-weight:600;padding:16px}
body.tr-store #sc-checkout .confirm:disabled{background:var(--tr-line2)}
body.tr-store #sc-checkout .btn-secondary{border-radius:var(--tr-rb);background:var(--tr-ink);border-color:var(--tr-ink);font-size:13px;font-weight:600}
body.tr-store #sc-checkout .btn-secondary.outline{background:transparent;color:var(--tr-ink)}
body.tr-store #sc-checkout .tile.active,body.tr-store #sc-checkout .account-choice.active{background:var(--tr-panel);box-shadow:inset 0 0 0 2px var(--tr-acc)}

/* ---------- responsive ---------- */
@media (max-width:1400px){
  .tr-top-links a:nth-child(n+4){display:none}
}
@media (max-width:1200px){
  .tr-tool-acc .tr-tool-t{display:none}
  .tr-hd-main-in{gap:18px}
  .tr-nav-item>a{padding:0 7px;font-size:13px}
  .tr-tiles{grid-template-columns:repeat(4,1fr)}
  .tr-brands{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:1100px){
  .tr-grid-5{grid-template-columns:repeat(3,1fr)}
  .tr-grid-4{grid-template-columns:repeat(3,1fr)}
  .tr-car-track{grid-auto-columns:calc((100% - 2 * 20px) / 3)}
  .tr-car-prev{left:-20px}
  .tr-car-next{right:-20px}
}
@media (max-width:991px){
  .tr-hd-top{display:none}
  .tr-burger{display:block}
  .tr-hd-main-in{flex-wrap:wrap;gap:12px 16px;padding-top:12px;padding-bottom:12px}
  .tr-logo{order:1;margin-right:auto}
  .tr-burger{order:0}
  .tr-tools{order:2;margin-left:0;gap:16px}
  .tr-search-pill{order:3;flex:1 0 100%;max-width:none}
  .tr-hd-nav{border-top:0}
  .tr-hd-nav-in{min-height:0;justify-content:flex-end}
  .tr-hd-nav-in .tr-nav-badge{margin:0 0 10px}
  .tr-nav{position:fixed;top:0;bottom:0;left:0;width:340px;max-width:88%;background:var(--tr-panel);color:var(--tr-ink);z-index:960;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .3s;overflow-y:auto;visibility:hidden}
  .tr-nav.is-open{transform:none;visibility:visible}
  .tr-hd .tr-nav a,.tr-hd .tr-nav button{color:var(--tr-ink)!important}
  .tr-nav-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--tr-line);font-size:15px;font-weight:700}
  .tr-nav-list{display:block;flex:1;overflow:visible}
  .tr-nav-more{display:none!important}
  .tr-nav-item{position:relative;border-bottom:1px solid var(--tr-line)}
  .tr-nav-item>a{height:auto;padding:14px 56px 14px 22px;font-size:15px;white-space:normal}
  .tr-nav-open{display:block;position:absolute;right:6px;top:6px;width:44px;height:40px;background:none;border:0;font-size:8px;cursor:pointer}
  .tr-nav-item.is-sub-open>.tr-nav-open .tr-i{transform:rotate(180deg)}
  .tr-mega{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;display:none}
  .tr-nav-item.is-sub-open>.tr-mega{display:block}
  .tr-mega-in{padding:0 22px 16px;display:block}
  .tr-mega-cols{columns:1}
  .tr-mega-pic{display:none}
  .tr-nav-foot{display:flex;flex-direction:column;gap:10px;padding:18px 22px;border-top:1px solid var(--tr-line);font-size:14px}
  .tr-slider-in{height:auto}
  .tr-slide{position:relative;grid-template-columns:1fr;gap:0;display:none;padding:0}
  .tr-slide.is-on{display:grid}
  .tr-slide-txt{padding:30px 0 10px;text-align:center}
  .tr-slide-row{justify-content:center}
  .tr-slide-art{height:340px;padding-bottom:40px}
  .tr-slide-art img{max-height:300px}
  .tr-slider-btn{display:none}
  .tr-tiles{grid-template-columns:repeat(3,1fr);gap:16px}
  .tr-brands{grid-template-columns:repeat(3,1fr);gap:16px}
  .tr-colls{grid-template-columns:1fr}
  .tr-hero,.tr-quote,.tr-dark{grid-template-columns:1fr}
  .tr-hero{padding:40px 7% 20px;min-height:0}
  .tr-hero-art{height:380px;--tr-c:360px}
  .tr-hero-art img{max-height:340px}
  .tr-quote{gap:24px;padding:50px 7%}
  .tr-quote-art{height:320px;--tr-c:300px}
  .tr-dark{padding:50px 7%}
  .tr-dark-art{height:300px;--tr-c:290px}
  .tr-pp{grid-template-columns:1fr;gap:26px;padding:20px 16px 34px}
  .tr-details-panel{grid-template-columns:1fr;gap:26px}
  .tr-attr th{width:50%}
  .tr-gal{grid-template-columns:1fr;position:static}
  .tr-gal-thumbs{flex-direction:row;order:2;overflow-x:auto;max-height:none}
  .tr-gal-thumbs button{width:80px;height:80px;flex-basis:80px}
  .tr-gal-main{min-height:360px}
  .tr-cat-body{grid-template-columns:minmax(0,1fr);gap:0}
  .tr-chead-banner{min-height:0;padding:24px 20px;display:block}
  .tr-chead-in{max-width:none}
  .tr-chead-img{position:static;display:block;height:160px;max-width:100%;margin:0 auto 16px}
  .tr-fbtn{display:inline-flex}
  .tr-subs a{height:40px;font-size:13px}
  .tr-ft-cols{grid-template-columns:1fr 1fr;gap:30px}
  .tr-adv-in{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body.tr-store .container,.tr-wrap{padding-left:16px;padding-right:16px}
  .tr-tools{gap:12px}
  .tr-tool .tr-i,.tr-svg{font-size:19px;width:19px;height:19px}
  .tr-cart-btn{padding:0 12px;height:38px;font-size:13px}
  .tr-cart-sum{display:none}
  .tr-logo img{max-height:34px;max-width:150px}
  .tr-st{font-size:24px}
  .tr-sec{padding-top:34px}
  .tr-slide-title{font-size:28px}
  .tr-slide-art{height:260px}
  .tr-slide-art img{max-height:230px}
  .tr-tiles{grid-template-columns:1fr 1fr;gap:12px}
  .tr-tile-name{font-size:12px;height:30px;line-height:30px;bottom:12px;padding:0 12px}
  .tr-brands{grid-template-columns:1fr 1fr;gap:12px}
  .tr-brand{height:90px}
  .tr-coll-txt{left:20px;bottom:20px;right:20px}
  .tr-coll-txt b{font-size:24px}
  .tr-grid-5,.tr-grid-4{grid-template-columns:1fr 1fr;gap:22px 12px}
  .tr-car-track{grid-auto-columns:calc((100% - 12px) / 2);gap:12px}
  .tr-car-btn{display:none}
  .tr-card-img{height:180px}
  .tr-card-buy,.tr-card-wish{opacity:1;transform:none}
  .tr-card-buy{padding:0 12px;font-size:12px;height:32px}
  .tr-card-name{font-size:14px!important}
  .tr-card-foot{flex-wrap:wrap}
  .tr-hero h1{font-size:48px}
  .tr-hero-sub{letter-spacing:.3em;margin-bottom:28px}
  .tr-hero-yr{display:none}
  .tr-hot{height:420px;margin-bottom:90px}
  .tr-hot-box{padding:18px 20px}
  .tr-pt-card{width:200px}
  .tr-meta{grid-template-columns:1fr}
  .tr-sort span{display:none}
  .tr-bar{flex-wrap:wrap}
  .tr-ft-cols{grid-template-columns:1fr;gap:26px}
  .tr-ft h4{font-size:18px;margin-bottom:12px}
  .tr-ft-bot{flex-direction:column;align-items:flex-start}
  .tr-adv-in{grid-template-columns:1fr 1fr;font-size:12px}
  .tr-adv-i{flex-direction:column;gap:6px}
  .tr-drawer,.tr-panel{width:100%}
  .tr-ptabs-nav{gap:10px 20px}
  .tr-seo-txt{columns:1}
}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.tr-pt-r .tr-pt-card{left:auto;right:-12px;transform:translateY(8px)}
.tr-pt-r:hover .tr-pt-card,.tr-pt-r.is-open .tr-pt-card,.tr-pt-r:focus-within .tr-pt-card{transform:none}
.tr-pt-l .tr-pt-card{left:-12px;transform:translateY(8px)}
.tr-pt-l:hover .tr-pt-card,.tr-pt-l.is-open .tr-pt-card,.tr-pt-l:focus-within .tr-pt-card{transform:none}
.tr-hot{overflow-x:clip}

/* 0.3.0 - picture with points: inside the page width, 21:9 like the editor, so a point sits on the same furniture at every width */
body.tr-store .tr-hot-sec{margin-top:60px;margin-bottom:110px}
.tr-hot-sec .tr-hot{position:relative;height:auto!important;aspect-ratio:21/9;border-radius:var(--tr-r);background-color:var(--tr-soft);background-size:cover!important;background-position:center!important;background-repeat:no-repeat;margin:0!important;overflow:visible}
.tr-hot-sec .tr-pt-dot:after{background:var(--tr-acc)}
.tr-hot-sec .tr-pt-card{border-radius:var(--tr-r)}
.tr-hot-sec .tr-hot-box{border-radius:var(--tr-r);border:0;box-shadow:0 10px 30px rgba(0,0,0,.08)}
@media (max-width:640px){
  body.tr-store .tr-hot-sec{margin-bottom:80px}
  .tr-hot-sec .tr-hot{aspect-ratio:21/9}
  .tr-hot-sec .tr-pt-dot{width:20px;height:20px}
  .tr-hot-sec .tr-pt-dot:after{inset:6px}
}
.tr-hot-sec .tr-pt{margin:-13px 0 0 -13px}
@media (max-width:640px){.tr-hot-sec .tr-pt{margin:-10px 0 0 -10px}}
/* 0.3.1 - inner pages: colour swatches inset like the card text and spaced; HTML blocks in a column get a white inner margin */
body.tr-store.tr-page-inner .tr-card .sc-ral{margin:12px 15px 0}
body.tr-store .tr-card .sc-ral-w{gap:4px;flex-wrap:nowrap}
body.tr-store .tr-card .sc-ral-w i{flex:0 1 13px;min-width:6px;width:13px;height:13px;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
body.tr-store.tr-page-inner #column-left .tr-html,body.tr-store.tr-page-inner #column-right .tr-html,body.tr-store.tr-page-inner .tr-cat-side .tr-html{padding:24px 26px}
body.tr-store.tr-page-inner #column-left .tr-html td:first-child,body.tr-store.tr-page-inner #column-right .tr-html td:first-child{padding-left:0}
.tr-html .table-bordered tr:last-child>td{border-bottom:0}

/* 0.3.2 - the cart drawer was not clickable: it lives in the header (own layer z 50) and the page shade (z 900) lay over it.
   While a panel of the header is open the header rises over everything and dims the page with its own layer under the panel */
body.tr-lock-hd .tr-hd{z-index:970}
body.tr-lock-hd .tr-hd::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.38);z-index:900}
body.tr-lock-hd .tr-shade{background:transparent}

/* pending - the line "webdesign and AI made by Archimeb" at the very bottom of the footer (owner 11.10.2026) */
.tr-made{text-align:center;font-size:12px;padding:10px 16px 14px;opacity:.7}
.tr-made a{color:inherit!important;text-decoration:none}
.tr-made a:hover{text-decoration:underline;opacity:1}