.hero-banner-section {position: relative; }
.hero-banner-image {position: relative; height:400px; position:relative;overflow:hidden; }
.hero-banner-image::before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: linear-gradient(180deg, rgb(38 38 38 / 0%) 30%, rgb(38 38 38) 100%); }
.hero-banner-image img{width: 100%; height: 100%; object-fit: cover;}
.hero-banner-container{position: absolute; top: 0; bottom: 40px; left: 0; right: 0; display: flex; align-items: end; justify-content: center;}

.breadcrumb {font-size: 14px; color: var(--lightgray); margin-bottom: 10px; }
.breadcrumb span {color: var(--puple); }


.fields-detials-card{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 1rem;}
.fields-detials-title h2 {font-size: 35px; font-weight: 600; color: var(--purple); letter-spacing: 0px; text-transform: none; padding: 0; margin: 0 0 10px 0; }
.fields-loaction{font-size: 16px; font-weight: normal; color: var(--gray); margin: 0 0 10px 0; padding: 0; }
.editprofilebtn{flex: 1; background: var(--purple); color: var(--white); border: none; padding:10px 20px; border-radius: 50px; font-size: 13px; cursor: pointer; font-weight: 600; }
.Directionsbtn {flex: 1; background: var(--purple); color: var(--white); border: 1.5px solid var(--purple); padding: 12px 30px; border-radius: 50px; font-size: 14px; font-weight: 600; cursor: pointer; }

.Savebtn {flex: 1; background: var(--white); color: var(--purple); border: 1.5px solid var(--purple); padding: 12px 30px; border-radius: 50px; font-size: 14px; font-weight: 600; cursor: pointer; }


/*.gallery {display: grid; margin-bottom: 1rem; grid-template-columns: 2fr 1fr; grid-template-rows: repeat(2, 220px); gap: 16px; }*/

