.tmk-marketplace-home{
--g:#075436;
--gd:#043b28;
--gold:#f2c94c;
--red:#c81e45;
--purple:#eee5ff;
--blue:#e8f4ff;
--yellow:#fff3d8;
--bg:transparent;
--text:#202622;
font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
background:var(--bg);
color:var(--text);
overflow:hidden;
width:100%;
max-width:100%;
margin-left:0!important;
margin-right:0!important;
padding-left:2px!important;
padding-right:2px!important;
}

.tmk-marketplace-home *{
box-sizing:border-box
}

.tmk-marketplace-home a{
text-decoration:none;
color:inherit
}


/* =========================================================
   TOP BAR
   ========================================================= */

.tmk-top{
height:30px;
background:#eef2ef;
padding:0 2px;
display:flex;
align-items:center;
justify-content:space-between;
color:#65716b;
font-size:10px
}

.tmk-top nav{
display:flex;
gap:20px
}


/* =========================================================
   HEADER
   ========================================================= */

.tmk-header{
min-height:72px;
background:#fff;
border-bottom:1px solid #e5e9e6;
padding:10px 2px;
display:flex;
align-items:center;
gap:24px
}

.tmk-logo{
flex:0 0 205px;
font-size:23px;
letter-spacing:-1px;
color:var(--gd)
}

.tmk-logo b{
font-weight:900
}

.tmk-logo i{
font-style:normal;
font-size:8px;
background:var(--gold);
padding:3px 4px;
border-radius:4px;
margin-left:4px
}

.tmk-logo img{
max-height:40px;
width:auto
}


/* =========================================================
   SEARCH
   ========================================================= */

.tmk-search{
height:44px;
display:flex;
align-items:center;
background:#f3f5f4;
border:1px solid #e0e5e2;
border-radius:7px;
flex:1;
max-width:720px;
overflow:hidden
}

.tmk-search span{
font-size:24px;
color:#78827d;
padding:0 11px
}

.tmk-search input{
border:0;
outline:0;
background:transparent;
flex:1;
height:100%;
font-size:12px;
min-width:0
}

.tmk-search button{
height:100%;
border:0;
background:var(--g);
color:#fff;
font-weight:800;
padding:0 22px
}


/* =========================================================
   ACTIONS
   ========================================================= */

.tmk-actions{
margin-left:auto;
display:flex;
gap:18px
}

.tmk-actions a{
font-size:11px;
font-weight:800;
position:relative
}

.tmk-actions em{
font-style:normal
}

