.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(rgb(0 0 0 / .4),rgb(0 0 0 / .6)),url(https://dinhda-karsterlyrock.com/wp-content/uploads/2026/07/dinhda-hero-stone-bg.jpg) center 60% / cover no-repeat;color:#fff;padding:40px 20px;box-sizing:border-box}.hero-container{max-width:1000px;margin:0 auto}.hero-container-wide{max-width:1200px!important;width:95%!important}.hero-seo-title{font-family:var(--font-ui);font-size:0.95rem!important;font-weight:400!important;color:rgb(255 255 255 / .8)!important;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px!important;text-shadow:0 1px 2px rgb(0 0 0 / .5)}.hero-main-heading{color:#FFFFFF!important;font-family:var(--font-heading);font-size:clamp(2.6rem, 5vw, 4rem)!important;font-weight:600!important;line-height:1.15!important;margin-bottom:20px!important;text-shadow:0 3px 12px rgb(0 0 0 / .7);text-align:center}.hero-subheading{color:#F4F1EA!important;font-family:var(--font-ui);font-size:clamp(1.1rem, 2vw, 1.35rem)!important;font-weight:400!important;line-height:1.6!important;max-width:850px;margin:0 auto 35px auto!important;text-shadow:0 1px 4px rgb(0 0 0 / .5);text-align:center}.hero-seo-title-wrapper{margin-top:25px;text-align:center}.vikbooking-search-wrapper,.vikbooking-search-expanded{background:#fff0;padding:0;margin:0 auto;width:100%;max-width:1000px;box-shadow:none;border:none;float:none;display:block;text-align:left}.vikbooking-search-wrapper form,.vikbooking-search-expanded form{width:100%!important;margin:0 auto!important;display:block!important}.exp-widget-container{background:transparent!important;border-radius:16px;box-shadow:none!important;padding:0!important;width:100%!important;max-width:1000px;margin:0 auto;font-family:var(--font-ui);color:var(--exp-text-main);position:relative}.exp-grid{display:grid;grid-template-columns:3.5fr 3.5fr 3fr 1.5fr;gap:12px;align-items:center}.exp-input-group{display:flex;align-items:center;border:1px solid var(--exp-border);border-radius:var(--exp-radius);padding:8px 16px;height:56px;position:relative;background:var(--exp-bg);transition:all 0.2s ease}.exp-input-group:focus-within{border-color:var(--exp-primary);box-shadow:0 0 0 3px rgb(186 109 67 / .15)}.exp-icon{width:20px;height:20px;color:var(--exp-text-muted);margin-right:12px;flex-shrink:0}.exp-field-inner{display:flex;flex-direction:column;width:100%;justify-content:center;position:relative}.exp-field-inner label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--exp-text-muted);margin-bottom:2px;line-height:1}.exp-field-inner input{border:none!important;background:transparent!important;padding:0!important;margin:0!important;font-size:14px!important;color:var(--exp-text-main)!important;font-weight:600!important;width:100%!important;outline:none!important;box-shadow:none!important;line-height:1.3!important;font-family:var(--font-ui)}.exp-field-inner input::placeholder{color:#A1887F!important;font-weight:400}.exp-field-inner input.form-control.input{position:absolute!important;left:0;top:14px;width:100%!important;background:transparent!important}.exp-action-group{height:56px}.exp-btn-submit{background:var(--exp-primary);color:#fff;border:none;border-radius:var(--exp-radius);height:100%;width:100%;font-family:var(--font-ui);font-size:15px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:background 0.2s ease,transform 0.1s ease}.exp-btn-submit:hover{background:var(--exp-primary-hover)}.exp-btn-submit:active{transform:scale(.98)}.exp-popover{position:absolute;top:calc(100% + 10px);left:0;width:280px;background:var(--exp-bg);border-radius:var(--exp-radius);box-shadow:0 10px 30px rgb(0 0 0 / .15);border:1px solid var(--exp-border);z-index:100;padding:20px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all 0.2s cubic-bezier(.16,1,.3,1)}.exp-popover.show{opacity:1;visibility:visible;transform:translateY(0)}.popover-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.popover-text strong{display:block;font-size:15px;color:var(--exp-text-main)}.popover-controls{display:flex;align-items:center;gap:14px}.btn-circle{width:32px;height:32px;border-radius:50%;border:1px solid var(--exp-border);background:#fff0;color:var(--exp-text-main);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s}.btn-circle:hover:not(:disabled){border-color:var(--exp-primary);color:var(--exp-primary);background:#fdf5f0}.btn-circle:disabled{opacity:.3;cursor:not-allowed}.counter-val{font-size:16px;font-weight:600;min-width:16px;text-align:center;color:var(--exp-text-main)}.btn-done{width:100%;padding:10px;background:var(--exp-primary);color:#fff;border:none;border-radius:8px;font-family:var(--font-ui);font-weight:600;font-size:14px;cursor:pointer;transition:background 0.2s;margin-top:4px}.btn-done:hover{background:var(--exp-primary-hover)}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover{background:var(--exp-primary)!important;border-color:var(--exp-primary)!important;color:#fff!important}.flatpickr-day.inRange{background:#fdf5f0!important;border-color:#fdf5f0!important;color:var(--exp-text-main)!important}.usp-section-1{padding:80px 20px;background-color:var(--dd-surface)}.usp-container{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:50px}.usp-reverse{flex-direction:row-reverse}.usp-text{flex:1;min-width:300px}.usp-heading{font-size:2rem;color:var(--dd-text-main);margin-bottom:20px;font-weight:600}.usp-description{line-height:1.8;color:var(--dd-text-muted);font-size:1.05rem}.usp-media{flex:1;min-width:300px;text-align:center}.rooms-section{padding:90px 20px;background-color:var(--dd-bg-base)}.rooms-container{max-width:1200px;margin:0 auto}.rooms-header{text-align:center;margin-bottom:50px}.rooms-header .section-title{color:var(--dd-text-main);margin-bottom:15px}.section-subtitle{color:var(--dd-text-muted);font-size:1.05rem;font-family:var(--font-ui)}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:30px}.room-card{background:var(--dd-surface);border:1px solid var(--exp-border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.room-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.room-image{height:250px;background:#f4f4f2;overflow:hidden}.room-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-speed)}.room-card:hover .room-image img{transform:scale(1.03)}.room-content{padding:25px;display:flex;flex-direction:column;flex-grow:1}.room-title{font-size:1.35rem;margin-bottom:12px;color:var(--dd-text-main);font-weight:600}.room-desc{color:var(--dd-text-muted);font-size:.95rem;margin-bottom:25px;line-height:1.6;flex-grow:1}.btn-room,.btn-primary{display:inline-block;background:var(--dd-primary);color:#ffffff!important;padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.95rem;text-align:center;transition:background var(--transition-speed);border:none;cursor:pointer}.btn-room:hover,.btn-primary:hover{background:var(--dd-primary-hover)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:50px}.blog-card{background:var(--dd-surface);border-radius:12px;border:1px solid var(--exp-border);overflow:hidden;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.blog-card-image{height:220px;overflow:hidden;background:#f4f4f2}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-speed)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:25px;display:flex;flex-direction:column;flex-grow:1}.blog-meta{font-size:.85rem;color:var(--dd-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-family:var(--font-ui)}.blog-card-title{font-size:1.4rem;margin-bottom:15px;line-height:1.3}.blog-card-title a{color:var(--dd-text-main);text-decoration:none;transition:color 0.2s}.blog-card-title a:hover{color:var(--dd-primary)}.blog-card-excerpt{color:var(--dd-text-muted);font-size:.95rem;margin-bottom:20px;flex-grow:1;font-family:var(--font-ui)}.blog-read-more{color:var(--dd-primary);font-weight:600;text-decoration:none;font-size:.95rem;align-self:flex-start;transition:color 0.2s;font-family:var(--font-ui)}.blog-read-more:hover{color:var(--dd-primary-hover)}.blog-pagination{display:flex;justify-content:center;margin-top:40px}.blog-pagination .nav-links{display:flex;gap:10px;border:none;padding:0}.blog-pagination a,.blog-pagination span.current{padding:10px 18px;border-radius:8px;background:var(--dd-surface);color:var(--dd-text-main);text-decoration:none;font-weight:600;border:1px solid var(--exp-border);font-family:var(--font-ui);transition:all 0.2s}.blog-pagination span.current{background:var(--dd-primary);color:#fff;border-color:var(--dd-primary)}.blog-pagination a:hover{border-color:var(--dd-primary);color:var(--dd-primary)}@media screen and (max-width:868px){.hero-main-heading{font-size:2.1rem!important}.hero-seo-title{font-size:0.8rem!important;letter-spacing:1px}.vikbooking-search-wrapper,.vikbooking-search-expanded{width:100%!important;padding-left:0!important;padding-right:0!important}.exp-widget-container{width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important;padding:16px!important}.exp-grid{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}.exp-input-group,.exp-action-group,.exp-btn-submit{width:100%!important}.exp-popover{width:100%!important;max-width:100%!important;left:0!important;right:0!important}.usp-container,.usp-container.usp-reverse{flex-direction:column}.phone-text{display:none}}