.photo-count{position:absolute;bottom:14px;right:14px;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-radius:100px;font-size:.78rem;font-weight:600;color:var(--purple);z-index:2;cursor:pointer;transition:all .3s;border:1px solid rgba(255,255,255,.5)}
.photo-count:hover{background:#fff;}
.photo-count i{font-size:.72rem}


.gallery {
    display: grid;
    position: relative;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: 220px 220px; 
    gap: 8px;
    border-radius:20px;
    overflow: hidden;margin-bottom: 1rem;
}

.img-large:first-child {
    grid-row: 1 / 3;
}
.img-large {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.img-large img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s cubic-bezier(.16, 1, .3, 1);
    max-width: 100%;
    display: block;
}

.img-large:hover img {
    transform: scale(1.05);
}

/*.img-large {grid-row: span 2; }
.gallery img {width: 100%; height: 100%; object-fit: cover; border-radius: 14px; }
*/@media (max-width: 900px) {
.gallery {grid-template-columns: 1fr; grid-template-rows: auto; }
.img-large {grid-row: auto; }
.header-row {flex-direction: column; align-items: flex-start; gap: 16px; }
}



.about-item{position: relative;margin-bottom: 1rem; }
.about-item h3 {margin: 0; font-size: 19px; font-weight: 600; color: var(--purple); padding: 0; }
.about-item p {margin: 0px 0 1rem 0; font-size: 14px; color: var(--gray); }
.about-features-card {display: flex; justify-content: space-between; align-items: center; background: #fff; border-radius: 10px; padding: 14px 18px; max-width: 620px; box-shadow: 0 4px 13px rgba(0,0,0,0.05); gap: 15px; border: 2px solid var(--border); }
.about-features  h4{font-size: 14px; font-weight: 500; color: var(--gray); white-space: nowrap; text-align: center; margin: 0; padding: 0; }
.about-features-icon {width: 50px; height: 50px; border-radius: 50%; background:var(--body); border: 1px solid var(--border); color: var(--gray); display: flex; align-items: center; justify-content: center; font-size: 16px; margin:0 auto 10px auto; }
.about-features-icon img {height: 24px}
.divider {width: 1px; height: 80px; background:var(--border); }

.field-rules-item{position: relative;margin-bottom: 1rem;padding-top:20px ; border-top:1px solid var(--border);}
.field-rules-item h3 {margin: 0 0 1rem 0; font-size: 19px; font-weight: 600; color: var(--gray); padding: 0; }
.rules-list {display: flex; flex-direction: column; gap: 14px; }
.rule-item {display: flex; align-items: center; gap: 12px; color: var(--gray); font-size: 14px; font-weight: 400; }
.rule-check-icon {width: 22px; height: 22px; border-radius: 50%; background:var(--purple); color: var(--white); font-size: 13px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.rule-text  { font-size: 14px; color: var(--gray); }

.features-item,.booking-cancellation-time{position:relative;margin-bottom:1rem;padding-top:20px;border-top:1px solid var(--border)}
.features-item h3,.booking-cancellation-time h3{margin:0 0 1rem 0;font-size:19px;font-weight:600;color:var(--gray)}

.about-features-card{display:flex;flex-wrap:wrap;gap:12px}.about-features{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f7f7f7;border-radius:6px;border:1px solid var(--border);transition:0.3s}.feature-icon{font-size:14px;color:#55354c}.about-features h4{margin:0;font-size:14px;font-weight:500}.about-features:hover{background:#55354c;color:#fff}.about-features:hover .feature-icon{color:#fff}

.timing-rules-table{margin-top:10px;border:1px solid var(--border)}.timing-rules-table th{width:40%;font-weight:600;background:#f9f9f9}.timing-rules-table td{color:#444}

.location-section {position: relative;margin-bottom: 1rem; padding-top:20px ; border-top:1px solid var(--border); }
.location-section h3 {margin: 0 0 1rem 0; font-size: 19px; font-weight: 600; color: var(--gray); padding: 0; }
.location-section .location-sub {font-size: 14px; margin-bottom: 14px; font-weight: 500; color: var(--gray); }
.location-section .map-card {position: relative; border-radius: 16px; overflow: hidden; background: #eee; height: 260px; }
.location-section .map-card iframe {width: 100%; height: 100%; border: 0; }
.location-section .map-pin {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -100%); background:var(--purple); color: var(--white); width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 0 8px 20px rgba(0,0,0,0.3); }
.location-section .location-footer {display: flex; justify-content: space-between; align-items: center; margin-top: 12px; font-size: 13px; gap: 10px; flex-wrap: wrap; }

.what3words {color:var(--gray); font-size: 13px; }
.what3words a{color: #9b5c87; font-size: 13px; }

.fields-detials-price-card {background: var(--white); border-radius: 30px; padding: 20px; box-shadow:0 20px 40px rgba(0,0,0,0.15); border-top:4px solid var(--purple);    position: sticky;
    top: 10px;}


.detials-price-row {display: flex; justify-content: space-between; align-items: flex-start; }
.detials-price-item {border:2px solid var(--border); padding: 15px; border-radius: 15px; margin-bottom: 10px; }
.detials-price-item:hover{background:#f7ebf3; border-color: var(--purple);}
.detials-price .amount {font-size: 32px; font-weight: 700; color:var(--purple); display: block;white-space: nowrap;}
.detials-price .label {font-size: 13px; color: var(--gray); }
.detials-availability {display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--gray); }
.detials-availability .dot {width: 8px; height: 8px; background: #2ecc71; border-radius: 50%; }
.detials-availability-btn {width: 100%; display: inline-block; text-align: center; border: none; background:var(--purple); color: var(--white); padding: 14px 16px; border-radius: 999px; font-size: 15px; font-weight: 500; cursor: pointer; }
.detials-availability-btn:hover{background:#975c86;}
.detials-note {text-align: center; font-size: 12px; color:var(--gray); margin-top: 10px; }


.booking-about-section{margin-bottom: 2rem;}
.booking-about-section .cb-eyebrow{    font-size: 14px; font-weight: 700; text-transform: uppercase; color: var(--purple); margin-bottom: 2px; display: flex; align-items: center; gap: 8px;}
.cb-eyebrow::before{content:'';width:20px;height:2px;background:var(--purple);border-radius:2px}
.booking-about-section h2{font-size:20px;font-weight:700;color:var(--gray);margin-bottom:10px; margin-top: 0; padding: 0;}



/* Features */
.booking-features-section{margin-bottom: 2rem;}
.booking-features-section .cb-eyebrow{    font-size: 14px; font-weight: 700; text-transform: uppercase; color: var(--purple); margin-bottom: 2px; display: flex; align-items: center; gap: 8px;}
.cb-eyebrow::before{content:'';width:20px;height:2px;background:var(--purple);border-radius:2px}
.booking-features-section h2{font-size:20px;font-weight:700;color:var(--gray);margin-bottom:10px; margin-top: 0; padding: 0;}


.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.feat-item{display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:10px;background:var(--white);border:1px solid rgba(221,211,195,.5);transition:all .35s var(--ease)}
.feat-item:hover{border-color:var(--fern-light);box-shadow:var(--sh-md);transform:translateY(-3px)}
.feat-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.95rem;transition:all .3s}
.feat-icon.acres{background:rgba(61,122,90,.1);color:var(--fern)}
.feat-icon.fence{background:rgba(201,107,60,.1);color:var(--terracotta)}
.feat-icon.parking{background:rgba(58,42,30,.07);color:var(--bark)}
.feat-icon.air{background:rgba(106,174,131,.1);color:var(--fern-light)}
.feat-item:hover .feat-icon{transform:scale(1.1) rotate(-4deg)}
.feat-label{font-size:.88rem;font-weight:600;color:var(--canopy)}


/* Booking Rules */
.booking-rules-section{margin-bottom: 2rem;}
.booking-rules-section .cb-eyebrow{    font-size: 14px; font-weight: 700; text-transform: uppercase; color: var(--purple); margin-bottom: 2px; display: flex; align-items: center; gap: 8px;}
.cb-eyebrow::before{content:'';width:20px;height:2px;background:var(--purple);border-radius:2px}
.booking-rules-section h2{font-size:20px;font-weight:700;color:var(--gray);margin-bottom:10px; margin-top: 0; padding: 0;}

.rules-card{background:var(--white);border:1px solid var(--border);border-radius:20px;overflow:hidden}
.rule-row{display:flex;align-items:start;gap:16px;padding:20px 24px}
.rule-row:not(:last-child){border-bottom:1px solid var(--border)}
.rule-icon{width:36px;height:36px;border-radius:10px;background:var(--body);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--purple);font-size:.85rem}
.rule-content{flex:1}
.rule-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray);margin-bottom:4px}
.rule-value{font-size:.9rem;color:var(--gray);line-height:1.6}
.rule-value strong{color:var(--purple);font-weight:700}



.booking-location-section{margin-bottom: 2rem;}
.booking-location-section .cb-eyebrow{    font-size: 14px; font-weight: 700; text-transform: uppercase; color: var(--purple); margin-bottom: 2px; display: flex; align-items: center; gap: 8px;}
.cb-eyebrow::before{content:'';width:20px;height:2px;background:var(--purple);border-radius:2px}
.booking-location-section h2{font-size:20px;font-weight:700;color:var(--gray);margin-bottom:10px; margin-top: 0; padding: 0;}


.bc-header{text-align:center;padding-bottom:20px;margin-bottom:22px;border-bottom:1px dashed var(--gray)}
.bc-header .bc-name{font-size:1.25rem;font-weight:700;color:var(--gray);margin-bottom:4px}
.bc-header .bc-loc{font-size:.8rem;color:var(--gray)}

.bc-note{text-align:center;margin-top:14px;font-size:12px;color:var(--gray);line-height:1.5}

/* Trust row */
.trust-row{display:flex;justify-content:center;gap:20px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}
.trust-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--purple);}
.trust-item span{font-size:.68rem;font-weight:600;color:var(--purple);text-transform:uppercase;letter-spacing:.06em}

.more-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: rgba(0,0,0,0.6);
    color: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 24px;
    font-weight: bold;

    text-decoration: none;
}