
:root {
  --tl-primary: #3b0610;
  --tl-secondary: #74343a;
  --tl-accent: #c59a5b;
  --tl-cream: #fbf4ef;
  --tl-dark: #221d1f;
  --tl-muted: #7b6b6d;
  --tl-radius: 22px;
  --tl-shadow: 0 18px 45px rgba(59, 6, 16, .14);
}
html { scroll-behavior: smooth; }
body { background: linear-gradient(180deg,#fff 0%, #fff8f5 100%); color: var(--tl-dark); }
a, .text a { color: var(--tl-primary); transition: all .25s ease; }
a:hover { color: var(--tl-secondary); text-decoration: none; }
.top { background: linear-gradient(90deg,var(--tl-primary),var(--tl-secondary)); color:#fff; border:0; }
.top .left ul li, .top .right ul li a { color:#fff!important; opacity:.95; }
.top .right ul li a { border:1px solid rgba(255,255,255,.22); width:32px; height:32px; line-height:30px; border-radius:50%; display:inline-block; text-align:center; }
.top .right ul li a:hover { background:#fff; color:var(--tl-primary)!important; transform: translateY(-2px); }
.header { background: rgba(255,255,255,.96); box-shadow: 0 12px 40px rgba(59,6,16,.08); padding: 18px 0; position:relative; z-index:50; }
.header .logo img { max-height: 88px; width:auto; transition: transform .3s ease; }
.header .logo img:hover { transform: scale(1.03); }
.header .right ul li a, .header .right ul li { color: var(--tl-dark); font-weight:600; }
.header .right ul li a:hover { color: var(--tl-primary); }
.search-area .form-control, .form-control, select.form-control { border:1px solid #eadbd7; box-shadow:none; border-radius:999px; min-height:42px; }
.search-area .btn, .btn, .btn-primary, .btn-danger, .btn-success, .btn-theme { border-radius:999px!important; border:0!important; background:linear-gradient(135deg,var(--tl-primary),var(--tl-secondary))!important; color:#fff!important; box-shadow:0 10px 22px rgba(59,6,16,.18); transition:all .25s ease; }
.btn:hover, .search-area .btn:hover, .btn-primary:hover, .btn-danger:hover, .btn-success:hover, .btn-theme:hover { transform:translateY(-2px); box-shadow:0 14px 28px rgba(59,6,16,.28); }
.nav { background: var(--tl-primary)!important; border:0; box-shadow:0 8px 30px rgba(59,6,16,.18); }
.menu-container .menu > ul > li > a, .menu > ul > li > a { color:#fff!important; font-weight:700; letter-spacing:.2px; text-transform:uppercase; font-size:13px; }
.menu-container .menu > ul > li:hover > a, .menu > ul > li:hover > a { background:rgba(255,255,255,.11)!important; color:#fff!important; }
.menu-container .menu ul ul, .menu ul ul { border:0!important; border-radius:14px; overflow:hidden; box-shadow:var(--tl-shadow); }
.menu-container .menu ul ul li a, .menu ul ul li a { color:var(--tl-dark)!important; background:#fff!important; }
.menu-container .menu ul ul li a:hover, .menu ul ul li a:hover { color:var(--tl-primary)!important; background:var(--tl-cream)!important; padding-left:22px; }
#bootstrap-touch-slider, #bootstrap-touch-slider .item { min-height: 640px; }
#bootstrap-touch-slider .item { background-size:cover!important; background-position:center!important; }
.bs-slider-overlay { background: linear-gradient(90deg, rgba(59,6,16,.18), rgba(255,255,255,.08))!important; }
.slide-text h1 { font-weight:900!important; letter-spacing:-1px; text-shadow:none!important; color: var(--tl-primary)!important; }
.slide-text p { color: var(--tl-dark)!important; font-size:20px!important; max-width:780px; text-shadow:none!important; }
.slide-text .btn { padding:14px 34px!important; font-weight:800; }
.carousel-control.left, .carousel-control.right { background:none!important; }
.carousel-control .fa { background: rgba(255,255,255,.85); color:var(--tl-primary); border-radius:50%; width:50px; height:50px; line-height:50px; box-shadow:var(--tl-shadow); }
.service { background: var(--tl-cream)!important; padding:65px 0; }
.service .item { background:#fff; border-radius:var(--tl-radius); padding:34px 22px; min-height:270px; box-shadow:var(--tl-shadow); border:1px solid #f0dfdc; transition:.32s ease; }
.service .item:hover { transform:translateY(-8px); }
.service .item .photo img { width:92px!important; height:92px!important; object-fit:contain; }
.service h3 { color:var(--tl-primary); font-weight:800; }
.headline h2 { color:var(--tl-primary); font-weight:900; letter-spacing:-.5px; position:relative; display:inline-block; }
.headline h2:after { content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:-14px; width:80px; height:4px; background:linear-gradient(90deg,var(--tl-primary),var(--tl-accent)); border-radius:10px; }
.headline h3 { color:var(--tl-muted); margin-top:26px; }
.product { background:transparent; }
.product .item, .product-cat .item .inner { background:#fff; border-radius:24px; overflow:hidden; border:1px solid #f0dfdc; box-shadow:0 14px 36px rgba(59,6,16,.10); transition:all .32s ease; }
.product .item:hover, .product-cat .item .inner:hover { transform: translateY(-8px); box-shadow:0 22px 52px rgba(59,6,16,.18); }
.product .item .thumb, .product-cat .item .thumb { border-radius:22px 22px 0 0; overflow:hidden; background:#fff; }
.product .item .photo, .product-cat .item .photo { background-size:contain!important; background-repeat:no-repeat!important; background-position:center!important; background-color:#fff!important; height:280px!important; transition:transform .45s ease; }
.product .item:hover .photo, .product-cat .item:hover .photo { transform:scale(1.045); }
.product .item .text, .product-cat .item .text { padding:22px!important; }
.product .item .text h3 a, .product-cat .item .text h3 a { color:var(--tl-dark); font-weight:800; font-size:17px; line-height:1.35; }
.product .item .text h4, .product-cat .item .text h4 { color:var(--tl-primary)!important; font-weight:900; font-size:22px; }
.product .item .text p a, .product-cat .item .text p a { display:inline-block; padding:11px 22px; background:linear-gradient(135deg,var(--tl-primary),var(--tl-secondary)); color:#fff!important; border-radius:999px; font-weight:800; box-shadow:0 12px 24px rgba(59,6,16,.16); }
.product .item .text p a:hover { transform:translateY(-2px); }
.bg-gray { background: #fff6f2!important; }
.page-banner { min-height:290px; background-size:cover!important; background-position:center!important; position:relative; }
.page-banner:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(59,6,16,.78),rgba(116,52,58,.42)); }
.page-banner .inner { position:relative; z-index:1; }
.page-banner .inner h1 { color:#fff; font-weight:900; text-shadow:0 10px 30px rgba(0,0,0,.22); }
.page { padding:70px 0; }
.panel, .box, .table, .checkout-area, .cart, .contact-form, .login-form, .registration-form { border-radius:18px!important; border:1px solid #f0dfdc!important; box-shadow:0 12px 34px rgba(59,6,16,.08); overflow:hidden; }
table.table th { background:var(--tl-primary)!important; color:#fff!important; border-color:rgba(255,255,255,.12)!important; }
table.table td { vertical-align:middle!important; }
.sidebar .widget, .widget { background:#fff; border-radius:20px; box-shadow:var(--tl-shadow); border:1px solid #f0dfdc; padding:20px; }
.scrollup { background:var(--tl-primary)!important; border-radius:50%; box-shadow:var(--tl-shadow); }
.home-newsletter { background:linear-gradient(135deg,var(--tl-primary),var(--tl-secondary))!important; padding:62px 0; }
.home-newsletter h2 { color:#fff; font-weight:900; }
.home-newsletter .form-control { min-height:54px; border-radius:999px 0 0 999px; }
.home-newsletter .btn { min-height:54px; background:var(--tl-accent)!important; color:#fff!important; }
.tl-footer { background:#160206; color:#f9e9e1; padding:62px 0 36px; position:relative; overflow:hidden; }
.tl-footer:before { content:""; position:absolute; right:-160px; top:-160px; width:420px; height:420px; border-radius:50%; background:rgba(197,154,91,.16); }
.tl-footer .tl-footer-logo { max-width:260px; background:#fff; border-radius:16px; padding:12px 16px; margin-bottom:22px; }
.tl-footer h4 { color:#fff; font-weight:900; margin-bottom:18px; }
.tl-footer p, .tl-footer li, .tl-footer a { color:#f9e9e1; opacity:.95; }
.tl-footer a:hover { color:var(--tl-accent); }
.tl-footer ul { list-style:none; padding:0; margin:0; }
.tl-footer li { margin-bottom:10px; }
.footer-bottom { background:#0c0103!important; color:#fff; border:0!important; padding:18px 0!important; }
.footer-bottom .copyright { color:#fff; }
@keyframes tlFadeUp { from { opacity:0; transform:translateY(22px);} to { opacity:1; transform:translateY(0);} }
.service .item, .product .item, .headline, .page .container { animation:tlFadeUp .65s ease both; }
@media (max-width: 991px) {
  .header .logo, .header .right, .search-area { text-align:center; margin-bottom:12px; }
  #bootstrap-touch-slider, #bootstrap-touch-slider .item { min-height:520px; }
  .slide-text h1 { font-size:42px!important; }
  .slide-text p { font-size:17px!important; }
}
