#hostillaOption { box-sizing: border-box; width: 100%; max-width: 900px; margin: 0 auto; padding: 20px 0 32px; color: #244c35; font: 16px/1.6 Arial, sans-serif; letter-spacing: 0; }
#hostillaOption * { box-sizing: border-box; }
#hostillaOption .optionLanguages { display: flex; justify-content: flex-end; gap: 20px; margin-bottom: 16px; }
#hostillaOption a { color: #286018; text-decoration: underline; }
#hostillaOption .optionIntro { max-width: 760px; margin: 0 0 24px; }
#hostillaOption label { display: block; font-weight: 700; margin-bottom: 8px; }
#hostillaOption .optionSearch { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: stretch; }
#hostillaOption #optionDomain { display: block; float: none; width: 100%; min-width: 0; height: 48px; padding: 10px 14px; margin: 0; border: 1px solid #779874; border-radius: 6px; background: #fff; color: #203d2b; font: 18px/1.4 Arial,sans-serif; }
#hostillaOption .optionButton { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; height: auto; padding: 10px 20px; margin: 0; border: 1px solid #3b701c; border-radius: 6px; background: #3b701c; color: #fff; font: bold 16px/1.4 Arial,sans-serif; text-decoration: none; cursor: pointer; text-align: center; white-space: normal; box-shadow: none; }
#hostillaOption .optionButton:hover { background: #2a5813; }
#hostillaOption a:focus-visible,#hostillaOption button:focus-visible,#hostillaOption input:focus { outline: 3px solid #ddb747; outline-offset: 2px; }
#hostillaOption .optionResult { margin-top: 28px; padding: 24px 0; border-top: 1px solid #bdd0b7; border-bottom: 1px solid #bdd0b7; }
#hostillaOption h2 { margin: 0 0 12px; color: #284a1b; font: bold 24px/1.35 Arial,sans-serif; overflow-wrap: anywhere; }
#hostillaOption .optionStatus { display: block; margin: 0 0 18px; font-weight: bold; }
#hostillaOption .available { color: #286519; }
#hostillaOption .unavailable { color: #843428; }
#hostillaOption .optionPrice { display: flex; flex-wrap: wrap; gap: 24px 48px; margin: 18px 0 8px; }
#hostillaOption dt { margin: 0; color: #52624f; font-size: 14px; }
#hostillaOption dd { margin: 3px 0 0; color: #254b1c; font-size: 20px; font-weight: bold; }
#hostillaOption .optionTax,#hostillaOption .optionNote { font-size: 14px; color: #445344; }
#hostillaOption .optionNote { max-width: 700px; margin: 14px 0 0; }
#hostillaOption .optionNotice { padding: 12px 16px; border-left: 4px solid #c59b25; background: #fff7dc; color: #553d17; }
#hostillaOption .optionLinks { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 20px; padding: 0; background: none; font-size: 14px; }
@media (max-width: 540px) { #hostillaOption { padding: 12px 4px 24px; } #hostillaOption .optionSearch { grid-template-columns: minmax(0,1fr); } #hostillaOption .optionPrice { gap: 16px 24px; } #hostillaOption .optionButton { width: 100%; } }