.tmk-cart-count{
position:absolute;
right:-8px;
top:-8px;
background:var(--gold);
width:16px;
height:16px;
border-radius:50%;
font-size:8px;
text-align:center;
line-height:16px
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.tmk-nav{
height:42px;
background:#fff;
border-bottom:1px solid #e5e9e6;
display:flex;
align-items:center;
gap:0;
padding:0 2px;
overflow:auto;
white-space:nowrap;
scrollbar-width:none
}

.tmk-nav::-webkit-scrollbar{
display:none
}

.tmk-nav a{
font-size:10px;
font-weight:800;
color:#56625c;
padding:13px 16px
}

.tmk-nav a:first-child{
padding-left:0
}

.tmk-nav a.active,
.tmk-nav a:hover{
color:var(--g)
}


/* =========================================================
   HERO
   ========================================================= */

.tmk-hero{
margin:16px 2px 0;
min-height:325px;
border-radius:13px;
background:linear-gradient(115deg,#063c29,#0a6947);
color:#fff;
display:flex;
position:relative;
overflow:hidden
}

.tmk-hero-copy{
width:55%;
padding:50px 5%;
position:relative;
z-index:2
}

.tmk-hero-copy>span{
font-size:9px;
letter-spacing:2px;
font-weight:900;
color:var(--gold)
}

.tmk-hero h1{
font-size:clamp(36px,5vw,62px);
line-height:1;
letter-spacing:-2.5px;
margin:12px 0 15px
}

.tmk-hero p{
max-width:500px;
font-size:14px;
color:#d5e4dc
}

.tmk-hero-copy>div{
display:flex;
gap:9px;
margin-top:24px;
flex-wrap:wrap
}

.tmk-hero-copy>div a{
padding:12px 18px;
border-radius:7px;
font-size:11px;
font-weight:900
}

.tmk-hero-copy>div a:first-child{
background:var(--gold);
color:#163326
}

.tmk-hero-copy>div a:last-child{
border:1px solid rgba(255,255,255,.3)
}

.tmk-hero-art{
position:absolute;
right:0;
top:0;
width:48%;
height:100%;
background-position:center;
background-size:cover
}

.tmk-orbit{
position:absolute;
border:1px solid rgba(255,255,255,.13);
border-radius:50%
}

.tmk-orbit.one{
width:430px;
height:430px;
right:-70px;
top:-50px
}

.tmk-orbit.two{
width:290px;
height:290px;
right:25px;
top:20px;
background:rgba(242,201,76,.08)
}

.tmk-hero-art aside{
position:absolute;
right:17%;
top:90px;
background:#fff;
color:var(--g);
padding:21px;
border-radius:12px;
box-shadow:0 22px 55px rgba(0,0,0,.25);
transform:rotate(4deg)
}

.tmk-hero-art aside small,
.tmk-hero-art aside span{
display:block;
font-size:8px;
font-weight:900;
letter-spacing:1px;
color:#7f8b85
}

.tmk-hero-art aside strong{
display:block;
font-size:23px;
line-height:1.05;
margin:8px 0 15px
}


/* =========================================================
   GENERAL SECTIONS
   ========================================================= */

.tmk-section{
margin:16px 2px 0;
padding:10px;
background:#fff;
border-radius:12px
}

.tmk-categories{
padding-bottom:23px
}


/* =========================================================
   SECTION HEADINGS
   ========================================================= */

.tmk-heading{
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:15px;
margin-bottom:16px
}

.tmk-heading span{
display:block;
color:#89938e;
font-size:8px;
letter-spacing:1.6px;
font-weight:900
}

.tmk-heading h2{
margin:4px 0 0;
font-size:23px;
letter-spacing:-.7px
}

.tmk-see{
background:var(--g);
color:#fff!important;
border-radius:999px;
padding:9px 14px;
font-size:9px;
font-weight:900;
white-space:nowrap
}

.tmk-see b{
margin-left:6px
}


/* =========================================================
   CATEGORY CAROUSEL
   ========================================================= */

.tmk-cat-track{
display:flex;
gap:18px;
overflow:auto;
scrollbar-width:none
}

.tmk-cat-track::-webkit-scrollbar{
display:none
}

.tmk-cat{
flex:0 0 90px;
text-align:center
}

.tmk-cat>div{
width:80px;
height:80px;
padding:4px;
margin:auto;
border-radius:50%;
background:linear-gradient(135deg,#f0d477,#fff);
border:1px solid #e4e8e5
}

.tmk-cat img{
width:100%;
height:100%;
border-radius:50%;
object-fit:cover
}

.tmk-cat strong{
display:block;
font-size:10px;
margin-top:8px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}

.tmk-cat small{
font-size:8px;
color:#909995
}


/* =========================================================
   SECTION COLORS
   ========================================================= */

.tmk-section.tmk-red{
background:var(--red);
color:#fff
}

.tmk-red .tmk-heading h2,
.tmk-red .tmk-heading span{
color:#fff
}

.tmk-red .tmk-see{
background:#fff;
color:#94172f!important
}

.tmk-section.tmk-purple{
background:var(--purple)
}

.tmk-purple .tmk-heading h2{
color:#7040d4
}

.tmk-section.tmk-yellow{
background:var(--yellow)
}

.tmk-yellow .tmk-heading h2{
color:#9d6900
}

.tmk-section.tmk-green{
background:#e5f0eb
}

.tmk-section.tmk-blue{
background:var(--blue)
}


/* =========================================================
   CAROUSEL
   ========================================================= */

.tmk-carousel{
position:relative
}

.tmk-track{
display:flex;
gap:10px;
overflow-x:auto;
scroll-behavior:smooth;
scrollbar-width:none;
padding:2px
}

.tmk-track::-webkit-scrollbar{
display:none
}


/* =========================================================
   PRODUCT CARD
   ========================================================= */

.tmk-product-card{
flex:0 0 calc((100% - 40px)/5);
min-width:165px;
background:#fff;
color:var(--text);
border:1px solid #e5e9e6;
border-radius:8px;
overflow:hidden
}

.tmk-product-media{
height:230px;
background:#f5f6f5;
position:relative;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center
}

.tmk-product-media>img{
width:100%;
height:100%;
object-fit:contain;
display:block
}

.tmk-discount{
position:absolute;
left:7px;
top:7px;
background:#0b8b65;
color:#fff;
font-size:8px;
padding:4px 5px;
border-radius:3px;
z-index:2
}

.tmk-stock{
position:absolute;
bottom:0;
left:0;
right:0;
text-align:center;
background:#fff1c5;
color:#876700;
font-size:8px;
padding:4px;
z-index:2
}

.tmk-view{
position:absolute;
right:7px;
top:7px;
border:0;
border-radius:50%;
width:27px;
height:27px;
background:#fff;
box-shadow:0 2px 8px rgba(0,0,0,.12);
cursor:pointer
}

.tmk-product-body{
padding:9px
}

.tmk-name{
display:block;
font-size:10px;
line-height:1.4;
height:29px;
overflow:hidden
}

.tmk-rating{
height:19px;
font-size:8px;
color:#7e8883
}

.tmk-rating span{
color:#efa900;
letter-spacing:-1px
}

.tmk-rating i{
font-style:normal
}

.tmk-price{
display:flex;
gap:6px;
align-items:baseline;
flex-wrap:wrap
}

.tmk-price strong{
font-size:15px
}

.tmk-price del{
font-size:8px;
color:#9ca49f
}

.tmk-save{
display:inline-block;
background:#e5f4ee;
color:#087655;
font-size:8px;
padding:3px 5px;
border-radius:3px;
margin-top:4px
}

.tmk-add{
display:block;
background:var(--g);
color:#fff!important;
text-align:center;
padding:8px 5px;
border-radius:5px;
margin-top:8px;
font-size:9px;
font-weight:900
}

.tmk-add.alt{
background:#edf3ef;
color:var(--g)!important
}


/* =========================================================
   CAROUSEL ARROWS
   ========================================================= */

.tmk-arrow{
position:absolute;
top:42%;
z-index:3;
width:31px;
height:31px;
border:0;
border-radius:50%;
background:#fff;
box-shadow:0 3px 12px rgba(0,0,0,.15);
font-size:22px;
color:#43504a;
cursor:pointer
}

.tmk-arrow.prev{
left:-12px
}

.tmk-arrow.next{
right:-12px
}


/* =========================================================
   TRUST SECTION
   ========================================================= */

.tmk-trust{
margin-top:16px;
background:#fff;
border-top:1px solid #e5e9e6;
padding:23px 2px;
display:grid;
grid-template-columns:repeat(4,1fr)
}

.tmk-trust>div{
display:flex;
align-items:center;
justify-content:center;
gap:9px;
border-right:1px solid #edf0ee;
color:var(--g);
font-size:17px
}

.tmk-trust>div:last-child{
border:0
}

.tmk-trust span{
display:block
}

.tmk-trust b,
.tmk-trust small{
display:block
}

.tmk-trust b{
font-size:10px;
color:#26322c
}

.tmk-trust small{
font-size:8px;
color:#87918c;
margin-top:2px
}


/* =========================================================
   TOP BUTTON
   ========================================================= */

.tmk-topbtn{
display:none;
position:fixed;
right:15px;
bottom:15px;
width:38px;
height:38px;
border:0;
border-radius:50%;
background:#fff;
box-shadow:0 4px 16px rgba(0,0,0,.16);
color:var(--g);
z-index:50
}

.tmk-topbtn.show{
display:block
}


/* =========================================================
   TOAST
   ========================================================= */

.tmk-toast{
position:fixed;
left:50%;
bottom:20px;
transform:translate(-50%,20px);
opacity:0;
background:#15372a;
color:#fff;
padding:10px 17px;
border-radius:7px;
font-size:10px;
font-weight:800;
transition:.2s;
z-index:100
}

.tmk-toast.show{
opacity:1;
transform:translate(-50%,0)
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1000px){

.tmk-product-card{
flex-basis:calc((100% - 30px)/4)
}

.tmk-logo{
flex-basis:160px
}

.tmk-actions em{
display:none
}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){

.tmk-top{
display:none
}

.tmk-header{
display:grid;
grid-template-columns:1fr auto;
gap:8px;
padding:10px 2px
}

.tmk-logo{
font-size:20px;
flex-basis:auto
}

.tmk-search{
grid-column:1/-1;
grid-row:2;
height:42px;
max-width:none
}

.tmk-search button{
padding:0 14px;
font-size:10px
}

.tmk-nav{
padding:0 2px;
height:39px
}

.tmk-nav a{
padding:12px;
font-size:9px
}

.tmk-hero{
margin:9px 2px 0;
min-height:350px
}

.tmk-hero-copy{
width:100%;
padding:38px 23px
}

.tmk-hero h1{
font-size:38px
}

.tmk-hero p{
font-size:12px;
max-width:300px
}

.tmk-hero-art{
width:70%;
opacity:.25
}

.tmk-section{
margin:9px 2px 0;
padding:16px 5px
}

.tmk-heading h2{
font-size:20px
}

.tmk-see{
font-size:8px;
padding:8px 10px
}

.tmk-cat{
flex-basis:73px
}

.tmk-cat>div{
width:66px;
height:66px
}

.tmk-cat strong{
font-size:9px
}

.tmk-product-card{
flex-basis:calc((100% - 10px)/2);
min-width:142px
}

.tmk-product-media{
height:160px
}

.tmk-product-body{
padding:8px
}

.tmk-name{
font-size:10px
}

.tmk-price strong{
font-size:14px
}

.tmk-arrow{
display:none
}

.tmk-trust{
grid-template-columns:1fr 1fr;
padding:17px 2px;
gap:13px
}

.tmk-trust>div{
justify-content:flex-start;
border:0;
font-size:14px
}

.tmk-trust b{
font-size:9px
}

.tmk-trust small{
font-size:7px
}

}


/* =========================================================
   V2.1 — STANDALONE FULL-WIDTH MARKETPLACE PAGE
   ========================================================= */

.tmk-marketplace-page #secondary,
.tmk-marketplace-page .widget-area,
.tmk-marketplace-page .sidebar,
.tmk-marketplace-page .site-sidebar,
.tmk-marketplace-page aside.sidebar,
.tmk-marketplace-page .right-sidebar,
.tmk-marketplace-page .left-sidebar,
.tmk-marketplace-page .sidebar-area{
display:none!important
}

.tmk-marketplace-page .content-area,
.tmk-marketplace-page .site-main,
.tmk-marketplace-page .main-content,
.tmk-marketplace-page main{
width:100%!important;
max-width:none!important;
flex:0 0 100%!important
}

.tmk-marketplace-page .entry-content{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important
}

.tmk-marketplace-page .container,
.tmk-marketplace-page .site-content{
max-width:none!important;
width:100%!important
}


/* =========================================================
   FLASH SALES — GREEN/GOLD
   ========================================================= */

.tmk-marketplace-home .tmk-section.tmk-red{
background:linear-gradient(135deg,#075436 0%,#0a6847 100%);
color:#fff
}

.tmk-marketplace-home .tmk-red .tmk-heading h2,
.tmk-marketplace-home .tmk-red .tmk-heading span{
color:#fff
}

.tmk-marketplace-home .tmk-red .tmk-see{
background:var(--gold);
color:#173326!important
}

.tmk-marketplace-home .tmk-red .tmk-discount{
background:var(--gold);
color:#173326
}


/* =========================================================
   HERO SLIDER
   ========================================================= */

.tmk-hero-slider{
margin:16px 2px 0;
min-height:325px;
border-radius:13px;
overflow:hidden;
position:relative;
background:#063c29;
color:#fff
}

.tmk-slides{
position:relative;
min-height:325px
}

.tmk-slide{
position:absolute;
inset:0;
display:flex;
opacity:0;
visibility:hidden;
transform:translateX(22px);
transition:opacity .45s ease,transform .45s ease,visibility .45s
}

.tmk-slide.is-active{
opacity:1;
visibility:visible;
transform:translateX(0);
z-index:2
}

.tmk-slide:nth-child(2){
background:linear-gradient(120deg,#075436,#0b7550)
}

.tmk-slide:nth-child(3){
background:linear-gradient(120deg,#043b28,#0a6042)
}

.tmk-slide .tmk-hero-copy{
width:55%;
padding:50px 5%;
position:relative;
z-index:2
}

.tmk-slide .tmk-hero-copy>span{
font-size:9px;
letter-spacing:2px;
font-weight:900;
color:var(--gold)
}

.tmk-slide .tmk-hero-copy h1{
font-size:clamp(36px,5vw,62px);
line-height:1;
letter-spacing:-2.5px;
margin:12px 0 15px
}

.tmk-slide .tmk-hero-copy p{
max-width:500px;
font-size:14px;
color:#d5e4dc;
margin:0
}

.tmk-slide .tmk-hero-copy>div{
display:flex;
gap:9px;
margin-top:24px;
flex-wrap:wrap
}

.tmk-slide .tmk-hero-copy>div a{
padding:12px 18px;
border-radius:7px;
font-size:11px;
font-weight:900
}

.tmk-slide .tmk-hero-copy>div a:first-child{
background:var(--gold);
color:#163326
}

.tmk-slide .tmk-hero-copy>div a:last-child{
border:1px solid rgba(255,255,255,.3);
color:#fff
}

.tmk-slide .tmk-hero-art{
position:absolute;
right:0;
top:0;
width:48%;
height:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat
}

.tmk-slide .tmk-hero-art:not([style]){
background:
radial-gradient(circle at 60% 48%,rgba(242,201,76,.25),transparent 25%),
radial-gradient(circle at 75% 50%,rgba(255,255,255,.12),transparent 38%)
}

.tmk-hero-slider .tmk-orbit{
position:absolute;
border:1px solid rgba(255,255,255,.13);
border-radius:50%
}

.tmk-hero-slider .tmk-orbit.one{
width:430px;
height:430px;
right:-70px;
top:-50px
}

.tmk-hero-slider .tmk-orbit.two{
width:290px;
height:290px;
right:25px;
top:20px;
background:rgba(242,201,76,.08)
}

.tmk-hero-slider .tmk-hero-art aside{
position:absolute;
right:17%;
top:90px;
background:#fff;
color:var(--g);
padding:21px;
border-radius:12px;
box-shadow:0 22px 55px rgba(0,0,0,.25);
transform:rotate(4deg)
}

.tmk-hero-slider .tmk-hero-art aside small,
.tmk-hero-slider .tmk-hero-art aside span{
display:block;
font-size:8px;
font-weight:900;
letter-spacing:1px;
color:#7f8b85
}

.tmk-hero-slider .tmk-hero-art aside strong{
display:block;
font-size:23px;
line-height:1.05;
margin:8px 0 15px
}

.tmk-deal-orb{
position:absolute;
width:330px;
height:330px;
border-radius:50%;
right:10%;
top:0;
background:radial-gradient(circle,#f2c94c 0%,rgba(242,201,76,.16) 34%,transparent 66%);
filter:blur(.2px)
}

.hero-deal-two:after,
.hero-deal-three:after{
content:"";
position:absolute;
width:220px;
height:220px;
border:1px solid rgba(255,255,255,.14);
border-radius:50%;
right:18%;
top:55px
}


/* =========================================================
   SLIDER ARROWS
   ========================================================= */

.tmk-slide-arrow{
position:absolute;
z-index:5;
top:50%;
transform:translateY(-50%);
width:34px;
height:34px;
border:0;
border-radius:50%;
background:rgba(255,255,255,.95);
color:#173326;
box-shadow:0 4px 14px rgba(0,0,0,.16);
font-size:24px;
line-height:1;
cursor:pointer
}

.tmk-slide-arrow.prev{
left:15px
}

.tmk-slide-arrow.next{
right:15px
}


/* =========================================================
   SLIDER DOTS
   ========================================================= */

.tmk-dots{
position:absolute;
z-index:6;
left:5%;
bottom:16px;
display:flex;
gap:6px
}

.tmk-dots button{
width:7px;
height:7px;
border:0;
border-radius:50%;
padding:0;
background:rgba(255,255,255,.4);
cursor:pointer
}

.tmk-dots button.active{
width:22px;
border-radius:5px;
background:var(--gold)
}


/* =========================================================
   MOBILE HERO SLIDER
   ========================================================= */

@media(max-width:700px){

.tmk-hero-slider{
margin:9px 2px 0;
min-height:225px;
border-radius:10px
}

.tmk-slides{
min-height:225px
}

.tmk-slide{
min-height:225px
}

.tmk-slide .tmk-hero-copy{
width:100%;
padding:25px 22px 32px
}

.tmk-slide .tmk-hero-copy>span{
font-size:7px;
letter-spacing:1.5px
}

.tmk-slide .tmk-hero-copy h1{
font-size:29px;
letter-spacing:-1.4px;
max-width:245px;
margin:8px 0 9px
}

.tmk-slide .tmk-hero-copy p{
font-size:10px;
line-height:1.45;
max-width:235px
}

.tmk-slide .tmk-hero-copy>div{
margin-top:13px;
gap:6px
}

.tmk-slide .tmk-hero-copy>div a{
padding:8px 11px;
font-size:8px
}

.tmk-slide .tmk-hero-art{
width:56%;
opacity:.35
}

.tmk-hero-slider .tmk-hero-art aside{
right:8%;
top:65px;
padding:12px;
transform:rotate(4deg)
}

.tmk-hero-slider .tmk-hero-art aside strong{
font-size:15px;
margin:5px 0 8px
}

.tmk-hero-slider .tmk-hero-art aside small,
.tmk-hero-slider .tmk-hero-art aside span{
font-size:6px
}

.tmk-hero-slider .tmk-orbit.one{
width:270px;
height:270px;
right:-80px;
top:-25px
}

.tmk-hero-slider .tmk-orbit.two{
width:185px;
height:185px;
right:-15px;
top:18px
}

.tmk-deal-orb{
width:210px;
height:210px;
right:-25px;
top:10px
}

.tmk-slide-arrow{
width:25px;
height:25px;
font-size:18px;
opacity:.85
}

.tmk-slide-arrow.prev{
left:7px
}

.tmk-slide-arrow.next{
right:7px
}

.tmk-dots{
left:22px;
bottom:9px
}

.tmk-dots button{
width:5px;
height:5px
}

.tmk-dots button.active{
width:16px
}

}


/* =========================================================
   V2.2 — STATIC BANNER / AD SLOTS / FULL WIDTH
   ========================================================= */

.tmk-marketplace-page .sidebar,
.tmk-marketplace-page .sidebar-area,
.tmk-marketplace-page .sidebar-main,
.tmk-marketplace-page .sidebar-primary,
.tmk-marketplace-page .sidebar-secondary,
.tmk-marketplace-page .secondary,
.tmk-marketplace-page .secondary-content,
.tmk-marketplace-page .widget-area,
.tmk-marketplace-page #secondary,
.tmk-marketplace-page aside.widget-area{
display:none!important
}

.tmk-marketplace-page .content-area,
.tmk-marketplace-page .site-main,
.tmk-marketplace-page .main-content,
.tmk-marketplace-page .content,
.tmk-marketplace-page main{
width:100%!important;
max-width:none!important;
flex:1 1 100%!important;
margin-left:0!important;
margin-right:0!important
}

.tmk-marketplace-page .container,
.tmk-marketplace-page .site-content,
.tmk-marketplace-page .content-wrapper{
max-width:none!important;
width:100%!important
}


/* =========================================================
   FLASH SALES OVERRIDE
   ========================================================= */

.tmk-marketplace-home .tmk-section.tmk-red{
background:linear-gradient(135deg,#075436 0%,#0a6847 100%)!important;
color:#fff
}

.tmk-marketplace-home .tmk-red .tmk-heading h2,
.tmk-marketplace-home .tmk-red .tmk-heading span{
color:#fff
}

.tmk-marketplace-home .tmk-red .tmk-see{
background:var(--gold);
color:#173326!important
}

.tmk-marketplace-home .tmk-red .tmk-discount{
background:var(--gold);
color:#173326
}


/* =========================================================
   PREMIUM BANNER
   ========================================================= */

.tmk-premium-banner{
margin:16px 2px 0;
min-height:245px;
border-radius:14px;
overflow:hidden;
position:relative;
background:linear-gradient(115deg,#043b28 0%,#075436 54%,#0d7350 100%);
color:#fff;
display:flex;
isolation:isolate
}

.tmk-banner-copy{
position:relative;
z-index:3;
width:56%;
padding:38px 5%
}

.tmk-banner-copy>span{
font-size:9px;
letter-spacing:2px;
font-weight:900;
color:var(--gold)
}

.tmk-banner-copy h1{
font-size:clamp(34px,4.5vw,54px);
line-height:.98;
letter-spacing:-2px;
margin:9px 0 12px
}

.tmk-banner-copy p{
font-size:13px;
color:#d8e7df;
max-width:480px;
margin:0
}

.tmk-banner-copy>a{
display:inline-block;
margin-top:18px;
padding:10px 16px;
border-radius:7px;
background:var(--gold);
color:#173326;
font-size:10px;
font-weight:900
}

.tmk-banner-copy>a b{
margin-left:9px
}

.tmk-banner-art{
position:absolute;
right:0;
top:0;
width:48%;
height:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat
}

.tmk-banner-art:not([style]){
background:
radial-gradient(circle at 58% 50%,rgba(242,201,76,.24),transparent 23%),
radial-gradient(circle at 72% 50%,rgba(255,255,255,.12),transparent 42%)
}

.tmk-banner-glow{
position:absolute;
inset:0;
background:linear-gradient(90deg,#075436 0%,rgba(7,84,54,.15) 45%,rgba(7,84,54,0) 100%)
}

.tmk-banner-card{
position:absolute;
right:14%;
top:48px;
background:#fff;
color:var(--g);
padding:17px 19px;
border-radius:11px;
box-shadow:0 18px 45px rgba(0,0,0,.24);
transform:rotate(3deg);
min-width:160px
}

.tmk-banner-card small{
display:block;
font-size:7px;
letter-spacing:1.3px;
font-weight:900;
color:#7d8983
}

.tmk-banner-card strong{
display:block;
font-size:20px;
line-height:1.03;
margin-top:7px
}


/* =========================================================
   AD BANNER
   ========================================================= */

.tmk-ad-banner{
margin:16px 2px 0;
min-height:120px;
border-radius:12px;
overflow:hidden;
background:linear-gradient(110deg,#063d2a,#0b6847);
background-size:cover;
background-position:center;
position:relative;
color:#fff
}

.tmk-ad-banner:before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(4,59,40,.98) 0%,rgba(4,59,40,.82) 48%,rgba(4,59,40,.2) 100%)
}

.tmk-ad-overlay{
position:relative;
z-index:1;
padding:22px 30px;
max-width:680px
}

.tmk-ad-overlay>span{
font-size:7px;
letter-spacing:1.7px;
font-weight:900;
color:var(--gold)
}

.tmk-ad-overlay h3{
font-size:22px;
margin:5px 0 3px;
letter-spacing:-.4px
}

.tmk-ad-overlay p{
font-size:10px;
color:#d7e5df;
margin:0
}

.tmk-ad-overlay a{
display:inline-block;
margin-top:9px;
background:var(--gold);
color:#173326;
padding:7px 11px;
border-radius:5px;
font-size:8px;
font-weight:900
}

.tmk-ad-two{
background-image:linear-gradient(110deg,#0a6847,#075436)
}

.tmk-ad-three{
background-image:linear-gradient(110deg,#173326,#0b6847)
}


/* =========================================================
   MOBILE PREMIUM BANNER + ADS
   ========================================================= */

@media(max-width:700px){

.tmk-premium-banner{
margin:9px 2px 0;
min-height:185px;
border-radius:10px
}

.tmk-banner-copy{
width:70%;
padding:23px 18px
}

.tmk-banner-copy h1{
font-size:28px;
letter-spacing:-1.1px;
margin:6px 0 7px
}

.tmk-banner-copy p{
font-size:9px;
line-height:1.35;
max-width:220px
}

.tmk-banner-copy>a{
margin-top:11px;
padding:8px 11px;
font-size:8px
}

.tmk-banner-art{
width:55%;
opacity:.75
}

.tmk-banner-card{
right:7%;
top:42px;
padding:11px 12px;
min-width:112px
}

.tmk-banner-card small{
font-size:5px
}

.tmk-banner-card strong{
font-size:14px
}

.tmk-ad-banner{
margin:10px 2px 0;
min-height:88px;
border-radius:9px
}

.tmk-ad-overlay{
padding:16px 18px
}

.tmk-ad-overlay h3{
font-size:16px
}

.tmk-ad-overlay p{
font-size:8px
}

.tmk-ad-overlay a{
font-size:7px;
margin-top:6px;
padding:6px 9px
}

}


/* =========================================================
   FINAL 2PX OUTER SPACING OVERRIDE
   Ensures later/theme rules cannot restore large side gaps.
   ========================================================= */

.tmk-marketplace-home{
margin-left:0!important;
margin-right:0!important;
padding-left:2px!important;
padding-right:2px!important;
width:100%!important;
max-width:100%!important
}

.tmk-marketplace-home .tmk-top,
.tmk-marketplace-home .tmk-header,
.tmk-marketplace-home .tmk-nav{
padding-left:2px!important;
padding-right:2px!important
}

.tmk-marketplace-home .tmk-hero,
.tmk-marketplace-home .tmk-hero-slider,
.tmk-marketplace-home .tmk-section,
.tmk-marketplace-home .tmk-premium-banner,
.tmk-marketplace-home .tmk-ad-banner{
margin-left:2px!important;
margin-right:2px!important
}

.tmk-marketplace-home .tmk-trust{
padding-left:2px!important;
padding-right:2px!important
}

@media(max-width:700px){

.tmk-marketplace-home{
padding-left:2px!important;
padding-right:2px!important
}

.tmk-marketplace-home .tmk-header,
.tmk-marketplace-home .tmk-nav{
padding-left:2px!important;
padding-right:2px!important
}

.tmk-marketplace-home .tmk-hero,
.tmk-marketplace-home .tmk-hero-slider,
.tmk-marketplace-home .tmk-section,
.tmk-marketplace-home .tmk-premium-banner,
.tmk-marketplace-home .tmk-ad-banner{
margin-left:2px!important;
margin-right:2px!important
}

.tmk-marketplace-home .tmk-trust{
padding-left:2px!important;
padding-right:2px!important
}

}