{"id":770,"date":"2022-02-23T21:06:46","date_gmt":"2022-02-23T21:06:46","guid":{"rendered":"https:\/\/startersites.io\/stagingfour\/?page_id=770"},"modified":"2026-02-23T13:02:01","modified_gmt":"2026-02-23T13:02:01","slug":"services","status":"publish","type":"page","link":"https:\/\/pansion-ruza.com\/?page_id=770","title":{"rendered":"Sobe"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-d2b5a31 stk-block-background\" data-block-id=\"d2b5a31\"><style>.stk-d2b5a31 {background-color:#0f0e17 !important;background-repeat:no-repeat !important;padding-top:200px !important;padding-right:30px !important;padding-bottom:200px !important;padding-left:30px !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;}.stk-d2b5a31:before{background-color:#0f0e17 !important;}@media screen and (max-width:689px){.stk-d2b5a31 {padding-top:200px !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:200px !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-d2b5a31-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-cc06dee\" data-v=\"4\" data-block-id=\"cc06dee\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-cc06dee-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-cc06dee-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-bbc3636 animated backInLeft slow\" id=\"span-style-color-c-5-a-46-d-class-stk-highlight-smjestaj-span\" data-block-id=\"bbc3636\"><style>.stk-bbc3636 {margin-bottom:0px !important;}.stk-bbc3636 .stk-block-heading__text{font-size:16px !important;}@media screen and (max-width:999px){.stk-bbc3636 .stk-block-heading__text{font-size:16px !important;}}<\/style><h3 class=\"stk-block-heading__text has-text-align-center has-text-align-center-mobile\"><span style=\"color: #c5a46d;\" class=\"stk-highlight\">SMJE\u0160TAJ<\/span><\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-8fccbfc animated backInRight slow\" id=\"nase-sobe\" data-block-id=\"8fccbfc\"><style>.stk-8fccbfc {margin-bottom:12px !important;}.stk-8fccbfc .stk-block-heading__text{font-size:60px !important;line-height:1.2em !important;font-weight:800 !important;}@media screen and (max-width:999px){.stk-8fccbfc .stk-block-heading__text{font-size:50px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-align-center has-text-align-center-mobile\">Na\u0161e sobe<\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider stk-block stk-b137419 animated backInUp slow\" data-block-id=\"b137419\"><style>.stk-b137419 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:10% !important;}.stk-b137419 {margin-bottom:30px !important;}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-1e1bc9c animated backInUp slow\" data-block-id=\"1e1bc9c\"><style>.stk-1e1bc9c {padding-right:15rem !important;padding-left:15rem !important;}@media screen and (max-width:689px){.stk-1e1bc9c {padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--20, 0.44rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--20, 0.44rem) !important;}}<\/style><p class=\"stk-block-text__text has-text-align-center\"><span style=\"color: #e3e3e3;\" class=\"stk-highlight\">Otkrijte na\u0161u pa\u017eljivo odabranu kolekciju soba, svaka dizajnirana kako bi ponudila savr\u0161eni spoj mediteranskog \u0161arma i moderne udobnosti.<\/span><\/p><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-spacer stk-block-spacer stk--no-padding stk-block stk-a48d538\" data-block-id=\"a48d538\"><style>.stk-a48d538 {height:120px !important;}<\/style><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk--hide-tablet stk--hide-mobile stk-block stk-bfdd938\" data-block-id=\"bfdd938\"><style>.stk-bfdd938 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-bfdd938-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-137aa97 animated backInLeft slow\" data-v=\"4\" data-block-id=\"137aa97\"><style>.stk-137aa97 {align-self:center !important;}@media screen and (min-width:690px){.stk-137aa97 {flex:var(--stk-flex-grow, 1) 1 calc(40% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-137aa97-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-137aa97-inner-blocks\">\n<div class=\"wp-block-stackable-image aligncenter stk-block-image has-text-align-center stk-block stk-f82d8db animated backInLeft slow\" data-block-id=\"f82d8db\"><style>.stk-f82d8db {padding-top:2.9rem !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;}.stk-f82d8db .stk-img-wrapper img{border-radius:var(--stk--preset--border-radius--xx-large, 32px) !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-1004\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/194560755.jpg\" width=\"1024\" height=\"768\" srcset=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/194560755.jpg 1024w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/194560755-300x225.jpg 300w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/194560755-768x576.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-adb2e10 animated backInRight slow\" data-v=\"4\" data-block-id=\"adb2e10\"><style>.stk-adb2e10 {align-self:center !important;border-top-left-radius:var(--stk--preset--border-radius--none, 0px) !important;border-top-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-left-radius:var(--stk--preset--border-radius--none, 0px) !important;overflow:hidden !important;padding-top:var(--stk--preset--spacing--60, 2.25rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--60, 2.25rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;}@media screen and (min-width:690px){.stk-adb2e10 {flex:var(--stk-flex-grow, 1) 1 calc(60% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-adb2e10-container stk--no-background stk--no-padding\"><div class=\"has-text-align-left stk-block-content stk-inner-blocks stk-adb2e10-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-0e7fea5\" id=\"span-style-color-c-5-a-46-d-class-stk-highlight-pogled-na-park-span\" data-block-id=\"0e7fea5\"><style>.stk-0e7fea5 {margin-bottom:0px !important;}.stk-0e7fea5 .stk-block-heading__text{font-size:14px !important;font-weight:400 !important;}@media screen and (max-width:999px){.stk-0e7fea5 .stk-block-heading__text{font-size:14px !important;}}<\/style><h3 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #c5a46d;\" class=\"stk-highlight\">POGLED NA PARK<\/span><\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-5b8dc11\" id=\"span-style-color-000000-class-stk-highlight-dvokrevetna-soba-s-balkonom-pogled-na-park-span\" data-block-id=\"5b8dc11\"><style>.stk-5b8dc11 {margin-bottom:15px !important;}.stk-5b8dc11 .stk-block-heading__text{font-size:45px !important;line-height:1.2em !important;font-weight:800 !important;}@media screen and (max-width:999px){.stk-5b8dc11 .stk-block-heading__text{font-size:45px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #000000;\" class=\"stk-highlight\">Dvokrevetna soba s balkonom pogled na park<\/span><\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-84e9ff1\" data-block-id=\"84e9ff1\"><p class=\"stk-block-text__text has-text-align-left has-text-align-left-mobile\">Iskusite elegantnu udobnost u na\u0161oj sobi s prekrasnim pogledom na park i privatnim balkonom na kojem mo\u017eete u\u017eivati u jutarnjoj kavi dok slu\u0161ate mediteranski povjetarac. Soba je promi\u0161ljeno dizajnirana s vrhunskim namje\u0161tajem i modernim sadr\u017eajima.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-center-mobile stk-block stk-47dc718\" data-block-id=\"47dc718\"><style>.stk-47dc718 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-47dc718 {padding-bottom:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== ROOM META (ICONS ONLY) ====== -->\n<div class=\"twc-room-meta\">\n\n  <!-- Size -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M5 9V5h4\" \/>\n      <path d=\"M15 5h4v4\" \/>\n      <path d=\"M19 15v4h-4\" \/>\n      <path d=\"M9 19H5v-4\" \/>\n    <\/svg>\n    <span>21 m\u00b2<\/span>\n  <\/div>\n\n  <!-- Guests -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <circle cx=\"12\" cy=\"8\" r=\"3.2\" \/>\n      <path d=\"M6.5 18.5C7.4 15.8 9.5 14 12 14s4.6 1.8 5.5 4.5\" \/>\n    <\/svg>\n    <span>2 guests<\/span>\n  <\/div>\n\n  <!-- King Bed -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M3 10h18\" \/>\n      <path d=\"M4 10V7a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v3\" \/>\n      <path d=\"M20 10V7a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v3\" \/>\n      <path d=\"M3 17v-7\" \/>\n      <path d=\"M21 17v-7\" \/>\n    <\/svg>\n    <span>1 king bed<\/span>\n  <\/div>\n\n  <!-- Park view -->\n<div class=\"twc-room-meta__item\">\n  <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n    <!-- Tree crown -->\n    <path d=\"M12 3c-3.5 0-6 2.3-6 5.2 0 2 1.2 3.7 3 4.6h6c1.8-.9 3-2.6 3-4.6C18 5.3 15.5 3 12 3z\" \/>\n    <!-- Trunk -->\n    <path d=\"M12 12v7\" \/>\n    <!-- Ground -->\n    <path d=\"M5 21h14\" \/>\n  <\/svg>\n  <span>Park view<\/span>\n<\/div>\n\n<\/div>\n\n<style>\n\/* ====== ICONS SECTION ONLY ====== *\/\n.twc-room-meta {\n  display: flex;\n  align-items: center;\n  gap: 26px;\n  padding-left: 10px;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 15.5px;\n  color: #000;\n  flex-wrap: wrap; \/* allow wrapping when space is tight *\/\n}\n\n.twc-room-meta__item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.twc-room-meta__icon {\n  width: 20px;\n  height: 20px;\n  stroke: #b49f7a; \/* GOLD *\/\n  stroke-width: 2;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: 0.18s ease;\n}\n\n.twc-room-meta__item span {\n  color: #000;\n  transition: 0.18s ease;\n  white-space: nowrap; \/* keep \"1 king bed\" on one line *\/\n}\n\n.twc-room-meta__item:hover .twc-room-meta__icon {\n  stroke: #d6b47c;\n  transform: translateY(-2px);\n}\n\n.twc-room-meta__item:hover span {\n  color: #333;\n}\n\n\/* ====== MOBILE OPTIMIZATION ====== *\/\n@media (max-width: 600px) {\n  .twc-room-meta {\n    gap: 14px 18px;       \/* smaller gaps *\/\n    padding-left: 0;\n    font-size: 14px;      \/* slightly smaller text *\/\n  }\n\n  .twc-room-meta__item {\n    flex: 1 1 calc(50% - 18px); \/* two items per row *\/\n  }\n\n  .twc-room-meta__icon {\n    width: 18px;\n    height: 18px;\n  }\n}\n<\/style>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-center-mobile stk-block stk-1a8f9c0\" data-block-id=\"1a8f9c0\"><style>.stk-1a8f9c0 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-1a8f9c0 {padding-top:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== LUXURY AMENITIES \u2014 SMALL VERSION (WITH HOVER ANIMATION) ====== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"twc-amenities-row small\">\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wi-fi-copy.png\" alt=\"Free Wi-Fi\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Free Wi-Fi<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wave-copy.png\" alt=\"Pansion Ru\u017ea \u2013 beachfront location\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Beachfront location<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/clean-copy.png\" alt=\"Daily housekeeping\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Daily housekeeping<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/windy-copy.png\" alt=\"Air conditioning\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Air conditioning<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/coffee-cup-copy.png\" alt=\"Wide selection of drinks\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Wide selection of drinks<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/cutlery-copy.png\" alt=\"Quality cuisine\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Quality cuisine<\/span>\n  <\/div>\n\n<\/div>\n\n<style>\n.twc-amenities-row.small {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 28px;\n  flex-wrap: wrap;\n  padding: 10px 0;\n  font-family: \"Inter\", sans-serif;\n}\n\n\/* Individual item *\/\n.twc-amenity {\n  text-align: center;\n  width: 85px;\n  cursor: pointer;\n  transition: 0.22s ease;\n}\n\n\/* Smaller icons *\/\n.twc-amenity-icon {\n  width: 26px;\n  height: 26px;\n  margin: 0 auto 4px;\n  transition: 0.22s ease;\n}\n\n.twc-amenity-icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  transition: 0.22s ease;\n\n  \/* Base gold tint *\/\n  filter: brightness(0) saturate(100%) invert(61%) sepia(49%) \n          saturate(408%) hue-rotate(6deg) brightness(89%) contrast(88%);\n}\n\n\/* Smaller text *\/\n.twc-amenity-label {\n  font-size: 12.5px;\n  font-weight: 500;\n  color: #7a6f5e;\n  display: block;\n  line-height: 1.2;\n  transition: 0.22s ease;\n}\n\n\/* ---- HOVER EFFECT (same vibe as first code) ---- *\/\n\n.twc-amenity:hover .twc-amenity-icon {\n  transform: translateY(-3px);\n}\n\n.twc-amenity:hover .twc-amenity-icon img {\n  filter: brightness(1.08) saturate(120%) invert(57%) sepia(53%) \n          saturate(540%) hue-rotate(6deg) brightness(96%) contrast(92%);\n}\n\n.twc-amenity:hover .twc-amenity-label {\n  color: #4b4135;\n}\n\n\/* Mobile optimizations *\/\n@media (max-width: 480px) {\n  .twc-amenities-row.small {\n    gap: 20px;\n  }\n  .twc-amenity-icon {\n    width: 22px;\n    height: 22px;\n  }\n  .twc-amenity-label {\n    font-size: 11.5px;\n  }\n  .twc-amenity {\n    width: 70px;\n  }\n}\n<\/style>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk--hide-tablet stk--hide-mobile stk-block stk-239c48a\" data-block-id=\"239c48a\"><style>.stk-239c48a {margin-bottom:50px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-239c48a-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-396762e\" data-v=\"4\" data-block-id=\"396762e\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-396762e-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-396762e-inner-blocks\">\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-94d3c93\" data-block-id=\"94d3c93\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-862a768\" data-block-id=\"862a768\"><style>.stk-862a768 {padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;}.stk-862a768 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;background:#c5a46d !important;}@media screen and (max-width:689px){.stk-862a768 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--50, 1.5rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--50, 1.5rem) !important;}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/pansion-ruza.com\/?page_id=765\"><span class=\"stk-button__inner-text\">Rezervirajte svoj odmor<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk--hide-desktop stk-block stk-6f417f9\" data-block-id=\"6f417f9\"><style>.stk-6f417f9 {margin-bottom:12px !important;}@media screen and (max-width:689px){.stk-6f417f9 {margin-bottom:12px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-6f417f9-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-a7d24ea animated backInLeft slow\" data-v=\"4\" data-block-id=\"a7d24ea\"><style>.stk-a7d24ea {border-top-left-radius:var(--stk--preset--border-radius--none, 0px) !important;border-top-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-left-radius:var(--stk--preset--border-radius--none, 0px) !important;overflow:hidden !important;padding-top:var(--stk--preset--spacing--60, 2.25rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--60, 2.25rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;}@media screen and (min-width:690px){.stk-a7d24ea {flex:var(--stk-flex-grow, 1) 1 calc(60% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}@media screen and (max-width:689px){.stk-a7d24ea {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-a7d24ea-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-a7d24ea-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-5dfde5b\" id=\"span-style-color-c-5-a-46-d-class-stk-highlight-pogled-na-park-span\" data-block-id=\"5dfde5b\"><style>.stk-5dfde5b {margin-bottom:0px !important;}.stk-5dfde5b .stk-block-heading__text{font-size:14px !important;font-weight:400 !important;}@media screen and (max-width:999px){.stk-5dfde5b .stk-block-heading__text{font-size:14px !important;}}<\/style><h3 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #c5a46d;\" class=\"stk-highlight\">POGLED NA PARK<\/span><\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-d18b9e1\" id=\"span-style-color-000000-class-stk-highlight-span-style-color-000000-class-stk-highlight-span-style-color-000000-class-stk-highlight-dvokrevetna-soba-s-balkonom-pogled-na-park-span-span-span\" data-block-id=\"d18b9e1\"><style>.stk-d18b9e1 {margin-bottom:15px !important;}.stk-d18b9e1 .stk-block-heading__text{font-size:45px !important;line-height:1.2em !important;font-weight:800 !important;}@media screen and (max-width:999px){.stk-d18b9e1 .stk-block-heading__text{font-size:45px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #000000;\" class=\"stk-highlight\"><span style=\"color: #000000;\" class=\"stk-highlight\"><span style=\"color: #000000;\" class=\"stk-highlight\">Dvokrevetna soba s balkonom pogled na park<\/span><\/span><\/span><\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-625f758\" data-block-id=\"625f758\"><p class=\"stk-block-text__text has-text-align-left has-text-align-left-mobile\">Iskusite elegantnu udobnost u na\u0161oj sobi s prekrasnim pogledom na park i privatnim balkonom na kojem mo\u017eete u\u017eivati u jutarnjoj kavi dok slu\u0161ate mediteranski povjetarac. Soba je promi\u0161ljeno dizajnirana s vrhunskim namje\u0161tajem i modernim sadr\u017eajima.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-left-mobile stk-block stk-795dd21\" data-block-id=\"795dd21\"><style>.stk-795dd21 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-795dd21 {padding-bottom:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-795dd21 hr.stk-block-divider__hr{width:100% !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== ROOM META (ICONS ONLY) ====== -->\n<div class=\"twc-room-meta\">\n\n  <!-- Size -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M5 9V5h4\" \/>\n      <path d=\"M15 5h4v4\" \/>\n      <path d=\"M19 15v4h-4\" \/>\n      <path d=\"M9 19H5v-4\" \/>\n    <\/svg>\n    <span>21 m\u00b2<\/span>\n  <\/div>\n\n  <!-- Guests -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <circle cx=\"12\" cy=\"8\" r=\"3.2\" \/>\n      <path d=\"M6.5 18.5C7.4 15.8 9.5 14 12 14s4.6 1.8 5.5 4.5\" \/>\n    <\/svg>\n    <span>2 guests<\/span>\n  <\/div>\n\n  <!-- King Bed -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M3 10h18\" \/>\n      <path d=\"M4 10V7a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v3\" \/>\n      <path d=\"M20 10V7a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v3\" \/>\n      <path d=\"M3 17v-7\" \/>\n      <path d=\"M21 17v-7\" \/>\n    <\/svg>\n    <span>1 king bed<\/span>\n  <\/div>\n\n  <!-- Park view -->\n<div class=\"twc-room-meta__item\">\n  <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n    <!-- Tree crown -->\n    <path d=\"M12 3c-3.5 0-6 2.3-6 5.2 0 2 1.2 3.7 3 4.6h6c1.8-.9 3-2.6 3-4.6C18 5.3 15.5 3 12 3z\" \/>\n    <!-- Trunk -->\n    <path d=\"M12 12v7\" \/>\n    <!-- Ground -->\n    <path d=\"M5 21h14\" \/>\n  <\/svg>\n  <span>Park view<\/span>\n<\/div>\n\n<\/div>\n\n<style>\n\/* ====== ICONS SECTION ONLY ====== *\/\n.twc-room-meta {\n  display: flex;\n  align-items: center;\n  gap: 26px;\n  padding-left: 10px;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 15.5px;\n  color: #000;\n  flex-wrap: wrap; \/* allow wrapping when space is tight *\/\n}\n\n.twc-room-meta__item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.twc-room-meta__icon {\n  width: 20px;\n  height: 20px;\n  stroke: #b49f7a; \/* GOLD *\/\n  stroke-width: 2;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: 0.18s ease;\n}\n\n.twc-room-meta__item span {\n  color: #000;\n  transition: 0.18s ease;\n  white-space: nowrap; \/* keep \"1 king bed\" on one line *\/\n}\n\n.twc-room-meta__item:hover .twc-room-meta__icon {\n  stroke: #d6b47c;\n  transform: translateY(-2px);\n}\n\n.twc-room-meta__item:hover span {\n  color: #333;\n}\n\n\/* ====== MOBILE OPTIMIZATION ====== *\/\n@media (max-width: 600px) {\n  .twc-room-meta {\n    gap: 14px 18px;       \/* smaller gaps *\/\n    padding-left: 0;\n    font-size: 14px;      \/* slightly smaller text *\/\n  }\n\n  .twc-room-meta__item {\n    flex: 1 1 calc(50% - 18px); \/* two items per row *\/\n  }\n\n  .twc-room-meta__icon {\n    width: 18px;\n    height: 18px;\n  }\n}\n<\/style>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-left-mobile stk-block stk-9ec3e9e\" data-block-id=\"9ec3e9e\"><style>.stk-9ec3e9e hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-9ec3e9e {padding-top:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-9ec3e9e hr.stk-block-divider__hr{width:100% !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== LUXURY AMENITIES \u2014 SMALL VERSION (WITH HOVER ANIMATION) ====== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"twc-amenities-row small\">\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wi-fi-copy.png\" alt=\"Free Wi-Fi\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Free Wi-Fi<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wave-copy.png\" alt=\"Pansion Ru\u017ea \u2013 beachfront location\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Beachfront location<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/clean-copy.png\" alt=\"Daily housekeeping\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Daily housekeeping<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/windy-copy.png\" alt=\"Air conditioning\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Air conditioning<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/coffee-cup-copy.png\" alt=\"Wide selection of drinks\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Wide selection of drinks<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/cutlery-copy.png\" alt=\"Quality cuisine\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Quality cuisine<\/span>\n  <\/div>\n\n<\/div>\n\n<style>\n.twc-amenities-row.small {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 28px;\n  flex-wrap: wrap;\n  padding: 10px 0;\n  font-family: \"Inter\", sans-serif;\n}\n\n\/* Individual item *\/\n.twc-amenity {\n  text-align: center;\n  width: 85px;\n  cursor: pointer;\n  transition: 0.22s ease;\n}\n\n\/* Smaller icons *\/\n.twc-amenity-icon {\n  width: 26px;\n  height: 26px;\n  margin: 0 auto 4px;\n  transition: 0.22s ease;\n}\n\n.twc-amenity-icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  transition: 0.22s ease;\n\n  \/* Base gold tint *\/\n  filter: brightness(0) saturate(100%) invert(61%) sepia(49%) \n          saturate(408%) hue-rotate(6deg) brightness(89%) contrast(88%);\n}\n\n\/* Smaller text *\/\n.twc-amenity-label {\n  font-size: 12.5px;\n  font-weight: 500;\n  color: #7a6f5e;\n  display: block;\n  line-height: 1.2;\n  transition: 0.22s ease;\n}\n\n\/* ---- HOVER EFFECT (same vibe as first code) ---- *\/\n\n.twc-amenity:hover .twc-amenity-icon {\n  transform: translateY(-3px);\n}\n\n.twc-amenity:hover .twc-amenity-icon img {\n  filter: brightness(1.08) saturate(120%) invert(57%) sepia(53%) \n          saturate(540%) hue-rotate(6deg) brightness(96%) contrast(92%);\n}\n\n.twc-amenity:hover .twc-amenity-label {\n  color: #4b4135;\n}\n\n\/* Mobile optimizations *\/\n@media (max-width: 480px) {\n  .twc-amenities-row.small {\n    gap: 20px;\n  }\n  .twc-amenity-icon {\n    width: 22px;\n    height: 22px;\n  }\n  .twc-amenity-label {\n    font-size: 11.5px;\n  }\n  .twc-amenity {\n    width: 70px;\n  }\n}\n<\/style>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-31444f7 animated backInRight slow\" data-v=\"4\" data-block-id=\"31444f7\"><style>.stk-31444f7 {align-self:center !important;}@media screen and (min-width:690px){.stk-31444f7 {flex:var(--stk-flex-grow, 1) 1 calc(40% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}@media screen and (max-width:689px){.stk-31444f7 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-31444f7-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-31444f7-inner-blocks\">\n<div class=\"wp-block-stackable-image aligncenter stk-block-image has-text-align-center stk-block stk-02fc6e5\" data-block-id=\"02fc6e5\"><style>.stk-02fc6e5 {padding-top:2.9rem !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;}.stk-02fc6e5 .stk-img-wrapper img{border-radius:var(--stk--preset--border-radius--xx-large, 32px) !important;}@media screen and (max-width:689px){.stk-02fc6e5 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-1004\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/194560755.jpg\" width=\"1024\" height=\"768\" srcset=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/194560755.jpg 1024w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/194560755-300x225.jpg 300w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/194560755-768x576.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk--hide-desktop stk-block stk-cc0540d\" data-block-id=\"cc0540d\"><style>.stk-cc0540d {margin-bottom:50px !important;}@media screen and (max-width:689px){.stk-cc0540d {margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--70, 3.38rem) !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-cc0540d-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-0010fa2\" data-v=\"4\" data-block-id=\"0010fa2\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-0010fa2-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-0010fa2-inner-blocks\">\n<div class=\"wp-block-stackable-button-group aligncenter stk-block-button-group stk--hide-desktop stk-block stk-68e98d5\" data-block-id=\"68e98d5\"><style>@media screen and (max-width:689px){.stk-68e98d5 {padding-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--40, 1rem) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button has-text-align-center stk-block stk-c2e6f84\" data-block-id=\"c2e6f84\"><style>.stk-c2e6f84 {padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;}.stk-c2e6f84 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;background:#c5a46d !important;}@media screen and (max-width:689px){.stk-c2e6f84 {align-items:center !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;display:flex !important;}.stk-c2e6f84 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--50, 1.5rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--50, 1.5rem) !important;}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/pansion-ruza.com\/?page_id=765\"><span class=\"stk-button__inner-text\">Rezervirajte svoj odmor<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-center stk-block stk-340aed4\" data-block-id=\"340aed4\"><style>.stk-340aed4 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-340aed4 {padding-bottom:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:36px !important;}@media screen and (max-width:689px){.stk-340aed4 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:0px !important;margin-bottom:36px !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-565ea03\" data-block-id=\"565ea03\"><style>.stk-565ea03 {margin-bottom:12px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-565ea03-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-8498cb9 animated backInLeft slow\" data-v=\"4\" data-block-id=\"8498cb9\"><style>.stk-8498cb9 {border-top-left-radius:var(--stk--preset--border-radius--none, 0px) !important;border-top-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-left-radius:var(--stk--preset--border-radius--none, 0px) !important;overflow:hidden !important;padding-top:var(--stk--preset--spacing--60, 2.25rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--60, 2.25rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;}@media screen and (min-width:690px){.stk-8498cb9 {flex:var(--stk-flex-grow, 1) 1 calc(60% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}@media screen and (max-width:689px){.stk-8498cb9 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-8498cb9-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-8498cb9-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-7e8de48\" id=\"span-style-color-c-5-a-46-d-class-stk-highlight-pogled-na-more-span\" data-block-id=\"7e8de48\"><style>.stk-7e8de48 {margin-bottom:0px !important;}.stk-7e8de48 .stk-block-heading__text{font-size:14px !important;font-weight:400 !important;}@media screen and (max-width:999px){.stk-7e8de48 .stk-block-heading__text{font-size:14px !important;}}@media screen and (max-width:689px){.stk-7e8de48 {margin-bottom:0px !important;}}<\/style><h3 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #c5a46d;\" class=\"stk-highlight\">POGLED NA MORE<\/span><\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-50ba52a\" id=\"span-style-color-000000-class-stk-highlight-dvokrevetna-soba-s-balkonom-pogled-na-more-span\" data-block-id=\"50ba52a\"><style>.stk-50ba52a {margin-bottom:15px !important;}.stk-50ba52a .stk-block-heading__text{font-size:45px !important;line-height:1.2em !important;font-weight:800 !important;}@media screen and (max-width:999px){.stk-50ba52a .stk-block-heading__text{font-size:45px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #000000;\" class=\"stk-highlight\">Dvokrevetna soba s balkonom pogled na more<\/span><\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-d02bbe9\" data-block-id=\"d02bbe9\"><style>.stk-d02bbe9 {margin-bottom:15px !important;}<\/style><p class=\"stk-block-text__text has-text-align-left has-text-align-left-mobile\">Iskusite elegantnu udobnost u na\u0161oj sobi s prekrasnim pogledom na more i privatnim balkonom na kojem mo\u017eete u\u017eivati u jutarnjoj kavi dok slu\u0161ate mediteranski povjetarac. Soba je promi\u0161ljeno dizajnirana s vrhunskim namje\u0161tajem i modernim sadr\u017eajima.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-left-mobile stk-block stk-66054b5\" data-block-id=\"66054b5\"><style>.stk-66054b5 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-66054b5 {padding-bottom:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-66054b5 hr.stk-block-divider__hr{width:100% !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== ROOM META (ICONS ONLY) ====== -->\n<div class=\"twc-room-meta\">\n\n  <!-- Size -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M5 9V5h4\" \/>\n      <path d=\"M15 5h4v4\" \/>\n      <path d=\"M19 15v4h-4\" \/>\n      <path d=\"M9 19H5v-4\" \/>\n    <\/svg>\n    <span>21 m\u00b2<\/span>\n  <\/div>\n\n  <!-- Guests -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <circle cx=\"12\" cy=\"8\" r=\"3.2\" \/>\n      <path d=\"M6.5 18.5C7.4 15.8 9.5 14 12 14s4.6 1.8 5.5 4.5\" \/>\n    <\/svg>\n    <span>2 guests<\/span>\n  <\/div>\n\n  <!-- King Bed -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M3 10h18\" \/>\n      <path d=\"M4 10V7a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v3\" \/>\n      <path d=\"M20 10V7a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v3\" \/>\n      <path d=\"M3 17v-7\" \/>\n      <path d=\"M21 17v-7\" \/>\n    <\/svg>\n    <span>1 king bed<\/span>\n  <\/div>\n\n  <!-- Sea view -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M4 10c1.3 1 2.7 1.5 4 1.5s2.7-.5 4-1.5 2.7-1.5 4-1.5 2.7.5 4 1.5\" \/>\n      <path d=\"M4 15c1.3 1 2.7 1.5 4 1.5s2.7-.5 4-1.5 2.7-1.5 4-1.5 2.7.5 4 1.5\" \/>\n    <\/svg>\n    <span>Sea view<\/span>\n  <\/div>\n\n<\/div>\n\n<style>\n\/* ====== ICONS SECTION ONLY ====== *\/\n.twc-room-meta {\n  display: flex;\n  align-items: center;\n  gap: 26px;\n  padding-left: 10px;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 15.5px;\n  color: #000;\n  flex-wrap: wrap; \/* allow wrapping when space is tight *\/\n}\n\n.twc-room-meta__item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.twc-room-meta__icon {\n  width: 20px;\n  height: 20px;\n  stroke: #b49f7a; \/* GOLD *\/\n  stroke-width: 2;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: 0.18s ease;\n}\n\n.twc-room-meta__item span {\n  color: #000;\n  transition: 0.18s ease;\n  white-space: nowrap; \/* keep \"1 king bed\" on one line *\/\n}\n\n.twc-room-meta__item:hover .twc-room-meta__icon {\n  stroke: #d6b47c;\n  transform: translateY(-2px);\n}\n\n.twc-room-meta__item:hover span {\n  color: #333;\n}\n\n\/* ====== MOBILE OPTIMIZATION ====== *\/\n@media (max-width: 600px) {\n  .twc-room-meta {\n    gap: 14px 18px;       \/* smaller gaps *\/\n    padding-left: 0;\n    font-size: 14px;      \/* slightly smaller text *\/\n  }\n\n  .twc-room-meta__item {\n    flex: 1 1 calc(50% - 18px); \/* two items per row *\/\n  }\n\n  .twc-room-meta__icon {\n    width: 18px;\n    height: 18px;\n  }\n}\n<\/style>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-left-mobile stk-block stk-95e4be8\" data-block-id=\"95e4be8\"><style>.stk-95e4be8 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-95e4be8 {padding-top:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-95e4be8 hr.stk-block-divider__hr{width:100% !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== LUXURY AMENITIES \u2014 SMALL VERSION (WITH HOVER ANIMATION) ====== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"twc-amenities-row small\">\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wi-fi-copy.png\" alt=\"Free Wi-Fi\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Free Wi-Fi<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wave-copy.png\" alt=\"Pansion Ru\u017ea \u2013 beachfront location\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Beachfront location<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/clean-copy.png\" alt=\"Daily housekeeping\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Daily housekeeping<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/windy-copy.png\" alt=\"Air conditioning\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Air conditioning<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/coffee-cup-copy.png\" alt=\"Wide selection of drinks\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Wide selection of drinks<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/cutlery-copy.png\" alt=\"Quality cuisine\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Quality cuisine<\/span>\n  <\/div>\n\n<\/div>\n\n<style>\n.twc-amenities-row.small {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 28px;\n  flex-wrap: wrap;\n  padding: 10px 0;\n  font-family: \"Inter\", sans-serif;\n}\n\n\/* Individual item *\/\n.twc-amenity {\n  text-align: center;\n  width: 85px;\n  cursor: pointer;\n  transition: 0.22s ease;\n}\n\n\/* Smaller icons *\/\n.twc-amenity-icon {\n  width: 26px;\n  height: 26px;\n  margin: 0 auto 4px;\n  transition: 0.22s ease;\n}\n\n.twc-amenity-icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  transition: 0.22s ease;\n\n  \/* Base gold tint *\/\n  filter: brightness(0) saturate(100%) invert(61%) sepia(49%) \n          saturate(408%) hue-rotate(6deg) brightness(89%) contrast(88%);\n}\n\n\/* Smaller text *\/\n.twc-amenity-label {\n  font-size: 12.5px;\n  font-weight: 500;\n  color: #7a6f5e;\n  display: block;\n  line-height: 1.2;\n  transition: 0.22s ease;\n}\n\n\/* ---- HOVER EFFECT (same vibe as first code) ---- *\/\n\n.twc-amenity:hover .twc-amenity-icon {\n  transform: translateY(-3px);\n}\n\n.twc-amenity:hover .twc-amenity-icon img {\n  filter: brightness(1.08) saturate(120%) invert(57%) sepia(53%) \n          saturate(540%) hue-rotate(6deg) brightness(96%) contrast(92%);\n}\n\n.twc-amenity:hover .twc-amenity-label {\n  color: #4b4135;\n}\n\n\/* Mobile optimizations *\/\n@media (max-width: 480px) {\n  .twc-amenities-row.small {\n    gap: 20px;\n  }\n  .twc-amenity-icon {\n    width: 22px;\n    height: 22px;\n  }\n  .twc-amenity-label {\n    font-size: 11.5px;\n  }\n  .twc-amenity {\n    width: 70px;\n  }\n}\n<\/style>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-a1f4c21 animated backInRight slow\" data-v=\"4\" data-block-id=\"a1f4c21\"><style>.stk-a1f4c21 {align-self:center !important;}@media screen and (min-width:690px){.stk-a1f4c21 {flex:var(--stk-flex-grow, 1) 1 calc(40% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}@media screen and (max-width:689px){.stk-a1f4c21 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-a1f4c21-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-a1f4c21-inner-blocks\">\n<div class=\"wp-block-stackable-image aligncenter stk-block-image has-text-align-center stk-block stk-e585988\" data-block-id=\"e585988\"><style>.stk-e585988 {padding-top:2.7rem !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;}.stk-e585988 .stk-img-wrapper img{border-radius:var(--stk--preset--border-radius--xx-large, 32px) !important;}@media screen and (max-width:689px){.stk-e585988 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-802\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/Hotel.Ruza_.06.webp\" width=\"680\" height=\"510\" srcset=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/Hotel.Ruza_.06.webp 680w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/Hotel.Ruza_.06-300x225.webp 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-d331fc9\" data-block-id=\"d331fc9\"><style>.stk-d331fc9 {margin-bottom:50px !important;}@media screen and (max-width:689px){.stk-d331fc9 {margin-bottom:50px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-d331fc9-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-487fe49\" data-v=\"4\" data-block-id=\"487fe49\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-487fe49-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-487fe49-inner-blocks\">\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-ca568ed\" data-block-id=\"ca568ed\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-6658f5e\" data-block-id=\"6658f5e\"><style>.stk-6658f5e {padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;}.stk-6658f5e .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;background:#c5a46d !important;}@media screen and (max-width:689px){.stk-6658f5e {margin-top:var(--stk--preset--spacing--none, 0px) !important;}.stk-6658f5e .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--50, 1.5rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--50, 1.5rem) !important;}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/pansion-ruza.com\/?page_id=765\"><span class=\"stk-button__inner-text\">Rezervirajte svoj odmor<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-center stk-block stk-93a6bff\" data-block-id=\"93a6bff\"><style>.stk-93a6bff hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-93a6bff {padding-bottom:0px !important;margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-93a6bff {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:0rem !important;margin-bottom:36px !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk--hide-tablet stk--hide-mobile stk-block stk-464b0ac\" data-block-id=\"464b0ac\"><style>.stk-464b0ac {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-464b0ac-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-1ca6f77 animated backInLeft slow\" data-v=\"4\" data-block-id=\"1ca6f77\"><style>.stk-1ca6f77 {align-self:center !important;}@media screen and (min-width:690px){.stk-1ca6f77 {flex:var(--stk-flex-grow, 1) 1 calc(40% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-1ca6f77-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-1ca6f77-inner-blocks\">\n<div class=\"wp-block-stackable-image aligncenter stk-block-image has-text-align-center stk-block stk-a178893 animated backInLeft slow\" data-block-id=\"a178893\"><style>.stk-a178893 {padding-top:2.9rem !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;}.stk-a178893 .stk-img-wrapper img{border-radius:var(--stk--preset--border-radius--xx-large, 32px) !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-1555\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-scaled.jpg\" width=\"2560\" height=\"1920\" alt=\"Interior of a Double Room at Pansion Ru\u017ea, Novi Vinodolski\" srcset=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-scaled.jpg 2560w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-300x225.jpg 300w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-1024x768.jpg 1024w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-768x576.jpg 768w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-1536x1152.jpg 1536w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-8aab72e animated backInRight slow\" data-v=\"4\" data-block-id=\"8aab72e\"><style>.stk-8aab72e {align-self:center !important;border-top-left-radius:var(--stk--preset--border-radius--none, 0px) !important;border-top-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-left-radius:var(--stk--preset--border-radius--none, 0px) !important;overflow:hidden !important;padding-top:var(--stk--preset--spacing--60, 2.25rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--60, 2.25rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;}@media screen and (min-width:690px){.stk-8aab72e {flex:var(--stk-flex-grow, 1) 1 calc(60% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-8aab72e-container stk--no-background stk--no-padding\"><div class=\"has-text-align-left stk-block-content stk-inner-blocks stk-8aab72e-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-f5de154\" id=\"span-style-color-c-5-a-46-d-class-stk-highlight-pogled-na-park-span\" data-block-id=\"f5de154\"><style>.stk-f5de154 {margin-bottom:0px !important;}.stk-f5de154 .stk-block-heading__text{font-size:14px !important;font-weight:400 !important;}@media screen and (max-width:999px){.stk-f5de154 .stk-block-heading__text{font-size:14px !important;}}<\/style><h3 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #c5a46d;\" class=\"stk-highlight\">POGLED NA PARK<\/span><\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-51f8bc1\" id=\"span-style-color-000000-class-stk-highlight-dvokrevetna-soba-bez-balkona-span\" data-block-id=\"51f8bc1\"><style>.stk-51f8bc1 {margin-bottom:15px !important;}.stk-51f8bc1 .stk-block-heading__text{font-size:45px !important;line-height:1.2em !important;font-weight:800 !important;}@media screen and (max-width:999px){.stk-51f8bc1 .stk-block-heading__text{font-size:45px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #000000;\" class=\"stk-highlight\">Dvokrevetna soba bez balkona<\/span><\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-cd0665e\" data-block-id=\"cd0665e\"><p class=\"stk-block-text__text has-text-align-left has-text-align-left-mobile\">U\u017eivajte u udobnosti na\u0161e dvokrevetne sobe bez balkona, osmi\u0161ljene za miran i opu\u0161taju\u0107i boravak. Elegantno ure\u0111ena i funkcionalna, soba nudi sve potrebne sadr\u017eaje za ugodan odmor tijekom va\u0161eg boravka.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-center-mobile stk-block stk-05b28e7\" data-block-id=\"05b28e7\"><style>.stk-05b28e7 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-05b28e7 {padding-bottom:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== ROOM META (ICONS ONLY) ====== -->\n<div class=\"twc-room-meta\">\n\n  <!-- Size -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M5 9V5h4\" \/>\n      <path d=\"M15 5h4v4\" \/>\n      <path d=\"M19 15v4h-4\" \/>\n      <path d=\"M9 19H5v-4\" \/>\n    <\/svg>\n    <span>21 m\u00b2<\/span>\n  <\/div>\n\n  <!-- Guests -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <circle cx=\"12\" cy=\"8\" r=\"3.2\" \/>\n      <path d=\"M6.5 18.5C7.4 15.8 9.5 14 12 14s4.6 1.8 5.5 4.5\" \/>\n    <\/svg>\n    <span>2 guests<\/span>\n  <\/div>\n\n  <!-- King Bed -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M3 10h18\" \/>\n      <path d=\"M4 10V7a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v3\" \/>\n      <path d=\"M20 10V7a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v3\" \/>\n      <path d=\"M3 17v-7\" \/>\n      <path d=\"M21 17v-7\" \/>\n    <\/svg>\n    <span>1 king bed<\/span>\n  <\/div>\n\n  <!-- Park view -->\n<div class=\"twc-room-meta__item\">\n  <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n    <!-- Tree crown -->\n    <path d=\"M12 3c-3.5 0-6 2.3-6 5.2 0 2 1.2 3.7 3 4.6h6c1.8-.9 3-2.6 3-4.6C18 5.3 15.5 3 12 3z\" \/>\n    <!-- Trunk -->\n    <path d=\"M12 12v7\" \/>\n    <!-- Ground -->\n    <path d=\"M5 21h14\" \/>\n  <\/svg>\n  <span>Park view<\/span>\n<\/div>\n\n<\/div>\n\n<style>\n\/* ====== ICONS SECTION ONLY ====== *\/\n.twc-room-meta {\n  display: flex;\n  align-items: center;\n  gap: 26px;\n  padding-left: 10px;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 15.5px;\n  color: #000;\n  flex-wrap: wrap; \/* allow wrapping when space is tight *\/\n}\n\n.twc-room-meta__item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.twc-room-meta__icon {\n  width: 20px;\n  height: 20px;\n  stroke: #b49f7a; \/* GOLD *\/\n  stroke-width: 2;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: 0.18s ease;\n}\n\n.twc-room-meta__item span {\n  color: #000;\n  transition: 0.18s ease;\n  white-space: nowrap; \/* keep \"1 king bed\" on one line *\/\n}\n\n.twc-room-meta__item:hover .twc-room-meta__icon {\n  stroke: #d6b47c;\n  transform: translateY(-2px);\n}\n\n.twc-room-meta__item:hover span {\n  color: #333;\n}\n\n\/* ====== MOBILE OPTIMIZATION ====== *\/\n@media (max-width: 600px) {\n  .twc-room-meta {\n    gap: 14px 18px;       \/* smaller gaps *\/\n    padding-left: 0;\n    font-size: 14px;      \/* slightly smaller text *\/\n  }\n\n  .twc-room-meta__item {\n    flex: 1 1 calc(50% - 18px); \/* two items per row *\/\n  }\n\n  .twc-room-meta__icon {\n    width: 18px;\n    height: 18px;\n  }\n}\n<\/style>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-center-mobile stk-block stk-35fe691\" data-block-id=\"35fe691\"><style>.stk-35fe691 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-35fe691 {padding-top:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== LUXURY AMENITIES \u2014 SMALL VERSION (WITH HOVER ANIMATION) ====== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"twc-amenities-row small\">\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wi-fi-copy.png\" alt=\"Free Wi-Fi\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Free Wi-Fi<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wave-copy.png\" alt=\"Pansion Ru\u017ea \u2013 beachfront location\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Beachfront location<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/clean-copy.png\" alt=\"Daily housekeeping\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Daily housekeeping<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/windy-copy.png\" alt=\"Air conditioning\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Air conditioning<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/coffee-cup-copy.png\" alt=\"Wide selection of drinks\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Wide selection of drinks<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/cutlery-copy.png\" alt=\"Quality cuisine\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Quality cuisine<\/span>\n  <\/div>\n\n<\/div>\n\n<style>\n.twc-amenities-row.small {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 28px;\n  flex-wrap: wrap;\n  padding: 10px 0;\n  font-family: \"Inter\", sans-serif;\n}\n\n\/* Individual item *\/\n.twc-amenity {\n  text-align: center;\n  width: 85px;\n  cursor: pointer;\n  transition: 0.22s ease;\n}\n\n\/* Smaller icons *\/\n.twc-amenity-icon {\n  width: 26px;\n  height: 26px;\n  margin: 0 auto 4px;\n  transition: 0.22s ease;\n}\n\n.twc-amenity-icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  transition: 0.22s ease;\n\n  \/* Base gold tint *\/\n  filter: brightness(0) saturate(100%) invert(61%) sepia(49%) \n          saturate(408%) hue-rotate(6deg) brightness(89%) contrast(88%);\n}\n\n\/* Smaller text *\/\n.twc-amenity-label {\n  font-size: 12.5px;\n  font-weight: 500;\n  color: #7a6f5e;\n  display: block;\n  line-height: 1.2;\n  transition: 0.22s ease;\n}\n\n\/* ---- HOVER EFFECT (same vibe as first code) ---- *\/\n\n.twc-amenity:hover .twc-amenity-icon {\n  transform: translateY(-3px);\n}\n\n.twc-amenity:hover .twc-amenity-icon img {\n  filter: brightness(1.08) saturate(120%) invert(57%) sepia(53%) \n          saturate(540%) hue-rotate(6deg) brightness(96%) contrast(92%);\n}\n\n.twc-amenity:hover .twc-amenity-label {\n  color: #4b4135;\n}\n\n\/* Mobile optimizations *\/\n@media (max-width: 480px) {\n  .twc-amenities-row.small {\n    gap: 20px;\n  }\n  .twc-amenity-icon {\n    width: 22px;\n    height: 22px;\n  }\n  .twc-amenity-label {\n    font-size: 11.5px;\n  }\n  .twc-amenity {\n    width: 70px;\n  }\n}\n<\/style>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk--hide-tablet stk--hide-mobile stk-block stk-7dc197b\" data-block-id=\"7dc197b\"><style>.stk-7dc197b {margin-bottom:50px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-7dc197b-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-00bee47\" data-v=\"4\" data-block-id=\"00bee47\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-00bee47-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-00bee47-inner-blocks\">\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-b71296e\" data-block-id=\"b71296e\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-8f124b7\" data-block-id=\"8f124b7\"><style>.stk-8f124b7 {padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;}.stk-8f124b7 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;background:#c5a46d !important;}@media screen and (max-width:689px){.stk-8f124b7 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--50, 1.5rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--50, 1.5rem) !important;}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/pansion-ruza.com\/?page_id=765\"><span class=\"stk-button__inner-text\">Rezervirajte svoj odmor<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk--hide-desktop stk-block stk-ba52d7b\" data-block-id=\"ba52d7b\"><style>.stk-ba52d7b {margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-ba52d7b {margin-bottom:12px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-ba52d7b-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-296059d animated backInLeft slow\" data-v=\"4\" data-block-id=\"296059d\"><style>.stk-296059d {border-top-left-radius:var(--stk--preset--border-radius--none, 0px) !important;border-top-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-left-radius:var(--stk--preset--border-radius--none, 0px) !important;overflow:hidden !important;padding-top:var(--stk--preset--spacing--60, 2.25rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--60, 2.25rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;}@media screen and (min-width:690px){.stk-296059d {flex:var(--stk-flex-grow, 1) 1 calc(60% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}@media screen and (max-width:689px){.stk-296059d {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-296059d-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-296059d-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-ad8c21f\" id=\"span-style-color-c-5-a-46-d-class-stk-highlight-pogled-na-park-span\" data-block-id=\"ad8c21f\"><style>.stk-ad8c21f {margin-bottom:0px !important;}.stk-ad8c21f .stk-block-heading__text{font-size:14px !important;font-weight:400 !important;}@media screen and (max-width:999px){.stk-ad8c21f .stk-block-heading__text{font-size:14px !important;}}@media screen and (max-width:689px){.stk-ad8c21f {margin-bottom:0px !important;}}<\/style><h3 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #c5a46d;\" class=\"stk-highlight\">POGLED NA PARK<\/span><\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-9309b0e\" id=\"span-style-color-000000-class-stk-highlight-span-style-color-000000-class-stk-highlight-span-style-color-000000-class-stk-highlight-dvokrevetna-soba-bez-balkona-span-span-span\" data-block-id=\"9309b0e\"><style>.stk-9309b0e {margin-bottom:15px !important;}.stk-9309b0e .stk-block-heading__text{font-size:45px !important;line-height:1.2em !important;font-weight:800 !important;}@media screen and (max-width:999px){.stk-9309b0e .stk-block-heading__text{font-size:45px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #000000;\" class=\"stk-highlight\"><span style=\"color: #000000;\" class=\"stk-highlight\"><span style=\"color: #000000;\" class=\"stk-highlight\">Dvokrevetna soba bez balkona<\/span><\/span><\/span><\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-84b91f1\" data-block-id=\"84b91f1\"><p class=\"stk-block-text__text has-text-align-left has-text-align-left-mobile\">U\u017eivajte u udobnosti na\u0161e dvokrevetne sobe bez balkona, osmi\u0161ljene za miran i opu\u0161taju\u0107i boravak. Elegantno ure\u0111ena i funkcionalna, soba nudi sve potrebne sadr\u017eaje za ugodan odmor tijekom va\u0161eg boravka.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-left-mobile stk-block stk-087e9db\" data-block-id=\"087e9db\"><style>.stk-087e9db hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-087e9db {padding-bottom:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-087e9db hr.stk-block-divider__hr{width:100% !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== ROOM META (ICONS ONLY) ====== -->\n<div class=\"twc-room-meta\">\n\n  <!-- Size -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M5 9V5h4\" \/>\n      <path d=\"M15 5h4v4\" \/>\n      <path d=\"M19 15v4h-4\" \/>\n      <path d=\"M9 19H5v-4\" \/>\n    <\/svg>\n    <span>21 m\u00b2<\/span>\n  <\/div>\n\n  <!-- Guests -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <circle cx=\"12\" cy=\"8\" r=\"3.2\" \/>\n      <path d=\"M6.5 18.5C7.4 15.8 9.5 14 12 14s4.6 1.8 5.5 4.5\" \/>\n    <\/svg>\n    <span>2 guests<\/span>\n  <\/div>\n\n  <!-- King Bed -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M3 10h18\" \/>\n      <path d=\"M4 10V7a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v3\" \/>\n      <path d=\"M20 10V7a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v3\" \/>\n      <path d=\"M3 17v-7\" \/>\n      <path d=\"M21 17v-7\" \/>\n    <\/svg>\n    <span>1 king bed<\/span>\n  <\/div>\n\n  <!-- Park view -->\n<div class=\"twc-room-meta__item\">\n  <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n    <!-- Tree crown -->\n    <path d=\"M12 3c-3.5 0-6 2.3-6 5.2 0 2 1.2 3.7 3 4.6h6c1.8-.9 3-2.6 3-4.6C18 5.3 15.5 3 12 3z\" \/>\n    <!-- Trunk -->\n    <path d=\"M12 12v7\" \/>\n    <!-- Ground -->\n    <path d=\"M5 21h14\" \/>\n  <\/svg>\n  <span>Park view<\/span>\n<\/div>\n\n<\/div>\n\n<style>\n\/* ====== ICONS SECTION ONLY ====== *\/\n.twc-room-meta {\n  display: flex;\n  align-items: center;\n  gap: 26px;\n  padding-left: 10px;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 15.5px;\n  color: #000;\n  flex-wrap: wrap; \/* allow wrapping when space is tight *\/\n}\n\n.twc-room-meta__item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.twc-room-meta__icon {\n  width: 20px;\n  height: 20px;\n  stroke: #b49f7a; \/* GOLD *\/\n  stroke-width: 2;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: 0.18s ease;\n}\n\n.twc-room-meta__item span {\n  color: #000;\n  transition: 0.18s ease;\n  white-space: nowrap; \/* keep \"1 king bed\" on one line *\/\n}\n\n.twc-room-meta__item:hover .twc-room-meta__icon {\n  stroke: #d6b47c;\n  transform: translateY(-2px);\n}\n\n.twc-room-meta__item:hover span {\n  color: #333;\n}\n\n\/* ====== MOBILE OPTIMIZATION ====== *\/\n@media (max-width: 600px) {\n  .twc-room-meta {\n    gap: 14px 18px;       \/* smaller gaps *\/\n    padding-left: 0;\n    font-size: 14px;      \/* slightly smaller text *\/\n  }\n\n  .twc-room-meta__item {\n    flex: 1 1 calc(50% - 18px); \/* two items per row *\/\n  }\n\n  .twc-room-meta__icon {\n    width: 18px;\n    height: 18px;\n  }\n}\n<\/style>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-left-mobile stk-block stk-7cd6b01\" data-block-id=\"7cd6b01\"><style>.stk-7cd6b01 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-7cd6b01 {padding-top:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-7cd6b01 hr.stk-block-divider__hr{width:100% !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== LUXURY AMENITIES \u2014 SMALL VERSION (WITH HOVER ANIMATION) ====== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"twc-amenities-row small\">\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wi-fi-copy.png\" alt=\"Free Wi-Fi\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Free Wi-Fi<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wave-copy.png\" alt=\"Pansion Ru\u017ea \u2013 beachfront location\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Beachfront location<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/clean-copy.png\" alt=\"Daily housekeeping\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Daily housekeeping<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/windy-copy.png\" alt=\"Air conditioning\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Air conditioning<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/coffee-cup-copy.png\" alt=\"Wide selection of drinks\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Wide selection of drinks<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/cutlery-copy.png\" alt=\"Quality cuisine\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Quality cuisine<\/span>\n  <\/div>\n\n<\/div>\n\n<style>\n.twc-amenities-row.small {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 28px;\n  flex-wrap: wrap;\n  padding: 10px 0;\n  font-family: \"Inter\", sans-serif;\n}\n\n\/* Individual item *\/\n.twc-amenity {\n  text-align: center;\n  width: 85px;\n  cursor: pointer;\n  transition: 0.22s ease;\n}\n\n\/* Smaller icons *\/\n.twc-amenity-icon {\n  width: 26px;\n  height: 26px;\n  margin: 0 auto 4px;\n  transition: 0.22s ease;\n}\n\n.twc-amenity-icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  transition: 0.22s ease;\n\n  \/* Base gold tint *\/\n  filter: brightness(0) saturate(100%) invert(61%) sepia(49%) \n          saturate(408%) hue-rotate(6deg) brightness(89%) contrast(88%);\n}\n\n\/* Smaller text *\/\n.twc-amenity-label {\n  font-size: 12.5px;\n  font-weight: 500;\n  color: #7a6f5e;\n  display: block;\n  line-height: 1.2;\n  transition: 0.22s ease;\n}\n\n\/* ---- HOVER EFFECT (same vibe as first code) ---- *\/\n\n.twc-amenity:hover .twc-amenity-icon {\n  transform: translateY(-3px);\n}\n\n.twc-amenity:hover .twc-amenity-icon img {\n  filter: brightness(1.08) saturate(120%) invert(57%) sepia(53%) \n          saturate(540%) hue-rotate(6deg) brightness(96%) contrast(92%);\n}\n\n.twc-amenity:hover .twc-amenity-label {\n  color: #4b4135;\n}\n\n\/* Mobile optimizations *\/\n@media (max-width: 480px) {\n  .twc-amenities-row.small {\n    gap: 20px;\n  }\n  .twc-amenity-icon {\n    width: 22px;\n    height: 22px;\n  }\n  .twc-amenity-label {\n    font-size: 11.5px;\n  }\n  .twc-amenity {\n    width: 70px;\n  }\n}\n<\/style>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9c7d1c3 animated backInRight slow\" data-v=\"4\" data-block-id=\"9c7d1c3\"><style>.stk-9c7d1c3 {align-self:center !important;}@media screen and (min-width:690px){.stk-9c7d1c3 {flex:var(--stk-flex-grow, 1) 1 calc(40% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}@media screen and (max-width:689px){.stk-9c7d1c3 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9c7d1c3-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-9c7d1c3-inner-blocks\">\n<div class=\"wp-block-stackable-image aligncenter stk-block-image has-text-align-center stk-block stk-50b1438\" data-block-id=\"50b1438\"><style>.stk-50b1438 {padding-top:2.9rem !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;}.stk-50b1438 .stk-img-wrapper img{border-radius:var(--stk--preset--border-radius--xx-large, 32px) !important;}@media screen and (max-width:689px){.stk-50b1438 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-1555\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-scaled.jpg\" width=\"2560\" height=\"1920\" alt=\"Interior of a Double Room at Pansion Ru\u017ea, Novi Vinodolski\" srcset=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-scaled.jpg 2560w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-300x225.jpg 300w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-1024x768.jpg 1024w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-768x576.jpg 768w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-1536x1152.jpg 1536w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk--hide-desktop stk-block stk-c94f47f\" data-block-id=\"c94f47f\"><style>.stk-c94f47f {margin-bottom:50px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-c94f47f-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-ce450fd\" data-v=\"4\" data-block-id=\"ce450fd\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-ce450fd-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-ce450fd-inner-blocks\">\n<div class=\"wp-block-stackable-button-group aligncenter stk-block-button-group stk--hide-desktop stk-block stk-c559cd4\" data-block-id=\"c559cd4\"><style>@media screen and (max-width:689px){.stk-c559cd4 {margin-top:var(--stk--preset--spacing--40, 1rem) !important;}}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button has-text-align-center stk-block stk-51a5688\" data-block-id=\"51a5688\"><style>.stk-51a5688 {padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;}.stk-51a5688 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;background:#c5a46d !important;}@media screen and (max-width:689px){.stk-51a5688 {align-items:center !important;display:flex !important;}.stk-51a5688 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--50, 1.5rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--50, 1.5rem) !important;}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/pansion-ruza.com\/?page_id=765\"><span class=\"stk-button__inner-text\">Rezervirajte svoj odmor<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-center stk-block stk-d6a50e7\" data-block-id=\"d6a50e7\"><style>.stk-d6a50e7 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-d6a50e7 {padding-bottom:var(--stk--preset--spacing--30, 0.67rem) !important;}@media screen and (max-width:689px){.stk-d6a50e7 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:0px !important;margin-bottom:36px !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk--hide-tablet stk--hide-mobile stk-block stk-a0784c1\" data-block-id=\"a0784c1\"><style>.stk-a0784c1 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-a0784c1-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-54134c8 animated backInLeft slow\" data-v=\"4\" data-block-id=\"54134c8\"><style>.stk-54134c8 {align-self:center !important;}@media screen and (min-width:690px){.stk-54134c8 {flex:var(--stk-flex-grow, 1) 1 calc(40% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-54134c8-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-54134c8-inner-blocks\">\n<div class=\"wp-block-stackable-image aligncenter stk-block-image has-text-align-center stk-block stk-fdf87eb animated backInLeft slow\" data-block-id=\"fdf87eb\"><style>.stk-fdf87eb {padding-top:2.9rem !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;}.stk-fdf87eb .stk-img-wrapper img{border-radius:var(--stk--preset--border-radius--xx-large, 32px) !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-1574\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/TROKREVETNA-SOBA_MORE_BALKON_05-scaled.jpg\" width=\"2560\" height=\"1920\" alt=\"Triple Room with Balcony and Sea View at Pansion Ru\u017ea, Novi Vinodolski\" srcset=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/TROKREVETNA-SOBA_MORE_BALKON_05-scaled.jpg 2560w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/TROKREVETNA-SOBA_MORE_BALKON_05-300x225.jpg 300w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/TROKREVETNA-SOBA_MORE_BALKON_05-1024x768.jpg 1024w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/TROKREVETNA-SOBA_MORE_BALKON_05-768x576.jpg 768w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/TROKREVETNA-SOBA_MORE_BALKON_05-1536x1152.jpg 1536w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/TROKREVETNA-SOBA_MORE_BALKON_05-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-c5761d7 animated backInRight slow\" data-v=\"4\" data-block-id=\"c5761d7\"><style>.stk-c5761d7 {align-self:center !important;border-top-left-radius:var(--stk--preset--border-radius--none, 0px) !important;border-top-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-left-radius:var(--stk--preset--border-radius--none, 0px) !important;overflow:hidden !important;padding-top:var(--stk--preset--spacing--60, 2.25rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--60, 2.25rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;}@media screen and (min-width:690px){.stk-c5761d7 {flex:var(--stk-flex-grow, 1) 1 calc(60% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-c5761d7-container stk--no-background stk--no-padding\"><div class=\"has-text-align-left stk-block-content stk-inner-blocks stk-c5761d7-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-9104cc3\" id=\"span-style-color-c-5-a-46-d-class-stk-highlight-pogled-na-more-span\" data-block-id=\"9104cc3\"><style>.stk-9104cc3 {margin-bottom:0px !important;}.stk-9104cc3 .stk-block-heading__text{font-size:14px !important;font-weight:400 !important;}@media screen and (max-width:999px){.stk-9104cc3 .stk-block-heading__text{font-size:14px !important;}}<\/style><h3 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #c5a46d;\" class=\"stk-highlight\">POGLED NA MORE<\/span><\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-ab903c4\" id=\"span-style-color-000000-class-stk-highlight-trokrevetna-soba-s-balkonom-i-pogledom-na-more-span\" data-block-id=\"ab903c4\"><style>.stk-ab903c4 {margin-bottom:15px !important;}.stk-ab903c4 .stk-block-heading__text{font-size:45px !important;line-height:1.2em !important;font-weight:800 !important;}@media screen and (max-width:999px){.stk-ab903c4 .stk-block-heading__text{font-size:45px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #000000;\" class=\"stk-highlight\">Trokrevetna soba s balkonom i pogledom na more<\/span><\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-cfad482\" data-block-id=\"cfad482\"><p class=\"stk-block-text__text has-text-align-left has-text-align-left-mobile\">Trokrevetna soba s balkonom i pogledom na more pru\u017ea savr\u0161enu kombinaciju udobnosti i opu\u0161tanja. Privatni balkon idealan je za u\u017eivanje u jutarnjoj kavi ili zalasku sunca uz prekrasan pogled na more. Soba je pa\u017eljivo ure\u0111ena kvalitetnim namje\u0161tajem i opremljena modernim sadr\u017eajima kako bi osigurala ugodan i bezbri\u017ean boravak.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-center-mobile stk-block stk-c6ab796\" data-block-id=\"c6ab796\"><style>.stk-c6ab796 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-c6ab796 {padding-bottom:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== ROOM META (ICONS ONLY) ====== -->\n<div class=\"twc-room-meta\">\n\n  <!-- Size -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M5 9V5h4\" \/>\n      <path d=\"M15 5h4v4\" \/>\n      <path d=\"M19 15v4h-4\" \/>\n      <path d=\"M9 19H5v-4\" \/>\n    <\/svg>\n    <span>30 m\u00b2<\/span>\n  <\/div>\n\n  <!-- Guests -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <circle cx=\"12\" cy=\"8\" r=\"3.2\" \/>\n      <path d=\"M6.5 18.5C7.4 15.8 9.5 14 12 14s4.6 1.8 5.5 4.5\" \/>\n    <\/svg>\n    <span>4 guests<\/span>\n  <\/div>\n\n  <!-- King Bed -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M3 10h18\" \/>\n      <path d=\"M4 10V7a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v3\" \/>\n      <path d=\"M20 10V7a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v3\" \/>\n      <path d=\"M3 17v-7\" \/>\n      <path d=\"M21 17v-7\" \/>\n    <\/svg>\n    <span>1 king bed<\/span>\n  <\/div>\n\n  <!-- Sea view -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M4 10c1.3 1 2.7 1.5 4 1.5s2.7-.5 4-1.5 2.7-1.5 4-1.5 2.7.5 4 1.5\" \/>\n      <path d=\"M4 15c1.3 1 2.7 1.5 4 1.5s2.7-.5 4-1.5 2.7-1.5 4-1.5 2.7.5 4 1.5\" \/>\n    <\/svg>\n    <span>Sea view<\/span>\n  <\/div>\n\n <\/div>\n\n<style>\n\/* ====== ICONS SECTION ONLY ====== *\/\n.twc-room-meta {\n  display: flex;\n  align-items: center;\n  gap: 26px;\n  padding-left: 10px;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 15.5px;\n  color: #000;\n  flex-wrap: wrap; \/* allow wrapping when space is tight *\/\n}\n\n.twc-room-meta__item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.twc-room-meta__icon {\n  width: 20px;\n  height: 20px;\n  stroke: #b49f7a; \/* GOLD *\/\n  stroke-width: 2;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: 0.18s ease;\n}\n\n.twc-room-meta__item span {\n  color: #000;\n  transition: 0.18s ease;\n  white-space: nowrap; \/* keep \"1 king bed\" on one line *\/\n}\n\n.twc-room-meta__item:hover .twc-room-meta__icon {\n  stroke: #d6b47c;\n  transform: translateY(-2px);\n}\n\n.twc-room-meta__item:hover span {\n  color: #333;\n}\n\n\/* ====== MOBILE OPTIMIZATION ====== *\/\n@media (max-width: 600px) {\n  .twc-room-meta {\n    gap: 14px 18px;       \/* smaller gaps *\/\n    padding-left: 0;\n    font-size: 14px;      \/* slightly smaller text *\/\n  }\n\n  .twc-room-meta__item {\n    flex: 1 1 calc(50% - 18px); \/* two items per row *\/\n  }\n\n  .twc-room-meta__icon {\n    width: 18px;\n    height: 18px;\n  }\n}\n<\/style>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-center-mobile stk-block stk-10d6ddd\" data-block-id=\"10d6ddd\"><style>.stk-10d6ddd hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-10d6ddd {padding-top:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== LUXURY AMENITIES \u2014 SMALL VERSION (WITH HOVER ANIMATION) ====== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"twc-amenities-row small\">\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wi-fi-copy.png\" alt=\"Free Wi-Fi\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Free Wi-Fi<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wave-copy.png\" alt=\"Pansion Ru\u017ea \u2013 beachfront location\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Beachfront location<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/clean-copy.png\" alt=\"Daily housekeeping\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Daily housekeeping<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/windy-copy.png\" alt=\"Air conditioning\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Air conditioning<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/coffee-cup-copy.png\" alt=\"Wide selection of drinks\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Wide selection of drinks<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/cutlery-copy.png\" alt=\"Quality cuisine\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Quality cuisine<\/span>\n  <\/div>\n\n<\/div>\n\n<style>\n.twc-amenities-row.small {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 28px;\n  flex-wrap: wrap;\n  padding: 10px 0;\n  font-family: \"Inter\", sans-serif;\n}\n\n\/* Individual item *\/\n.twc-amenity {\n  text-align: center;\n  width: 85px;\n  cursor: pointer;\n  transition: 0.22s ease;\n}\n\n\/* Smaller icons *\/\n.twc-amenity-icon {\n  width: 26px;\n  height: 26px;\n  margin: 0 auto 4px;\n  transition: 0.22s ease;\n}\n\n.twc-amenity-icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  transition: 0.22s ease;\n\n  \/* Base gold tint *\/\n  filter: brightness(0) saturate(100%) invert(61%) sepia(49%) \n          saturate(408%) hue-rotate(6deg) brightness(89%) contrast(88%);\n}\n\n\/* Smaller text *\/\n.twc-amenity-label {\n  font-size: 12.5px;\n  font-weight: 500;\n  color: #7a6f5e;\n  display: block;\n  line-height: 1.2;\n  transition: 0.22s ease;\n}\n\n\/* ---- HOVER EFFECT (same vibe as first code) ---- *\/\n\n.twc-amenity:hover .twc-amenity-icon {\n  transform: translateY(-3px);\n}\n\n.twc-amenity:hover .twc-amenity-icon img {\n  filter: brightness(1.08) saturate(120%) invert(57%) sepia(53%) \n          saturate(540%) hue-rotate(6deg) brightness(96%) contrast(92%);\n}\n\n.twc-amenity:hover .twc-amenity-label {\n  color: #4b4135;\n}\n\n\/* Mobile optimizations *\/\n@media (max-width: 480px) {\n  .twc-amenities-row.small {\n    gap: 20px;\n  }\n  .twc-amenity-icon {\n    width: 22px;\n    height: 22px;\n  }\n  .twc-amenity-label {\n    font-size: 11.5px;\n  }\n  .twc-amenity {\n    width: 70px;\n  }\n}\n<\/style>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk--hide-tablet stk--hide-mobile stk-block stk-f773d07\" data-block-id=\"f773d07\"><style>.stk-f773d07 {margin-bottom:50px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-f773d07-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-790bfc3\" data-v=\"4\" data-block-id=\"790bfc3\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-790bfc3-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-790bfc3-inner-blocks\">\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-f27ea7c\" data-block-id=\"f27ea7c\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-fb8a5b8\" data-block-id=\"fb8a5b8\"><style>.stk-fb8a5b8 {padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;}.stk-fb8a5b8 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;background:#c5a46d !important;}@media screen and (max-width:689px){.stk-fb8a5b8 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--50, 1.5rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--50, 1.5rem) !important;}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/pansion-ruza.com\/?page_id=765\"><span class=\"stk-button__inner-text\">Rezervirajte svoj odmor<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk--hide-desktop stk-block stk-ccec426\" data-block-id=\"ccec426\"><style>.stk-ccec426 {margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-ccec426 {margin-bottom:12px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-ccec426-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-85893ef animated backInLeft slow\" data-v=\"4\" data-block-id=\"85893ef\"><style>.stk-85893ef {border-top-left-radius:var(--stk--preset--border-radius--none, 0px) !important;border-top-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-left-radius:var(--stk--preset--border-radius--none, 0px) !important;overflow:hidden !important;padding-top:var(--stk--preset--spacing--60, 2.25rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--60, 2.25rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;}@media screen and (min-width:690px){.stk-85893ef {flex:var(--stk-flex-grow, 1) 1 calc(60% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}@media screen and (max-width:689px){.stk-85893ef {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-85893ef-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-85893ef-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-b31825c\" id=\"span-style-color-c-5-a-46-d-class-stk-highlight-pogled-na-more-span\" data-block-id=\"b31825c\"><style>.stk-b31825c {margin-bottom:0px !important;}.stk-b31825c .stk-block-heading__text{font-size:14px !important;font-weight:400 !important;}@media screen and (max-width:999px){.stk-b31825c .stk-block-heading__text{font-size:14px !important;}}<\/style><h3 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #c5a46d;\" class=\"stk-highlight\">POGLED NA MORE<\/span><\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-b56ef5a\" id=\"span-style-color-000000-class-stk-highlight-span-style-color-000000-class-stk-highlight-span-style-color-000000-class-stk-highlight-span-style-color-000000-class-stk-highlight-trokrevetna-soba-s-balkonom-i-pogledom-na-more-span-span-span-span\" data-block-id=\"b56ef5a\"><style>.stk-b56ef5a {margin-bottom:15px !important;}.stk-b56ef5a .stk-block-heading__text{font-size:45px !important;line-height:1.2em !important;font-weight:800 !important;}@media screen and (max-width:999px){.stk-b56ef5a .stk-block-heading__text{font-size:45px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #000000;\" class=\"stk-highlight\"><span style=\"color: #000000;\" class=\"stk-highlight\"><span style=\"color: #000000;\" class=\"stk-highlight\"><span style=\"color: #000000;\" class=\"stk-highlight\">Trokrevetna soba s balkonom i pogledom na more<\/span><\/span><\/span><\/span><\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-b7e68e0\" data-block-id=\"b7e68e0\"><p class=\"stk-block-text__text has-text-align-left has-text-align-left-mobile\">Trokrevetna soba s balkonom i pogledom na more pru\u017ea savr\u0161enu kombinaciju udobnosti i opu\u0161tanja. Privatni balkon idealan je za u\u017eivanje u jutarnjoj kavi ili zalasku sunca uz prekrasan pogled na more. Soba je pa\u017eljivo ure\u0111ena kvalitetnim namje\u0161tajem i opremljena modernim sadr\u017eajima kako bi osigurala ugodan i bezbri\u017ean boravak.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-left-mobile stk-block stk-3723d07\" data-block-id=\"3723d07\"><style>.stk-3723d07 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-3723d07 {padding-bottom:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-3723d07 hr.stk-block-divider__hr{width:100% !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== ROOM META (ICONS ONLY) ====== -->\n<div class=\"twc-room-meta\">\n\n  <!-- Size -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M5 9V5h4\" \/>\n      <path d=\"M15 5h4v4\" \/>\n      <path d=\"M19 15v4h-4\" \/>\n      <path d=\"M9 19H5v-4\" \/>\n    <\/svg>\n    <span>30 m\u00b2<\/span>\n  <\/div>\n\n  <!-- Guests -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <circle cx=\"12\" cy=\"8\" r=\"3.2\" \/>\n      <path d=\"M6.5 18.5C7.4 15.8 9.5 14 12 14s4.6 1.8 5.5 4.5\" \/>\n    <\/svg>\n    <span>4 guests<\/span>\n  <\/div>\n\n  <!-- King Bed -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M3 10h18\" \/>\n      <path d=\"M4 10V7a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v3\" \/>\n      <path d=\"M20 10V7a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v3\" \/>\n      <path d=\"M3 17v-7\" \/>\n      <path d=\"M21 17v-7\" \/>\n    <\/svg>\n    <span>1 king bed<\/span>\n  <\/div>\n\n  <!-- Sea view -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M4 10c1.3 1 2.7 1.5 4 1.5s2.7-.5 4-1.5 2.7-1.5 4-1.5 2.7.5 4 1.5\" \/>\n      <path d=\"M4 15c1.3 1 2.7 1.5 4 1.5s2.7-.5 4-1.5 2.7-1.5 4-1.5 2.7.5 4 1.5\" \/>\n    <\/svg>\n    <span>Sea view<\/span>\n  <\/div>\n\n<\/div>\n\n<style>\n\/* ====== ICONS SECTION ONLY ====== *\/\n.twc-room-meta {\n  display: flex;\n  align-items: center;\n  gap: 26px;\n  padding-left: 10px;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 15.5px;\n  color: #000;\n  flex-wrap: wrap; \/* allow wrapping when space is tight *\/\n}\n\n.twc-room-meta__item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.twc-room-meta__icon {\n  width: 20px;\n  height: 20px;\n  stroke: #b49f7a; \/* GOLD *\/\n  stroke-width: 2;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: 0.18s ease;\n}\n\n.twc-room-meta__item span {\n  color: #000;\n  transition: 0.18s ease;\n  white-space: nowrap; \/* keep \"1 king bed\" on one line *\/\n}\n\n.twc-room-meta__item:hover .twc-room-meta__icon {\n  stroke: #d6b47c;\n  transform: translateY(-2px);\n}\n\n.twc-room-meta__item:hover span {\n  color: #333;\n}\n\n\/* ====== MOBILE OPTIMIZATION ====== *\/\n@media (max-width: 600px) {\n  .twc-room-meta {\n    gap: 14px 18px;       \/* smaller gaps *\/\n    padding-left: 0;\n    font-size: 14px;      \/* slightly smaller text *\/\n  }\n\n  .twc-room-meta__item {\n    flex: 1 1 calc(50% - 18px); \/* two items per row *\/\n  }\n\n  .twc-room-meta__icon {\n    width: 18px;\n    height: 18px;\n  }\n}\n<\/style>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-left-mobile stk-block stk-97fd4f5\" data-block-id=\"97fd4f5\"><style>.stk-97fd4f5 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-97fd4f5 {padding-top:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-97fd4f5 hr.stk-block-divider__hr{width:100% !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== LUXURY AMENITIES \u2014 SMALL VERSION (WITH HOVER ANIMATION) ====== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"twc-amenities-row small\">\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wi-fi-copy.png\" alt=\"Free Wi-Fi\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Free Wi-Fi<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wave-copy.png\" alt=\"Pansion Ru\u017ea \u2013 beachfront location\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Beachfront location<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/clean-copy.png\" alt=\"Daily housekeeping\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Daily housekeeping<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/windy-copy.png\" alt=\"Air conditioning\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Air conditioning<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/coffee-cup-copy.png\" alt=\"Wide selection of drinks\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Wide selection of drinks<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/cutlery-copy.png\" alt=\"Quality cuisine\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Quality cuisine<\/span>\n  <\/div>\n\n<\/div>\n\n<style>\n.twc-amenities-row.small {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 28px;\n  flex-wrap: wrap;\n  padding: 10px 0;\n  font-family: \"Inter\", sans-serif;\n}\n\n\/* Individual item *\/\n.twc-amenity {\n  text-align: center;\n  width: 85px;\n  cursor: pointer;\n  transition: 0.22s ease;\n}\n\n\/* Smaller icons *\/\n.twc-amenity-icon {\n  width: 26px;\n  height: 26px;\n  margin: 0 auto 4px;\n  transition: 0.22s ease;\n}\n\n.twc-amenity-icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  transition: 0.22s ease;\n\n  \/* Base gold tint *\/\n  filter: brightness(0) saturate(100%) invert(61%) sepia(49%) \n          saturate(408%) hue-rotate(6deg) brightness(89%) contrast(88%);\n}\n\n\/* Smaller text *\/\n.twc-amenity-label {\n  font-size: 12.5px;\n  font-weight: 500;\n  color: #7a6f5e;\n  display: block;\n  line-height: 1.2;\n  transition: 0.22s ease;\n}\n\n\/* ---- HOVER EFFECT (same vibe as first code) ---- *\/\n\n.twc-amenity:hover .twc-amenity-icon {\n  transform: translateY(-3px);\n}\n\n.twc-amenity:hover .twc-amenity-icon img {\n  filter: brightness(1.08) saturate(120%) invert(57%) sepia(53%) \n          saturate(540%) hue-rotate(6deg) brightness(96%) contrast(92%);\n}\n\n.twc-amenity:hover .twc-amenity-label {\n  color: #4b4135;\n}\n\n\/* Mobile optimizations *\/\n@media (max-width: 480px) {\n  .twc-amenities-row.small {\n    gap: 20px;\n  }\n  .twc-amenity-icon {\n    width: 22px;\n    height: 22px;\n  }\n  .twc-amenity-label {\n    font-size: 11.5px;\n  }\n  .twc-amenity {\n    width: 70px;\n  }\n}\n<\/style>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-cb77431 animated backInRight slow\" data-v=\"4\" data-block-id=\"cb77431\"><style>.stk-cb77431 {align-self:center !important;}@media screen and (min-width:690px){.stk-cb77431 {flex:var(--stk-flex-grow, 1) 1 calc(40% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}@media screen and (max-width:689px){.stk-cb77431 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-cb77431-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-cb77431-inner-blocks\">\n<div class=\"wp-block-stackable-image aligncenter stk-block-image has-text-align-center stk-block stk-17b8a88\" data-block-id=\"17b8a88\"><style>.stk-17b8a88 {padding-top:2.9rem !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;}.stk-17b8a88 .stk-img-wrapper img{border-radius:var(--stk--preset--border-radius--xx-large, 32px) !important;}@media screen and (max-width:689px){.stk-17b8a88 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-1574\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/TROKREVETNA-SOBA_MORE_BALKON_05-scaled.jpg\" width=\"2560\" height=\"1920\" alt=\"Triple Room with Balcony and Sea View at Pansion Ru\u017ea, Novi Vinodolski\" srcset=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/TROKREVETNA-SOBA_MORE_BALKON_05-scaled.jpg 2560w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/TROKREVETNA-SOBA_MORE_BALKON_05-300x225.jpg 300w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/TROKREVETNA-SOBA_MORE_BALKON_05-1024x768.jpg 1024w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/TROKREVETNA-SOBA_MORE_BALKON_05-768x576.jpg 768w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/TROKREVETNA-SOBA_MORE_BALKON_05-1536x1152.jpg 1536w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/TROKREVETNA-SOBA_MORE_BALKON_05-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk--hide-desktop stk-block stk-0d26ae3\" data-block-id=\"0d26ae3\"><style>.stk-0d26ae3 {margin-bottom:50px !important;}@media screen and (max-width:689px){.stk-0d26ae3 {margin-bottom:50px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-0d26ae3-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-3ad4c34\" data-v=\"4\" data-block-id=\"3ad4c34\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-3ad4c34-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-3ad4c34-inner-blocks\">\n<div class=\"wp-block-stackable-button-group aligncenter stk-block-button-group stk--hide-desktop stk-block stk-fe9c1a8\" data-block-id=\"fe9c1a8\"><style>@media screen and (max-width:689px){.stk-fe9c1a8 {padding-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--40, 1rem) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button has-text-align-center stk-block stk-dbc9623\" data-block-id=\"dbc9623\"><style>.stk-dbc9623 {padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;}.stk-dbc9623 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;background:#c5a46d !important;}@media screen and (max-width:689px){.stk-dbc9623 {align-items:center !important;display:flex !important;}.stk-dbc9623 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--50, 1.5rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--50, 1.5rem) !important;}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/pansion-ruza.com\/?page_id=765\"><span class=\"stk-button__inner-text\">Rezervirajte svoj odmor<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-center stk-block stk-a0fa7ce\" data-block-id=\"a0fa7ce\"><style>.stk-a0fa7ce hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-a0fa7ce {padding-bottom:var(--stk--preset--spacing--30, 0.67rem) !important;}@media screen and (max-width:689px){.stk-a0fa7ce {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:36px !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-fd054ff\" data-block-id=\"fd054ff\"><style>.stk-fd054ff {margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-fd054ff {margin-bottom:12px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-fd054ff-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-6006688 animated backInLeft slow\" data-v=\"4\" data-block-id=\"6006688\"><style>.stk-6006688 {border-top-left-radius:var(--stk--preset--border-radius--none, 0px) !important;border-top-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-left-radius:var(--stk--preset--border-radius--none, 0px) !important;overflow:hidden !important;padding-top:var(--stk--preset--spacing--60, 2.25rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--60, 2.25rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;}@media screen and (min-width:690px){.stk-6006688 {flex:var(--stk-flex-grow, 1) 1 calc(60% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}@media screen and (max-width:689px){.stk-6006688 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-6006688-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-6006688-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-36f49c5\" id=\"span-style-color-c-5-a-46-d-class-stk-highlight-pogled-na-park-span\" data-block-id=\"36f49c5\"><style>.stk-36f49c5 {margin-bottom:0px !important;}.stk-36f49c5 .stk-block-heading__text{font-size:14px !important;font-weight:400 !important;}@media screen and (max-width:999px){.stk-36f49c5 .stk-block-heading__text{font-size:14px !important;}}@media screen and (max-width:689px){.stk-36f49c5 {margin-bottom:0px !important;}}<\/style><h3 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #c5a46d;\" class=\"stk-highlight\">POGLED NA PARK<\/span><\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-db6eb3c\" id=\"span-style-color-000000-class-stk-highlight-trokrevetna-soba-pogled-na-park-bez-balkona-span\" data-block-id=\"db6eb3c\"><style>.stk-db6eb3c {margin-bottom:15px !important;}.stk-db6eb3c .stk-block-heading__text{font-size:45px !important;line-height:1.2em !important;font-weight:800 !important;}@media screen and (max-width:999px){.stk-db6eb3c .stk-block-heading__text{font-size:45px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #000000;\" class=\"stk-highlight\">Trokrevetna soba pogled na park bez balkona<\/span><\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-94ed86d\" data-block-id=\"94ed86d\"><style>.stk-94ed86d {margin-bottom:15px !important;}<\/style><p class=\"stk-block-text__text has-text-align-left has-text-align-left-mobile\">Trokrevetna soba s pogledom na park bez balkona nudi ugodan i funkcionalan prostor, idealan za goste koji tra\u017ee prakti\u010dan i udoban smje\u0161taj. Soba je pa\u017eljivo ure\u0111ena kvalitetnim namje\u0161tajem i opremljena modernim sadr\u017eajima kako bi osigurala miran i bezbri\u017ean boravak.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-left-mobile stk-block stk-03677ee\" data-block-id=\"03677ee\"><style>.stk-03677ee hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-03677ee {padding-bottom:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-03677ee hr.stk-block-divider__hr{width:100% !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== ROOM META (ICONS ONLY) ====== -->\n<div class=\"twc-room-meta\">\n\n  <!-- Size -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M5 9V5h4\" \/>\n      <path d=\"M15 5h4v4\" \/>\n      <path d=\"M19 15v4h-4\" \/>\n      <path d=\"M9 19H5v-4\" \/>\n    <\/svg>\n    <span>30 m\u00b2<\/span>\n  <\/div>\n\n  <!-- Guests -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <circle cx=\"12\" cy=\"8\" r=\"3.2\" \/>\n      <path d=\"M6.5 18.5C7.4 15.8 9.5 14 12 14s4.6 1.8 5.5 4.5\" \/>\n    <\/svg>\n    <span>4 guests<\/span>\n  <\/div>\n\n  <!-- King Bed -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M3 10h18\" \/>\n      <path d=\"M4 10V7a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v3\" \/>\n      <path d=\"M20 10V7a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v3\" \/>\n      <path d=\"M3 17v-7\" \/>\n      <path d=\"M21 17v-7\" \/>\n    <\/svg>\n    <span>1 king bed<\/span>\n  <\/div>\n\n<!-- Park view -->\n<div class=\"twc-room-meta__item\">\n  <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n    <!-- Tree crown -->\n    <path d=\"M12 3c-3.5 0-6 2.3-6 5.2 0 2 1.2 3.7 3 4.6h6c1.8-.9 3-2.6 3-4.6C18 5.3 15.5 3 12 3z\" \/>\n    <!-- Trunk -->\n    <path d=\"M12 12v7\" \/>\n    <!-- Ground -->\n    <path d=\"M5 21h14\" \/>\n  <\/svg>\n  <span>Park view<\/span>\n<\/div>\n\n\n<\/div>\n\n<style>\n\/* ====== ICONS SECTION ONLY ====== *\/\n.twc-room-meta {\n  display: flex;\n  align-items: center;\n  gap: 26px;\n  padding-left: 10px;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 15.5px;\n  color: #000;\n  flex-wrap: wrap; \/* allow wrapping when space is tight *\/\n}\n\n.twc-room-meta__item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.twc-room-meta__icon {\n  width: 20px;\n  height: 20px;\n  stroke: #b49f7a; \/* GOLD *\/\n  stroke-width: 2;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: 0.18s ease;\n}\n\n.twc-room-meta__item span {\n  color: #000;\n  transition: 0.18s ease;\n  white-space: nowrap; \/* keep \"1 king bed\" on one line *\/\n}\n\n.twc-room-meta__item:hover .twc-room-meta__icon {\n  stroke: #d6b47c;\n  transform: translateY(-2px);\n}\n\n.twc-room-meta__item:hover span {\n  color: #333;\n}\n\n\/* ====== MOBILE OPTIMIZATION ====== *\/\n@media (max-width: 600px) {\n  .twc-room-meta {\n    gap: 14px 18px;       \/* smaller gaps *\/\n    padding-left: 0;\n    font-size: 14px;      \/* slightly smaller text *\/\n  }\n\n  .twc-room-meta__item {\n    flex: 1 1 calc(50% - 18px); \/* two items per row *\/\n  }\n\n  .twc-room-meta__icon {\n    width: 18px;\n    height: 18px;\n  }\n}\n<\/style>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-left-mobile stk-block stk-226809c\" data-block-id=\"226809c\"><style>.stk-226809c hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-226809c {padding-top:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-226809c hr.stk-block-divider__hr{width:100% !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== LUXURY AMENITIES \u2014 SMALL VERSION (WITH HOVER ANIMATION) ====== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"twc-amenities-row small\">\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wi-fi-copy.png\" alt=\"Free Wi-Fi\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Free Wi-Fi<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wave-copy.png\" alt=\"Pansion Ru\u017ea \u2013 beachfront location\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Beachfront location<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/clean-copy.png\" alt=\"Daily housekeeping\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Daily housekeeping<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/windy-copy.png\" alt=\"Air conditioning\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Air conditioning<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/coffee-cup-copy.png\" alt=\"Wide selection of drinks\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Wide selection of drinks<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/cutlery-copy.png\" alt=\"Quality cuisine\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Quality cuisine<\/span>\n  <\/div>\n\n<\/div>\n\n<style>\n.twc-amenities-row.small {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 28px;\n  flex-wrap: wrap;\n  padding: 10px 0;\n  font-family: \"Inter\", sans-serif;\n}\n\n\/* Individual item *\/\n.twc-amenity {\n  text-align: center;\n  width: 85px;\n  cursor: pointer;\n  transition: 0.22s ease;\n}\n\n\/* Smaller icons *\/\n.twc-amenity-icon {\n  width: 26px;\n  height: 26px;\n  margin: 0 auto 4px;\n  transition: 0.22s ease;\n}\n\n.twc-amenity-icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  transition: 0.22s ease;\n\n  \/* Base gold tint *\/\n  filter: brightness(0) saturate(100%) invert(61%) sepia(49%) \n          saturate(408%) hue-rotate(6deg) brightness(89%) contrast(88%);\n}\n\n\/* Smaller text *\/\n.twc-amenity-label {\n  font-size: 12.5px;\n  font-weight: 500;\n  color: #7a6f5e;\n  display: block;\n  line-height: 1.2;\n  transition: 0.22s ease;\n}\n\n\/* ---- HOVER EFFECT (same vibe as first code) ---- *\/\n\n.twc-amenity:hover .twc-amenity-icon {\n  transform: translateY(-3px);\n}\n\n.twc-amenity:hover .twc-amenity-icon img {\n  filter: brightness(1.08) saturate(120%) invert(57%) sepia(53%) \n          saturate(540%) hue-rotate(6deg) brightness(96%) contrast(92%);\n}\n\n.twc-amenity:hover .twc-amenity-label {\n  color: #4b4135;\n}\n\n\/* Mobile optimizations *\/\n@media (max-width: 480px) {\n  .twc-amenities-row.small {\n    gap: 20px;\n  }\n  .twc-amenity-icon {\n    width: 22px;\n    height: 22px;\n  }\n  .twc-amenity-label {\n    font-size: 11.5px;\n  }\n  .twc-amenity {\n    width: 70px;\n  }\n}\n<\/style>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-500af66 animated backInRight slow\" data-v=\"4\" data-block-id=\"500af66\"><style>.stk-500af66 {align-self:center !important;}@media screen and (min-width:690px){.stk-500af66 {flex:var(--stk-flex-grow, 1) 1 calc(40% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}@media screen and (max-width:689px){.stk-500af66 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-500af66-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-500af66-inner-blocks\">\n<div class=\"wp-block-stackable-image aligncenter stk-block-image has-text-align-center stk-block stk-90cd2fa\" data-block-id=\"90cd2fa\"><style>.stk-90cd2fa {padding-top:2.7rem !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;}.stk-90cd2fa .stk-img-wrapper img{border-radius:var(--stk--preset--border-radius--xx-large, 32px) !important;}@media screen and (max-width:689px){.stk-90cd2fa {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-1579\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-1-scaled.jpg\" width=\"2560\" height=\"1920\" alt=\"Quadruple Room with Park View at Pansion Ru\u017ea, Novi Vinodolski\" srcset=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-1-scaled.jpg 2560w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-1-300x225.jpg 300w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-1-1024x768.jpg 1024w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-1-768x576.jpg 768w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-1-1536x1152.jpg 1536w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/DVOKREVETNA-SOBA-EC_02-1-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-bae603b\" data-block-id=\"bae603b\"><style>.stk-bae603b {margin-bottom:50px !important;}@media screen and (max-width:689px){.stk-bae603b {padding-bottom:0px !important;margin-bottom:50px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-bae603b-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-c869ae6\" data-v=\"4\" data-block-id=\"c869ae6\"><style>@media screen and (max-width:689px){.stk-c869ae6 {margin-bottom:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-c869ae6-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-c869ae6-inner-blocks\">\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-cbdf848\" data-block-id=\"cbdf848\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-d184be8\" data-block-id=\"d184be8\"><style>.stk-d184be8 {padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;}.stk-d184be8 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;background:#c5a46d !important;}@media screen and (max-width:689px){.stk-d184be8 {margin-top:var(--stk--preset--spacing--30, 0.67rem) !important;}.stk-d184be8 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--50, 1.5rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--50, 1.5rem) !important;}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/pansion-ruza.com\/?page_id=765\"><span class=\"stk-button__inner-text\">Rezervirajte svoj odmor<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-center stk-block stk-dd53e42\" data-block-id=\"dd53e42\"><style>.stk-dd53e42 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-dd53e42 {padding-bottom:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-dd53e42 {padding-top:0rem !important;padding-bottom:0rem !important;margin-bottom:0px !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk--hide-tablet stk--hide-mobile stk-block stk-1869825\" data-block-id=\"1869825\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-1869825-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-53183d2 animated backInLeft slow\" data-v=\"4\" data-block-id=\"53183d2\"><style>.stk-53183d2 {align-self:center !important;}@media screen and (min-width:690px){.stk-53183d2 {flex:var(--stk-flex-grow, 1) 1 calc(40% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-53183d2-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-53183d2-inner-blocks\">\n<div class=\"wp-block-stackable-image aligncenter stk-block-image has-text-align-center stk-block stk-3cd63f9\" data-block-id=\"3cd63f9\"><style>.stk-3cd63f9 {padding-top:2.7rem !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;}.stk-3cd63f9 .stk-img-wrapper img{border-radius:var(--stk--preset--border-radius--xx-large, 32px) !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-1003\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/159891193.jpg\" width=\"576\" height=\"768\" srcset=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/159891193.jpg 576w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/159891193-225x300.jpg 225w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-75a6656 animated backInRight slow\" data-v=\"4\" data-block-id=\"75a6656\"><style>.stk-75a6656 {border-top-left-radius:var(--stk--preset--border-radius--none, 0px) !important;border-top-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-left-radius:var(--stk--preset--border-radius--none, 0px) !important;overflow:hidden !important;padding-top:var(--stk--preset--spacing--60, 2.25rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--60, 2.25rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;}@media screen and (min-width:690px){.stk-75a6656 {flex:var(--stk-flex-grow, 1) 1 calc(60% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-75a6656-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-75a6656-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-ac26305\" id=\"span-style-color-c-5-a-46-d-class-stk-highlight-pogled-na-more-span\" data-block-id=\"ac26305\"><style>.stk-ac26305 {margin-bottom:0px !important;}.stk-ac26305 .stk-block-heading__text{font-size:14px !important;font-weight:400 !important;}@media screen and (max-width:999px){.stk-ac26305 .stk-block-heading__text{font-size:14px !important;}}<\/style><h3 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #c5a46d;\" class=\"stk-highlight\">POGLED NA MORE<\/span><\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-0686107\" id=\"span-style-color-000000-class-stk-highlight-cetverokrevetna-soba-u-potkrovlju-s-pogledom-na-more-bez-balkona-span\" data-block-id=\"0686107\"><style>.stk-0686107 {margin-bottom:15px !important;}.stk-0686107 .stk-block-heading__text{font-size:45px !important;line-height:1.2em !important;font-weight:800 !important;}@media screen and (max-width:999px){.stk-0686107 .stk-block-heading__text{font-size:45px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #000000;\" class=\"stk-highlight\">\u010cetverokrevetna soba u potkrovlju s pogledom na more bez balkona<\/span><\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-048b77b\" data-block-id=\"048b77b\"><style>.stk-048b77b {margin-bottom:15px !important;}<\/style><p class=\"stk-block-text__text has-text-align-left has-text-align-left-mobile\">Iskusite ugodnu i elegantnu atmosferu na\u0161e \u010detverokrevetne sobe u potkrovlju, koja nudi prekrasan pogled na more. Smje\u0161tena u mirnom dijelu objekta, soba pru\u017ea osje\u0107aj privatnosti i udobnosti te je pa\u017eljivo ure\u0111ena kvalitetnim namje\u0161tajem i modernim sadr\u017eajima za ugodan boravak.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left stk-block stk-3efa105\" data-block-id=\"3efa105\"><style>.stk-3efa105 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-3efa105 {padding-bottom:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== ROOM META (ICONS ONLY) ====== -->\n<div class=\"twc-room-meta\">\n\n  <!-- Size -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M5 9V5h4\" \/>\n      <path d=\"M15 5h4v4\" \/>\n      <path d=\"M19 15v4h-4\" \/>\n      <path d=\"M9 19H5v-4\" \/>\n    <\/svg>\n    <span>40 m\u00b2<\/span>\n  <\/div>\n\n  <!-- Guests -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <circle cx=\"12\" cy=\"8\" r=\"3.2\" \/>\n      <path d=\"M6.5 18.5C7.4 15.8 9.5 14 12 14s4.6 1.8 5.5 4.5\" \/>\n    <\/svg>\n    <span>6 guests<\/span>\n  <\/div>\n\n  <!-- King Bed -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M3 10h18\" \/>\n      <path d=\"M4 10V7a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v3\" \/>\n      <path d=\"M20 10V7a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v3\" \/>\n      <path d=\"M3 17v-7\" \/>\n      <path d=\"M21 17v-7\" \/>\n    <\/svg>\n    <span>1 king bed<\/span>\n  <\/div>\n\n  <!-- Sea view -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M4 10c1.3 1 2.7 1.5 4 1.5s2.7-.5 4-1.5 2.7-1.5 4-1.5 2.7.5 4 1.5\" \/>\n      <path d=\"M4 15c1.3 1 2.7 1.5 4 1.5s2.7-.5 4-1.5 2.7-1.5 4-1.5 2.7.5 4 1.5\" \/>\n    <\/svg>\n    <span>Sea view<\/span>\n  <\/div>\n\n<\/div>\n\n<style>\n\/* ====== ICONS SECTION ONLY ====== *\/\n.twc-room-meta {\n  display: flex;\n  align-items: center;\n  gap: 26px;\n  padding-left: 10px;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 15.5px;\n  color: #000;\n  flex-wrap: wrap; \/* allow wrapping when space is tight *\/\n}\n\n.twc-room-meta__item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.twc-room-meta__icon {\n  width: 20px;\n  height: 20px;\n  stroke: #b49f7a; \/* GOLD *\/\n  stroke-width: 2;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: 0.18s ease;\n}\n\n.twc-room-meta__item span {\n  color: #000;\n  transition: 0.18s ease;\n  white-space: nowrap; \/* keep \"1 king bed\" on one line *\/\n}\n\n.twc-room-meta__item:hover .twc-room-meta__icon {\n  stroke: #d6b47c;\n  transform: translateY(-2px);\n}\n\n.twc-room-meta__item:hover span {\n  color: #333;\n}\n\n\/* ====== MOBILE OPTIMIZATION ====== *\/\n@media (max-width: 600px) {\n  .twc-room-meta {\n    gap: 14px 18px;       \/* smaller gaps *\/\n    padding-left: 0;\n    font-size: 14px;      \/* slightly smaller text *\/\n  }\n\n  .twc-room-meta__item {\n    flex: 1 1 calc(50% - 18px); \/* two items per row *\/\n  }\n\n  .twc-room-meta__icon {\n    width: 18px;\n    height: 18px;\n  }\n}\n<\/style>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left stk-block stk-d0f23ee\" data-block-id=\"d0f23ee\"><style>.stk-d0f23ee hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-d0f23ee {padding-top:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== LUXURY AMENITIES \u2014 SMALL VERSION (WITH HOVER ANIMATION) ====== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"twc-amenities-row small\">\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wi-fi-copy.png\" alt=\"Free Wi-Fi\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Free Wi-Fi<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wave-copy.png\" alt=\"Pansion Ru\u017ea \u2013 beachfront location\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Beachfront location<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/clean-copy.png\" alt=\"Daily housekeeping\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Daily housekeeping<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/windy-copy.png\" alt=\"Air conditioning\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Air conditioning<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/coffee-cup-copy.png\" alt=\"Wide selection of drinks\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Wide selection of drinks<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/cutlery-copy.png\" alt=\"Quality cuisine\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Quality cuisine<\/span>\n  <\/div>\n\n<\/div>\n<style>\n.twc-amenities-row.small {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 28px;\n  flex-wrap: wrap;\n  padding: 10px 0;\n  font-family: \"Inter\", sans-serif;\n}\n\n\/* Individual item *\/\n.twc-amenity {\n  text-align: center;\n  width: 85px;\n  cursor: pointer;\n  transition: 0.22s ease;\n}\n\n\/* Smaller icons *\/\n.twc-amenity-icon {\n  width: 26px;\n  height: 26px;\n  margin: 0 auto 4px;\n  transition: 0.22s ease;\n}\n\n.twc-amenity-icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  transition: 0.22s ease;\n\n  \/* Base gold tint *\/\n  filter: brightness(0) saturate(100%) invert(61%) sepia(49%) \n          saturate(408%) hue-rotate(6deg) brightness(89%) contrast(88%);\n}\n\n\/* Smaller text *\/\n.twc-amenity-label {\n  font-size: 12.5px;\n  font-weight: 500;\n  color: #7a6f5e;\n  display: block;\n  line-height: 1.2;\n  transition: 0.22s ease;\n}\n\n\/* ---- HOVER EFFECT (same vibe as first code) ---- *\/\n\n.twc-amenity:hover .twc-amenity-icon {\n  transform: translateY(-3px);\n}\n\n.twc-amenity:hover .twc-amenity-icon img {\n  filter: brightness(1.08) saturate(120%) invert(57%) sepia(53%) \n          saturate(540%) hue-rotate(6deg) brightness(96%) contrast(92%);\n}\n\n.twc-amenity:hover .twc-amenity-label {\n  color: #4b4135;\n}\n\n\/* Mobile optimizations *\/\n@media (max-width: 480px) {\n  .twc-amenities-row.small {\n    gap: 20px;\n  }\n  .twc-amenity-icon {\n    width: 22px;\n    height: 22px;\n  }\n  .twc-amenity-label {\n    font-size: 11.5px;\n  }\n  .twc-amenity {\n    width: 70px;\n  }\n}\n<\/style>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-589a0e0\" data-block-id=\"589a0e0\"><style>.stk-589a0e0 {margin-bottom:50px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-589a0e0-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-5e0dd32\" data-v=\"4\" data-block-id=\"5e0dd32\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-5e0dd32-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-5e0dd32-inner-blocks\">\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk--hide-tablet stk--hide-mobile stk-block stk-abdb5af\" data-block-id=\"abdb5af\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-ad63378\" data-block-id=\"ad63378\"><style>.stk-ad63378 {padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;}.stk-ad63378 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;background:#c5a46d !important;}@media screen and (max-width:689px){.stk-ad63378 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--50, 1.5rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--50, 1.5rem) !important;}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/pansion-ruza.com\/?page_id=765\"><span class=\"stk-button__inner-text\">Rezervirajte svoj odmor<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk--hide-desktop stk-block stk-1bbdecd\" data-block-id=\"1bbdecd\"><style>@media screen and (max-width:689px){.stk-1bbdecd {margin-bottom:12px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-1bbdecd-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-d93c9d7 animated backInLeft slow\" data-v=\"4\" data-block-id=\"d93c9d7\"><style>.stk-d93c9d7 {border-top-left-radius:var(--stk--preset--border-radius--none, 0px) !important;border-top-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-left-radius:var(--stk--preset--border-radius--none, 0px) !important;overflow:hidden !important;padding-top:var(--stk--preset--spacing--60, 2.25rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--60, 2.25rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;}@media screen and (min-width:690px){.stk-d93c9d7 {flex:var(--stk-flex-grow, 1) 1 calc(60% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}@media screen and (max-width:689px){.stk-d93c9d7 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-d93c9d7-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-d93c9d7-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-dc617ae\" id=\"span-style-color-c-5-a-46-d-class-stk-highlight-pogled-na-more-span\" data-block-id=\"dc617ae\"><style>.stk-dc617ae {margin-bottom:0px !important;}.stk-dc617ae .stk-block-heading__text{font-size:14px !important;font-weight:400 !important;}@media screen and (max-width:999px){.stk-dc617ae .stk-block-heading__text{font-size:14px !important;}}@media screen and (max-width:689px){.stk-dc617ae {margin-bottom:5px !important;}}<\/style><h3 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #c5a46d;\" class=\"stk-highlight\">POGLED NA MORE<\/span><\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-a5c5b07\" id=\"span-style-color-000000-class-stk-highlight-span-style-color-000000-class-stk-highlight-cetverokrevetna-soba-u-potkrovlju-s-pogledom-na-more-bez-balkona-span-span\" data-block-id=\"a5c5b07\"><style>.stk-a5c5b07 {margin-bottom:15px !important;}.stk-a5c5b07 .stk-block-heading__text{font-size:45px !important;line-height:1.2em !important;font-weight:800 !important;}@media screen and (max-width:999px){.stk-a5c5b07 .stk-block-heading__text{font-size:45px !important;}}@media screen and (max-width:689px){.stk-a5c5b07 .stk-block-heading__text{font-size:40px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #000000;\" class=\"stk-highlight\"><span style=\"color: #000000;\" class=\"stk-highlight\">\u010cetverokrevetna soba u potkrovlju s pogledom na more bez balkona<\/span><\/span><\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-2302c65\" data-block-id=\"2302c65\"><style>.stk-2302c65 {margin-bottom:15px !important;}<\/style><p class=\"stk-block-text__text has-text-align-left has-text-align-left-mobile\">Iskusite ugodnu i elegantnu atmosferu na\u0161e \u010detverokrevetne sobe u potkrovlju, koja nudi prekrasan pogled na more. Smje\u0161tena u mirnom dijelu objekta, soba pru\u017ea osje\u0107aj privatnosti i udobnosti te je pa\u017eljivo ure\u0111ena kvalitetnim namje\u0161tajem i modernim sadr\u017eajima za ugodan boravak.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-left-mobile stk-block stk-b2ba7f6\" data-block-id=\"b2ba7f6\"><style>.stk-b2ba7f6 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-b2ba7f6 {padding-bottom:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-b2ba7f6 hr.stk-block-divider__hr{width:100% !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== ROOM META (ICONS ONLY) ====== -->\n<div class=\"twc-room-meta\">\n\n  <!-- Size -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M5 9V5h4\" \/>\n      <path d=\"M15 5h4v4\" \/>\n      <path d=\"M19 15v4h-4\" \/>\n      <path d=\"M9 19H5v-4\" \/>\n    <\/svg>\n    <span>40 m\u00b2<\/span>\n  <\/div>\n\n  <!-- Guests -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <circle cx=\"12\" cy=\"8\" r=\"3.2\" \/>\n      <path d=\"M6.5 18.5C7.4 15.8 9.5 14 12 14s4.6 1.8 5.5 4.5\" \/>\n    <\/svg>\n    <span>6 guests<\/span>\n  <\/div>\n\n  <!-- King Bed -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M3 10h18\" \/>\n      <path d=\"M4 10V7a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v3\" \/>\n      <path d=\"M20 10V7a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v3\" \/>\n      <path d=\"M3 17v-7\" \/>\n      <path d=\"M21 17v-7\" \/>\n    <\/svg>\n    <span>1 king bed<\/span>\n  <\/div>\n\n  <!-- Sea view -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M4 10c1.3 1 2.7 1.5 4 1.5s2.7-.5 4-1.5 2.7-1.5 4-1.5 2.7.5 4 1.5\" \/>\n      <path d=\"M4 15c1.3 1 2.7 1.5 4 1.5s2.7-.5 4-1.5 2.7-1.5 4-1.5 2.7.5 4 1.5\" \/>\n    <\/svg>\n    <span>Sea view<\/span>\n  <\/div>\n\n<\/div>\n\n<style>\n\/* ====== ICONS SECTION ONLY ====== *\/\n.twc-room-meta {\n  display: flex;\n  align-items: center;\n  gap: 26px;\n  padding-left: 10px;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 15.5px;\n  color: #000;\n  flex-wrap: wrap; \/* allow wrapping when space is tight *\/\n}\n\n.twc-room-meta__item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.twc-room-meta__icon {\n  width: 20px;\n  height: 20px;\n  stroke: #b49f7a; \/* GOLD *\/\n  stroke-width: 2;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: 0.18s ease;\n}\n\n.twc-room-meta__item span {\n  color: #000;\n  transition: 0.18s ease;\n  white-space: nowrap; \/* keep \"1 king bed\" on one line *\/\n}\n\n.twc-room-meta__item:hover .twc-room-meta__icon {\n  stroke: #d6b47c;\n  transform: translateY(-2px);\n}\n\n.twc-room-meta__item:hover span {\n  color: #333;\n}\n\n\/* ====== MOBILE OPTIMIZATION ====== *\/\n@media (max-width: 600px) {\n  .twc-room-meta {\n    gap: 14px 18px;       \/* smaller gaps *\/\n    padding-left: 0;\n    font-size: 14px;      \/* slightly smaller text *\/\n  }\n\n  .twc-room-meta__item {\n    flex: 1 1 calc(50% - 18px); \/* two items per row *\/\n  }\n\n  .twc-room-meta__icon {\n    width: 18px;\n    height: 18px;\n  }\n}\n<\/style>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-left-mobile stk-block stk-feb2c84\" data-block-id=\"feb2c84\"><style>.stk-feb2c84 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-feb2c84 {padding-top:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-feb2c84 hr.stk-block-divider__hr{width:100% !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== LUXURY AMENITIES \u2014 SMALL VERSION (WITH HOVER ANIMATION) ====== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"twc-amenities-row small\">\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wi-fi-copy.png\" alt=\"Free Wi-Fi\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Free Wi-Fi<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wave-copy.png\" alt=\"Pansion Ru\u017ea \u2013 beachfront location\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Beachfront location<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/clean-copy.png\" alt=\"Daily housekeeping\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Daily housekeeping<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/windy-copy.png\" alt=\"Air conditioning\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Air conditioning<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/coffee-cup-copy.png\" alt=\"Wide selection of drinks\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Wide selection of drinks<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/cutlery-copy.png\" alt=\"Quality cuisine\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Quality cuisine<\/span>\n  <\/div>\n\n<\/div>\n<style>\n.twc-amenities-row.small {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 28px;\n  flex-wrap: wrap;\n  padding: 10px 0;\n  font-family: \"Inter\", sans-serif;\n}\n\n\/* Individual item *\/\n.twc-amenity {\n  text-align: center;\n  width: 85px;\n  cursor: pointer;\n  transition: 0.22s ease;\n}\n\n\/* Smaller icons *\/\n.twc-amenity-icon {\n  width: 26px;\n  height: 26px;\n  margin: 0 auto 4px;\n  transition: 0.22s ease;\n}\n\n.twc-amenity-icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  transition: 0.22s ease;\n\n  \/* Base gold tint *\/\n  filter: brightness(0) saturate(100%) invert(61%) sepia(49%) \n          saturate(408%) hue-rotate(6deg) brightness(89%) contrast(88%);\n}\n\n\/* Smaller text *\/\n.twc-amenity-label {\n  font-size: 12.5px;\n  font-weight: 500;\n  color: #7a6f5e;\n  display: block;\n  line-height: 1.2;\n  transition: 0.22s ease;\n}\n\n\/* ---- HOVER EFFECT (same vibe as first code) ---- *\/\n\n.twc-amenity:hover .twc-amenity-icon {\n  transform: translateY(-3px);\n}\n\n.twc-amenity:hover .twc-amenity-icon img {\n  filter: brightness(1.08) saturate(120%) invert(57%) sepia(53%) \n          saturate(540%) hue-rotate(6deg) brightness(96%) contrast(92%);\n}\n\n.twc-amenity:hover .twc-amenity-label {\n  color: #4b4135;\n}\n\n\/* Mobile optimizations *\/\n@media (max-width: 480px) {\n  .twc-amenities-row.small {\n    gap: 20px;\n  }\n  .twc-amenity-icon {\n    width: 22px;\n    height: 22px;\n  }\n  .twc-amenity-label {\n    font-size: 11.5px;\n  }\n  .twc-amenity {\n    width: 70px;\n  }\n}\n<\/style>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-fa991b6 animated backInRight slow\" data-v=\"4\" data-block-id=\"fa991b6\"><style>.stk-fa991b6 {align-self:center !important;}@media screen and (min-width:690px){.stk-fa991b6 {flex:var(--stk-flex-grow, 1) 1 calc(40% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}@media screen and (max-width:689px){.stk-fa991b6 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-fa991b6-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-fa991b6-inner-blocks\">\n<div class=\"wp-block-stackable-image aligncenter stk-block-image has-text-align-center stk-block stk-b371349\" data-block-id=\"b371349\"><style>.stk-b371349 {padding-top:2.7rem !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;}.stk-b371349 .stk-img-wrapper img{border-radius:var(--stk--preset--border-radius--xx-large, 32px) !important;}@media screen and (max-width:689px){.stk-b371349 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-1003\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/159891193.jpg\" width=\"576\" height=\"768\" srcset=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/159891193.jpg 576w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/159891193-225x300.jpg 225w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk--hide-desktop stk-block stk-e04a90f\" data-block-id=\"e04a90f\"><style>.stk-e04a90f {margin-bottom:50px !important;}@media screen and (max-width:689px){.stk-e04a90f {margin-bottom:50px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-e04a90f-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-fe93518\" data-v=\"4\" data-block-id=\"fe93518\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-fe93518-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-fe93518-inner-blocks\">\n<div class=\"wp-block-stackable-button-group aligncenter stk-block-button-group stk-block stk-6d295aa\" data-block-id=\"6d295aa\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-b69a87f\" data-block-id=\"b69a87f\"><style>.stk-b69a87f {padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;}.stk-b69a87f .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;background:#c5a46d !important;}@media screen and (max-width:689px){.stk-b69a87f {padding-top:var(--stk--preset--spacing--none, 0px) !important;}.stk-b69a87f .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--50, 1.5rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--50, 1.5rem) !important;}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/pansion-ruza.com\/?page_id=765\"><span class=\"stk-button__inner-text\">Rezervirajte svoj odmor<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-divider aligncenter stk-block-divider has-text-align-center stk-block stk-1be331f\" data-block-id=\"1be331f\"><style>.stk-1be331f hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-1be331f {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:nullpx !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}@media screen and (max-width:689px){.stk-1be331f hr.stk-block-divider__hr{width:80% !important;}.stk-1be331f {margin-bottom:36px !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-855400d\" data-block-id=\"855400d\"><style>.stk-855400d {margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-855400d {margin-bottom:12px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-855400d-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-ffca9b3 animated backInLeft slow\" data-v=\"4\" data-block-id=\"ffca9b3\"><style>.stk-ffca9b3 {border-top-left-radius:var(--stk--preset--border-radius--none, 0px) !important;border-top-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-right-radius:var(--stk--preset--border-radius--none, 0px) !important;border-bottom-left-radius:var(--stk--preset--border-radius--none, 0px) !important;overflow:hidden !important;padding-top:var(--stk--preset--spacing--60, 2.25rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--60, 2.25rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;}@media screen and (min-width:690px){.stk-ffca9b3 {flex:var(--stk-flex-grow, 1) 1 calc(60% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}@media screen and (max-width:689px){.stk-ffca9b3 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-ffca9b3-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-ffca9b3-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-415a1bc\" id=\"span-style-color-c-5-a-46-d-class-stk-highlight-pogled-na-park-span\" data-block-id=\"415a1bc\"><style>.stk-415a1bc {margin-bottom:0px !important;}.stk-415a1bc .stk-block-heading__text{font-size:14px !important;font-weight:400 !important;}@media screen and (max-width:999px){.stk-415a1bc .stk-block-heading__text{font-size:14px !important;}}@media screen and (max-width:689px){.stk-415a1bc {margin-bottom:0px !important;}}<\/style><h3 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #c5a46d;\" class=\"stk-highlight\">POGLED NA PARK<\/span><\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-1e0e4db\" id=\"span-style-color-000000-class-stk-highlight-cetverokrevetna-soba-s-pogledom-na-park-bez-balkona-span\" data-block-id=\"1e0e4db\"><style>.stk-1e0e4db {margin-bottom:15px !important;}.stk-1e0e4db .stk-block-heading__text{font-size:45px !important;line-height:1.2em !important;font-weight:800 !important;}@media screen and (max-width:999px){.stk-1e0e4db .stk-block-heading__text{font-size:45px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-align-left has-text-align-left-mobile\"><span style=\"color: #000000;\" class=\"stk-highlight\">\u010cetverokrevetna soba s pogledom na park bez balkona<\/span><\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-418107f\" data-block-id=\"418107f\"><style>.stk-418107f {margin-bottom:15px !important;}<\/style><p class=\"stk-block-text__text has-text-align-left has-text-align-left-mobile\">\u010cetverokrevetna soba s pogledom na park bez balkona pru\u017ea ugodan i miran ambijent, idealan za obitelji ili manje grupe. Soba je pa\u017eljivo ure\u0111ena kvalitetnim namje\u0161tajem i opremljena modernim sadr\u017eajima kako bi osigurala udoban i opu\u0161taju\u0107i boravak.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-left-mobile stk-block stk-5096d35\" data-block-id=\"5096d35\"><style>.stk-5096d35 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-5096d35 {padding-bottom:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-5096d35 hr.stk-block-divider__hr{width:100% !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== ROOM META (ICONS ONLY) ====== -->\n<div class=\"twc-room-meta\">\n\n  <!-- Size -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M5 9V5h4\" \/>\n      <path d=\"M15 5h4v4\" \/>\n      <path d=\"M19 15v4h-4\" \/>\n      <path d=\"M9 19H5v-4\" \/>\n    <\/svg>\n    <span>40 m\u00b2<\/span>\n  <\/div>\n\n  <!-- Guests -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <circle cx=\"12\" cy=\"8\" r=\"3.2\" \/>\n      <path d=\"M6.5 18.5C7.4 15.8 9.5 14 12 14s4.6 1.8 5.5 4.5\" \/>\n    <\/svg>\n    <span>6 guests<\/span>\n  <\/div>\n\n  <!-- King Bed -->\n  <div class=\"twc-room-meta__item\">\n    <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n      <path d=\"M3 10h18\" \/>\n      <path d=\"M4 10V7a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v3\" \/>\n      <path d=\"M20 10V7a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v3\" \/>\n      <path d=\"M3 17v-7\" \/>\n      <path d=\"M21 17v-7\" \/>\n    <\/svg>\n    <span>1 king bed<\/span>\n  <\/div>\n\n<!-- Park view -->\n<div class=\"twc-room-meta__item\">\n  <svg class=\"twc-room-meta__icon\" viewBox=\"0 0 24 24\">\n    <!-- Tree crown -->\n    <path d=\"M12 3c-3.5 0-6 2.3-6 5.2 0 2 1.2 3.7 3 4.6h6c1.8-.9 3-2.6 3-4.6C18 5.3 15.5 3 12 3z\" \/>\n    <!-- Trunk -->\n    <path d=\"M12 12v7\" \/>\n    <!-- Ground -->\n    <path d=\"M5 21h14\" \/>\n  <\/svg>\n  <span>Park view<\/span>\n<\/div>\n\n\n<\/div>\n\n<style>\n\/* ====== ICONS SECTION ONLY ====== *\/\n.twc-room-meta {\n  display: flex;\n  align-items: center;\n  gap: 26px;\n  padding-left: 10px;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 15.5px;\n  color: #000;\n  flex-wrap: wrap; \/* allow wrapping when space is tight *\/\n}\n\n.twc-room-meta__item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.twc-room-meta__icon {\n  width: 20px;\n  height: 20px;\n  stroke: #b49f7a; \/* GOLD *\/\n  stroke-width: 2;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: 0.18s ease;\n}\n\n.twc-room-meta__item span {\n  color: #000;\n  transition: 0.18s ease;\n  white-space: nowrap; \/* keep \"1 king bed\" on one line *\/\n}\n\n.twc-room-meta__item:hover .twc-room-meta__icon {\n  stroke: #d6b47c;\n  transform: translateY(-2px);\n}\n\n.twc-room-meta__item:hover span {\n  color: #333;\n}\n\n\/* ====== MOBILE OPTIMIZATION ====== *\/\n@media (max-width: 600px) {\n  .twc-room-meta {\n    gap: 14px 18px;       \/* smaller gaps *\/\n    padding-left: 0;\n    font-size: 14px;      \/* slightly smaller text *\/\n  }\n\n  .twc-room-meta__item {\n    flex: 1 1 calc(50% - 18px); \/* two items per row *\/\n  }\n\n  .twc-room-meta__icon {\n    width: 18px;\n    height: 18px;\n  }\n}\n<\/style>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-left-mobile stk-block stk-4f67e25\" data-block-id=\"4f67e25\"><style>.stk-4f67e25 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-4f67e25 {padding-top:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-4f67e25 hr.stk-block-divider__hr{width:100% !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<!-- ====== LUXURY AMENITIES \u2014 SMALL VERSION (WITH HOVER ANIMATION) ====== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"twc-amenities-row small\">\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wi-fi-copy.png\" alt=\"Free Wi-Fi\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Free Wi-Fi<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/wave-copy.png\" alt=\"Pansion Ru\u017ea \u2013 beachfront location\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Beachfront location<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/clean-copy.png\" alt=\"Daily housekeeping\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Daily housekeeping<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/windy-copy.png\" alt=\"Air conditioning\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Air conditioning<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/coffee-cup-copy.png\" alt=\"Wide selection of drinks\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Wide selection of drinks<\/span>\n  <\/div>\n\n  <div class=\"twc-amenity\">\n    <div class=\"twc-amenity-icon\">\n      <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/cutlery-copy.png\" alt=\"Quality cuisine\">\n    <\/div>\n    <span class=\"twc-amenity-label\">Quality cuisine<\/span>\n  <\/div>\n\n<\/div>\n\n<style>\n.twc-amenities-row.small {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 28px;\n  flex-wrap: wrap;\n  padding: 10px 0;\n  font-family: \"Inter\", sans-serif;\n}\n\n\/* Individual item *\/\n.twc-amenity {\n  text-align: center;\n  width: 85px;\n  cursor: pointer;\n  transition: 0.22s ease;\n}\n\n\/* Smaller icons *\/\n.twc-amenity-icon {\n  width: 26px;\n  height: 26px;\n  margin: 0 auto 4px;\n  transition: 0.22s ease;\n}\n\n.twc-amenity-icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  transition: 0.22s ease;\n\n  \/* Base gold tint *\/\n  filter: brightness(0) saturate(100%) invert(61%) sepia(49%) \n          saturate(408%) hue-rotate(6deg) brightness(89%) contrast(88%);\n}\n\n\/* Smaller text *\/\n.twc-amenity-label {\n  font-size: 12.5px;\n  font-weight: 500;\n  color: #7a6f5e;\n  display: block;\n  line-height: 1.2;\n  transition: 0.22s ease;\n}\n\n\/* ---- HOVER EFFECT (same vibe as first code) ---- *\/\n\n.twc-amenity:hover .twc-amenity-icon {\n  transform: translateY(-3px);\n}\n\n.twc-amenity:hover .twc-amenity-icon img {\n  filter: brightness(1.08) saturate(120%) invert(57%) sepia(53%) \n          saturate(540%) hue-rotate(6deg) brightness(96%) contrast(92%);\n}\n\n.twc-amenity:hover .twc-amenity-label {\n  color: #4b4135;\n}\n\n\/* Mobile optimizations *\/\n@media (max-width: 480px) {\n  .twc-amenities-row.small {\n    gap: 20px;\n  }\n  .twc-amenity-icon {\n    width: 22px;\n    height: 22px;\n  }\n  .twc-amenity-label {\n    font-size: 11.5px;\n  }\n  .twc-amenity {\n    width: 70px;\n  }\n}\n<\/style>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-d83aa45 animated backInRight slow\" data-v=\"4\" data-block-id=\"d83aa45\"><style>.stk-d83aa45 {align-self:center !important;}@media screen and (min-width:690px){.stk-d83aa45 {flex:var(--stk-flex-grow, 1) 1 calc(40% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}@media screen and (max-width:689px){.stk-d83aa45 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-d83aa45-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-d83aa45-inner-blocks\">\n<div class=\"wp-block-stackable-image aligncenter stk-block-image has-text-align-center stk-block stk-555c60c\" data-block-id=\"555c60c\"><style>.stk-555c60c {padding-top:2.7rem !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;}.stk-555c60c .stk-img-wrapper img{border-radius:var(--stk--preset--border-radius--xx-large, 32px) !important;}@media screen and (max-width:689px){.stk-555c60c {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-1571\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/CETVEROKREVETNA-SOBA-PARK_03-scaled.jpg\" width=\"2560\" height=\"1920\" alt=\"Quadruple Room with Park View at Pansion Ru\u017ea, Novi Vinodolski\" srcset=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/CETVEROKREVETNA-SOBA-PARK_03-scaled.jpg 2560w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/CETVEROKREVETNA-SOBA-PARK_03-300x225.jpg 300w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/CETVEROKREVETNA-SOBA-PARK_03-1024x768.jpg 1024w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/CETVEROKREVETNA-SOBA-PARK_03-768x576.jpg 768w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/CETVEROKREVETNA-SOBA-PARK_03-1536x1152.jpg 1536w, https:\/\/pansion-ruza.com\/wp-content\/uploads\/2026\/02\/CETVEROKREVETNA-SOBA-PARK_03-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-caf2d87\" data-block-id=\"caf2d87\"><style>.stk-caf2d87 {margin-bottom:50px !important;}@media screen and (max-width:689px){.stk-caf2d87 {margin-bottom:50px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-caf2d87-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-29061ff\" data-v=\"4\" data-block-id=\"29061ff\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-29061ff-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-29061ff-inner-blocks\">\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-515e241\" data-block-id=\"515e241\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-994d0a0\" data-block-id=\"994d0a0\"><style>.stk-994d0a0 {padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;}.stk-994d0a0 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;background:#c5a46d !important;}@media screen and (max-width:689px){.stk-994d0a0 {margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}.stk-994d0a0 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--50, 1.5rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--50, 1.5rem) !important;}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/pansion-ruza.com\/?page_id=765\"><span class=\"stk-button__inner-text\">Rezervirajte svoj odmor<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-center stk-block stk-293d233\" data-block-id=\"293d233\"><style>.stk-293d233 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:80% !important;}.stk-293d233 {padding-bottom:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}@media screen and (max-width:689px){.stk-293d233 {padding-top:0rem !important;padding-bottom:0rem !important;margin-bottom:0px !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-90fbc42\" data-block-id=\"90fbc42\"><style>.stk-90fbc42 {padding-top:100px !important;padding-bottom:100px !important;}@media screen and (max-width:689px){.stk-90fbc42 {padding-top:40px !important;padding-bottom:100px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-90fbc42-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2e5f6f9\" data-v=\"4\" data-block-id=\"2e5f6f9\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2e5f6f9-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2e5f6f9-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-72d10ce animated backInLeft slow\" id=\"span-style-color-c-5-a-46-d-class-stk-highlight-pogled-na-more-span\" data-block-id=\"72d10ce\"><style>.stk-72d10ce {margin-bottom:0px !important;}.stk-72d10ce .stk-block-heading__text{font-size:14px !important;font-weight:400 !important;}@media screen and (max-width:999px){.stk-72d10ce .stk-block-heading__text{font-size:14px !important;}}<\/style><h3 class=\"stk-block-heading__text has-text-align-center has-text-align-left-mobile\"><span style=\"color: #c5a46d;\" class=\"stk-highlight\">POGLED NA MORE<\/span><\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-2be621b animated backInRight slow\" id=\"span-style-color-000000-class-stk-highlight-zapocnite-svoje-putovanje-span\" data-block-id=\"2be621b\"><style>.stk-2be621b {margin-bottom:12px !important;}.stk-2be621b .stk-block-heading__text{font-size:60px !important;line-height:1.2em !important;font-weight:800 !important;}@media screen and (max-width:999px){.stk-2be621b .stk-block-heading__text{font-size:50px !important;}}@media screen and (max-width:689px){.stk-2be621b {margin-bottom:12px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-align-center has-text-align-left-mobile\"><span style=\"color: #000000;\" class=\"stk-highlight\">Zapo\u010dnite svoje putovanje<\/span><\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-center has-text-align-left-mobile stk-block stk-4597273 animated backInUp slow\" data-block-id=\"4597273\"><style>.stk-4597273 hr.stk-block-divider__hr{background:#c5a46d !important;height:2px !important;width:10% !important;}.stk-4597273 {padding-bottom:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:30px !important;}@media screen and (max-width:689px){.stk-4597273 hr.stk-block-divider__hr{width:70% !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-6807893 animated backInUp slow\" data-block-id=\"6807893\"><style>.stk-6807893 {margin-bottom:30px !important;}<\/style><p class=\"stk-block-text__text has-text-align-center has-text-align-left-mobile\"><strong><span style=\"color: #000000;\" class=\"stk-highlight\">Rezervirajte svoj bijeg na Jadran. Bilo da tra\u017eite romantiku, opu\u0161tanje ili avanturu, Hotel Ru\u017ea \u010deka da stvori nezaboravne uspomene.<\/span><\/strong><\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-66cd729\" data-block-id=\"66cd729\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-66cd729-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-95399ec\" data-v=\"4\" data-block-id=\"95399ec\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-95399ec-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-95399ec-inner-blocks\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-717177d animated backInUp slow\" data-block-id=\"717177d\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-717177d-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-e6c8d5d\" data-v=\"4\" data-block-id=\"e6c8d5d\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-e6c8d5d-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-e6c8d5d-inner-blocks\">\n<div class=\"wp-block-stackable-button-group aligncenter stk-block-button-group stk-block stk-1d5b5d5\" data-block-id=\"1d5b5d5\"><style>.stk-1d5b5d5 {margin-bottom:30px !important;}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button has-text-align-center animated backInUp slow stk-block stk-fc0cbb7\" data-block-id=\"fc0cbb7\"><style>.stk-fc0cbb7 .stk-button{padding-top:var(--stk--preset--spacing--20, 0.44rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;background:#df3333 !important;}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/pansion-ruza.com\/?page_id=765\"><span class=\"stk-button__inner-text\"><strong>Osigurajte svoju sobu uz more<\/strong><\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n<!-- ========== LAGUNA GALLERY \u2013 CAROUSEL ONLY (NO LIGHTBOX) ========== -->\n<div class=\"laguna-gallery\">\n  <div class=\"laguna-gallery-inner\">\n\n    <!-- CAROUSEL -->\n    <div class=\"lg-carousel\">\n      <div class=\"lg-track\">\n        <!-- Slides -->\n        <div class=\"lg-slide active\" data-index=\"0\">\n          <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/44918579.jpg\" alt=\"Pansion Ru\u017ea \u2013 pogled na more i obalu\">\n        <\/div>\n        <div class=\"lg-slide\" data-index=\"1\">\n          <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/unnamed.webp\" alt=\"Pansion Ru\u017ea soba s pogledom na more\">\n        <\/div>\n        <div class=\"lg-slide\" data-index=\"2\">\n          <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/unnamed-1.webp\" alt=\"Pansion Ru\u017ea - soba s bra\u010dnim krevetom\">\n        <\/div>\n        <div class=\"lg-slide\" data-index=\"3\">\n          <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/Hotel.Ruza_.06.webp\" alt=\"Pansion ru\u017ea \u2013 soba s pogledom na more i interijer\">\n        <\/div>\n        <div class=\"lg-slide\" data-index=\"4\">\n          <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/Hotel.Ruza_.01.webp\" alt=\"Pansion Ru\u017ea \u2013 detalji sobe\">\n        <\/div>\n        <div class=\"lg-slide\" data-index=\"5\">\n          <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/159891193.jpg\" alt=\"Pansion Ru\u017ea - obiteljska soba s pogledom na more\">\n        <\/div>\n        <div class=\"lg-slide\" data-index=\"6\">\n          <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/194560755.jpg\" alt=\"Pansion Ru\u017ea - soba\">\n        <\/div>\n        <div class=\"lg-slide\" data-index=\"7\">\n          <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/240685061-Picsart-AiImageEnhancer.jpg\" alt=\"Pansion Ru\u017ea \u2013 pla\u017ea u blizini\">\n        <\/div>\n        <div class=\"lg-slide\" data-index=\"8\">\n          <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/novi-vinodolski_kueste.jpg\" alt=\"Pansion Ru\u017ea okoli\u0161, priroda, pla\u017ee\">\n        <\/div>\n        <div class=\"lg-slide\" data-index=\"9\">\n          <img decoding=\"async\" src=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/novi-vinodolski_strand-rivica.jpg\" alt=\"Pansion Ru\u017ea - okoli\u0161, more\">\n        <\/div>\n\n        <!-- Carousel arrows -->\n        <button class=\"lg-nav lg-prev\" aria-label=\"Prethodna fotografija\">&#10094;<\/button>\n        <button class=\"lg-nav lg-next\" aria-label=\"Sljede\u0107a fotografija\">&#10095;<\/button>\n      <\/div>\n\n      <!-- Dots -->\n      <div class=\"lg-dots\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  :root {\n    --laguna-blue: #C5A46D;\n    --laguna-bg: #ffffff;\n    --laguna-text: #C5A46D;\n    --laguna-muted: #C5A46D;\n  }\n\n  .laguna-gallery {\n    padding: 70px 0;\n    background: var(--laguna-bg);\n  }\n\n  .laguna-gallery-inner {\n    max-width: 1120px;\n    margin: 0 auto;\n    padding: 0 16px;\n  }\n\n  \/* ====== CAROUSEL ====== *\/\n  .lg-carousel {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 14px;\n  }\n\n  .lg-track {\n    position: relative;\n    width: 100%;\n    max-width: 640px;\n    overflow: hidden;\n    border-radius: 26px;\n    background: #000;\n    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);\n  }\n\n  .lg-slide {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    transform: scale(0.98);\n    transition: opacity 0.4s ease, transform 0.4s ease;\n  }\n\n  .lg-slide.active {\n    opacity: 1;\n    transform: scale(1);\n    position: relative;\n  }\n\n  .lg-slide img {\n    width: 100%;\n    height: 420px;\n    object-fit: cover;\n    display: block;\n    border-radius: 26px;\n  }\n\n  \/* Carousel arrows *\/\n  .lg-nav {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    border: none;\n    background: #ffffff;\n    width: 42px;\n    height: 42px;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.35);\n    color: #C5A46D;\n    font-size: 18px;\n    z-index: 3;\n  }\n\n  .lg-prev { left: 14px; }\n  .lg-next { right: 14px; }\n\n  .lg-nav:hover {\n    background: #f3f4f6;\n  }\n\n  .lg-nav:focus {\n    outline: 2px solid var(--laguna-blue);\n    outline-offset: 2px;\n  }\n\n  .lg-dots {\n    display: flex;\n    gap: 7px;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: wrap;\n    margin-top: 4px;\n  }\n\n  .lg-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 999px;\n    border: none;\n    background: #d1d5db;\n    cursor: pointer;\n    opacity: 0.8;\n    transition: width 0.2s ease, background 0.2s ease, opacity 0.2s ease;\n  }\n\n  .lg-dot.active {\n    width: 22px;\n    background: #C5A46D;\n    opacity: 1;\n  }\n\n  \/* ===== MOBILE CAROUSEL \u2013 FULL WIDTH, 60vh HEIGHT ===== *\/\n  @media (max-width:690px) {\n    .laguna-gallery {\n      padding: 60px 0;\n    }\n\n    .laguna-gallery-inner {\n      max-width: none;\n      padding: 0;\n    }\n\n    .lg-carousel {\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      align-items: stretch;\n    }\n\n    .lg-track {\n      width: 100vw;\n      max-width: 100vw;\n      border-radius: 0;\n      box-shadow: none;\n    }\n\n    .lg-slide img {\n      width: 100%;\n      height: 60vh;\n      max-height: 60vh;\n      border-radius: 0;\n      object-fit: cover;\n    }\n\n    .lg-nav {\n      width: 40px;\n      height: 40px;\n      font-size: 16px;\n      top: 50%;\n    }\n\n    .lg-prev { left: 8px; }\n    .lg-next { right: 8px; }\n  }\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const slides = document.querySelectorAll(\".lg-slide\");\n  const track = document.querySelector(\".lg-track\");\n  const dotsContainer = document.querySelector(\".lg-dots\");\n  const prevBtn = document.querySelector(\".lg-prev\");\n  const nextBtn = document.querySelector(\".lg-next\");\n\n  if (!slides.length || !track) return;\n\n  let currentIndex = 0;\n  const total = slides.length;\n  const SWIPE_THRESHOLD = 40;\n\n  \/\/ Create dots\n  slides.forEach((_, index) => {\n    const dot = document.createElement(\"button\");\n    dot.className = \"lg-dot\" + (index === 0 ? \" active\" : \"\");\n    dot.setAttribute(\"data-index\", index.toString());\n    dotsContainer.appendChild(dot);\n  });\n\n  const dots = document.querySelectorAll(\".lg-dot\");\n\n  function showSlide(index) {\n    if (index < 0) index = total - 1;\n    if (index >= total) index = 0;\n    currentIndex = index;\n\n    slides.forEach((slide, i) => {\n      slide.classList.toggle(\"active\", i === currentIndex);\n    });\n\n    dots.forEach((dot, i) => {\n      dot.classList.toggle(\"active\", i === currentIndex);\n    });\n  }\n\n  \/\/ Arrows\n  prevBtn.addEventListener(\"click\", () => showSlide(currentIndex - 1));\n  nextBtn.addEventListener(\"click\", () => showSlide(currentIndex + 1));\n\n  \/\/ Dots\n  dots.forEach((dot) => {\n    dot.addEventListener(\"click\", () => {\n      const index = parseInt(dot.getAttribute(\"data-index\") || \"0\", 10);\n      showSlide(index);\n    });\n  });\n\n  \/\/ SWIPE \u2014 carousel\n  let startX = 0;\n  let endX = 0;\n\n  track.addEventListener(\"touchstart\", (e) => {\n    const t = e.changedTouches[0];\n    startX = t.clientX;\n    endX = t.clientX;\n  }, { passive: true });\n\n  track.addEventListener(\"touchmove\", (e) => {\n    const t = e.changedTouches[0];\n    endX = t.clientX;\n  }, { passive: true });\n\n  track.addEventListener(\"touchend\", () => {\n    const diff = endX - startX;\n    if (Math.abs(diff) > SWIPE_THRESHOLD) {\n      if (diff < 0) showSlide(currentIndex + 1);\n      else showSlide(currentIndex - 1);\n    }\n  });\n\n  \/\/ Init\n  showSlide(0);\n});\n<\/script>\n<!-- ========== END LAGUNA GALLERY ========== -->\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Pellentesque tincidunt tristique neque, eget venenatis enim gravida quis. Fusce at egestas libero. Cras convallis egestas ullamcorper suspens.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-770","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"vertical_spacing_source":"custom","content_area_spacing":"none","content_style_source":"inherit","has_hero_section":"disabled"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Sobe - Pansion Ru\u017ea Novi Vinodolski<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pansion-ruza.com\/?page_id=770\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sobe - Pansion Ru\u017ea Novi Vinodolski\" \/>\n<meta property=\"og:description\" content=\"Pellentesque tincidunt tristique neque, eget venenatis enim gravida quis. Fusce at egestas libero. Cras convallis egestas ullamcorper suspens.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pansion-ruza.com\/?page_id=770\" \/>\n<meta property=\"og:site_name\" content=\"Pansion Ru\u017ea Novi Vinodolski\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/HotelRuza\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-23T13:02:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/194560755.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"22 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pansion-ruza.com\/?page_id=770\",\"url\":\"https:\/\/pansion-ruza.com\/?page_id=770\",\"name\":\"Sobe - Pansion Ru\u017ea Novi Vinodolski\",\"isPartOf\":{\"@id\":\"https:\/\/pansion-ruza.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pansion-ruza.com\/?page_id=770#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pansion-ruza.com\/?page_id=770#primaryimage\"},\"thumbnailUrl\":\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/194560755.jpg\",\"datePublished\":\"2022-02-23T21:06:46+00:00\",\"dateModified\":\"2026-02-23T13:02:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/pansion-ruza.com\/?page_id=770#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pansion-ruza.com\/?page_id=770\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pansion-ruza.com\/?page_id=770#primaryimage\",\"url\":\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/194560755.jpg\",\"contentUrl\":\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/194560755.jpg\",\"width\":1024,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pansion-ruza.com\/?page_id=770#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/pansion-ruza.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sobe\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pansion-ruza.com\/#website\",\"url\":\"https:\/\/pansion-ruza.com\/\",\"name\":\"Pansion Ru\u017ea Novi Vinodolski\",\"description\":\"Pansion Ru\u017ea Novi Vinodolski\",\"publisher\":{\"@id\":\"https:\/\/pansion-ruza.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pansion-ruza.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/pansion-ruza.com\/#organization\",\"name\":\"Pansion Ru\u017ea Novi Vinodolski\",\"url\":\"https:\/\/pansion-ruza.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pansion-ruza.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/Logo-ruza-copy.png\",\"contentUrl\":\"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/Logo-ruza-copy.png\",\"width\":1024,\"height\":1024,\"caption\":\"Pansion Ru\u017ea Novi Vinodolski\"},\"image\":{\"@id\":\"https:\/\/pansion-ruza.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/HotelRuza\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sobe - Pansion Ru\u017ea Novi Vinodolski","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pansion-ruza.com\/?page_id=770","og_locale":"en_US","og_type":"article","og_title":"Sobe - Pansion Ru\u017ea Novi Vinodolski","og_description":"Pellentesque tincidunt tristique neque, eget venenatis enim gravida quis. Fusce at egestas libero. Cras convallis egestas ullamcorper suspens.","og_url":"https:\/\/pansion-ruza.com\/?page_id=770","og_site_name":"Pansion Ru\u017ea Novi Vinodolski","article_publisher":"https:\/\/www.facebook.com\/HotelRuza\/","article_modified_time":"2026-02-23T13:02:01+00:00","og_image":[{"url":"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/194560755.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"22 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pansion-ruza.com\/?page_id=770","url":"https:\/\/pansion-ruza.com\/?page_id=770","name":"Sobe - Pansion Ru\u017ea Novi Vinodolski","isPartOf":{"@id":"https:\/\/pansion-ruza.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pansion-ruza.com\/?page_id=770#primaryimage"},"image":{"@id":"https:\/\/pansion-ruza.com\/?page_id=770#primaryimage"},"thumbnailUrl":"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/194560755.jpg","datePublished":"2022-02-23T21:06:46+00:00","dateModified":"2026-02-23T13:02:01+00:00","breadcrumb":{"@id":"https:\/\/pansion-ruza.com\/?page_id=770#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pansion-ruza.com\/?page_id=770"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pansion-ruza.com\/?page_id=770#primaryimage","url":"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/194560755.jpg","contentUrl":"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/194560755.jpg","width":1024,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/pansion-ruza.com\/?page_id=770#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pansion-ruza.com\/"},{"@type":"ListItem","position":2,"name":"Sobe"}]},{"@type":"WebSite","@id":"https:\/\/pansion-ruza.com\/#website","url":"https:\/\/pansion-ruza.com\/","name":"Pansion Ru\u017ea Novi Vinodolski","description":"Pansion Ru\u017ea Novi Vinodolski","publisher":{"@id":"https:\/\/pansion-ruza.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pansion-ruza.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/pansion-ruza.com\/#organization","name":"Pansion Ru\u017ea Novi Vinodolski","url":"https:\/\/pansion-ruza.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pansion-ruza.com\/#\/schema\/logo\/image\/","url":"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/Logo-ruza-copy.png","contentUrl":"https:\/\/pansion-ruza.com\/wp-content\/uploads\/2025\/12\/Logo-ruza-copy.png","width":1024,"height":1024,"caption":"Pansion Ru\u017ea Novi Vinodolski"},"image":{"@id":"https:\/\/pansion-ruza.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/HotelRuza\/"]}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Josip Zivcec","author_link":"https:\/\/pansion-ruza.com\/?author=2"},"uagb_comment_info":0,"uagb_excerpt":"Pellentesque tincidunt tristique neque, eget venenatis enim gravida quis. Fusce at egestas libero. Cras convallis egestas ullamcorper suspens.","_links":{"self":[{"href":"https:\/\/pansion-ruza.com\/index.php?rest_route=\/wp\/v2\/pages\/770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pansion-ruza.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pansion-ruza.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pansion-ruza.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pansion-ruza.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=770"}],"version-history":[{"count":205,"href":"https:\/\/pansion-ruza.com\/index.php?rest_route=\/wp\/v2\/pages\/770\/revisions"}],"predecessor-version":[{"id":1606,"href":"https:\/\/pansion-ruza.com\/index.php?rest_route=\/wp\/v2\/pages\/770\/revisions\/1606"}],"wp:attachment":[{"href":"https:\/\/pansion-ruza.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}