.btc-container{

max-width:1500px;

margin:auto;

padding:60px 20px;

}

.btc-page-title{

font-size:48px;

font-weight:700;

margin-bottom:12px;

}

.btc-page-description{

font-size:20px;

margin-bottom:60px;

}

.btc-section-title{

font-size:34px;

margin-bottom:30px;

}
.btc-anubhuti-city-page{

padding-top:130px;

padding-bottom:80px;

}

.btc-latest-card{

max-width:700px;

margin:0 auto 60px;

padding:24px;

border:1px solid #e5e7eb;

border-radius:24px;

background:#fff;

transition:

transform .25s ease,

box-shadow .25s ease,

border-color .25s ease;

}

.btc-latest-card:hover{

transform:

translateY(-6px);

box-shadow:

0 18px 40px

rgba(0,0,0,.12);

border-color:

#209500;

}

.btc-latest-card img{

width:100%;

aspect-ratio:16/9;

object-fit:cover;

border-radius:18px;

}

.btc-latest-content{

text-align:center;

padding-top:24px;

}

.btc-latest-content h3{

font-size:32px;

margin-bottom:10px;

}

.btc-slogan{

font-style:italic;

opacity:.8;

margin-bottom:24px;

}

.btc-latest-content .btc-btn{

display:inline-flex;

}

.btc-grid{

display:grid;

grid-template-columns:

repeat(3,1fr);

gap:30px;

}

.btc-card{

border:1px solid #e5e7eb;

border-radius:20px;

overflow:hidden;

background:#fff;

transition:

transform .25s ease,

box-shadow .25s ease,

border-color .25s ease;

}

.btc-card:hover{

transform:

translateY(-8px);

box-shadow:

0 18px 40px

rgba(0,0,0,.12);

border-color:

#209500;

}

.btc-card img{

width:100%;

aspect-ratio:16/9;

object-fit:cover;

display:block;

}

.btc-card-content{

padding:20px;

text-align:center;

}

.btc-card-content h3{

margin-bottom:12px;

}

.btc-card-content .btc-btn{

margin-top:16px;

display:inline-flex;

}

.btc-date{

font-size:14px;

margin:12px 0;

}

.btc-btn{

display:inline-block;

padding:12px 22px;

border-radius:10px;

text-decoration:none;

font-weight:600;

border:1px solid;

}

@media(max-width:1024px){

.btc-grid{

grid-template-columns:

repeat(2,1fr);

}

}

@media(max-width:768px){

.btc-grid{

grid-template-columns:1fr;

}

.btc-page-title{

font-size:34px;

}

}

.btc-page-layout{

display:grid;
padding-top: 100px;

grid-template-columns:

300px

minmax(0,1fr);

gap:60px;

align-items:start;

}

.btc-main-content{

min-width:0;

}

.btc-sidebar{

width:320px;

position:sticky;

top:120px;

height:fit-content;

}

.btc-sidebar{

position:sticky;

top:120px;

height:fit-content;

}



.btc-sidebar-item{

padding:12px;

border-radius:10px;

text-decoration:none;

}

.btc-sidebar-item.active{

font-weight:700;

}

.btc-sidebar{

position:sticky;

top:120px;

height:fit-content;

}

.btc-chapter-fab{

display:none;

}

@media(max-width:1024px){



.btc-page-layout{

grid-template-columns:1fr;

}

.btc-sidebar{

position:static;

width:auto;

}


.btc-chapter-fab{

display:flex;

position:fixed;

bottom:30px;

right:30px;

width:64px;

height:64px;

border-radius:50%;

align-items:center;

justify-content:center;

z-index:9999;

font-size:28px;

cursor:pointer;
box-shadow:

0 8px 25px

rgba(0,0,0,.15);

transition:

transform .2s ease,

box-shadow .2s ease;

}

.btc-chapter-fab:hover{

transform:

translateY(-3px);

}

.btc-chapter-fab:active{

transform:

translateY(0);

}

.btc-sidebar-overlay{

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:rgba(0,0,0,.45);

z-index:9998;

opacity:0;

visibility:hidden;

pointer-events:none;

transition:

opacity .3s ease,

visibility .3s ease;

}

.btc-sidebar.open .btc-sidebar-overlay{

opacity:1;

visibility:visible;

pointer-events:auto;

}



}

.btc-sidebar-item{

padding:14px;

border-radius:12px;

transition:.2s;

}

.btc-sidebar-item:hover{

transform:

translateX(6px);

}

.btc-sidebar-item.active{

font-weight:700;

}


.btc-gallery{

column-count:3;

column-gap:16px;

margin-top:20px;

}

.btc-gallery-item{

display:block;

margin-bottom:16px;

break-inside:avoid;

}

.btc-gallery img{

width:100%;

display:block;

border-radius:12px;

cursor:pointer;

transition:.2s;

}

.btc-gallery img:hover{

transform:scale(1.02);

}

@media(max-width:1024px){

.btc-gallery{

column-count:2;

}

}

@media(max-width:768px){

.btc-gallery{

column-count:1;

}

}


.btc-share-section{

margin:40px 0;

}

.btc-share-buttons{

display:flex;

gap:20px;

align-items:center;

margin-top:20px;

}

.btc-share-btn{

width:52px;

height:52px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

text-decoration:none;

border:none;

cursor:pointer;

font-size:22px;

transition:

transform .2s ease,

box-shadow .2s ease;

}

.btc-share-btn:hover{

transform:

translateY(-4px);

}

.btc-share-btn.whatsapp{

background:#25D366;

color:#fff;

}

.btc-share-btn.facebook{

background:#1877F2;

color:#fff;

}

.btc-share-btn.x{

background:#000;

color:#fff;

}

.btc-share-btn.copy{

background:#f3f3f3;

color:#333;

}

#btc-copy-message{

opacity:0;

margin-top:16px;

transition:.3s;

}

#btc-copy-message.show{

opacity:1;

}

.btc-chapter-nav{

display:flex;

justify-content:space-between;

align-items:center;

gap:20px;

margin-top:60px;

padding-top:30px;

border-top:1px solid #eee;

}

.btc-nav-btn{

display:flex;

align-items:center;

gap:10px;

padding:14px 24px;

border-radius:12px;

text-decoration:none;

transition:

transform .2s ease;

}

.btc-nav-btn:hover{

transform:

translateY(-3px);

}

@media(max-width:768px){

.btc-chapter-nav{

flex-direction:column;

}

.btc-nav-btn{

width:100%;

justify-content:center;

}

}

.btc-anubhuti-home{

padding-top:60px;

padding-bottom:50px;

text-align:center;

}

.btc-city-grid{

display:grid;

grid-template-columns:

repeat(2,minmax(0,520px));

justify-content:center;

gap:32px;

margin-top:40px;

}

.btc-city-card{

padding:24px;

border:1px solid #e5e7eb;

border-radius:20px;

background:#fff;

transition:

transform .25s ease,

box-shadow .25s ease,

border-color .25s ease;

}

.btc-city-card:hover{

transform:

translateY(-8px);

box-shadow:

0 18px 40px

rgba(0,0,0,.12);

border-color:

#209500;

}

.btc-city-card img{

width:100%;

height:220px;

object-fit:contain;

border-radius:16px;

}

.btc-city-card h2{

margin-top:18px;

margin-bottom:12px;

font-size:28px;

}

.btc-city-card p{

font-size:15px;

line-height:1.7;

margin-bottom:0;

}

.btc-city-actions{

margin-top:20px;

display:flex;

justify-content:center;

gap:16px;

flex-wrap:wrap;

}

@media(max-width:1024px){

.btc-city-grid{

grid-template-columns:

1fr 1fr;

}

}

@media(max-width:768px){

.btc-city-grid{

grid-template-columns:1fr;

}

.btc-city-card{

max-width:550px;

margin:auto;

}

}
.btc-sidebar-list{

display:flex;

flex-direction:column;

gap:12px;

padding:24px;

border-radius:16px;

background:#fff;

box-shadow:

0 4px 20px

rgba(0,0,0,.08);

}











.btc-sidebar{

position:sticky;

top:120px;

height:fit-content;

}

.btc-chapter-fab{

display:none;

}

@media(max-width:1024px){

.btc-page-layout{

grid-template-columns:1fr;

}

/* hide desktop sidebar */

.btc-sidebar{

position:static;

}

/* floating button */

.btc-chapter-fab{

display:flex;

position:fixed;

bottom:30px;

right:30px;

width:64px;

height:64px;

border-radius:50%;

align-items:center;

justify-content:center;

font-size:28px;

cursor:pointer;

z-index:10001;

box-shadow:

0 8px 25px

rgba(0,0,0,.18);

transition:

transform .25s ease,

box-shadow .25s ease;

}

.btc-chapter-fab:hover{

transform:

translateY(-4px);

}

.btc-chapter-fab:active{

transform:

translateY(0);

}

/* black background */

.btc-sidebar-overlay{

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:

rgba(0,0,0,.45);

z-index:10000;

opacity:0;

visibility:hidden;

pointer-events:none;

transition:

opacity .3s ease;

}

/* slide panel */

.btc-sidebar-list{

display:flex !important;

position:fixed;

top:0;

right:0;

width:340px;

max-width:85vw;

height:calc(100vh - 140px);
margin-top: 140px;

padding:

30px 30px 40px;

overflow-y:auto;

background:#fff;

flex-direction:column;

gap:14px;

z-index:10001;

transform:

translateX(100%);

transition:

transform .35s ease;

box-shadow:

-10px 0 35px

rgba(0,0,0,.18);

}

/* OPEN */

.btc-sidebar.open .btc-sidebar-overlay{

opacity:1;

visibility:visible;

pointer-events:auto;

}

.btc-sidebar.open .btc-sidebar-list{

transform:

translateX(0);

}

}