/* Public UI styles adapted from the user-supplied Anatomika3D ZIP. Scoped to rental. */
.an-rental{--background: #f6f8fb; --foreground: #14223a; --card: #fff; --primary: #165dff; --primary-foreground: #fff; --muted: #64748b; --muted-foreground: #64748b; --border: #dfe5ee; --input: #d7deea; --ring: #165dff; --popover: #fff; --popover-foreground: #14223a; --destructive: #dc2626; --radius: 1rem;}
.an-rental *{box-sizing: border-box;}
.an-rental{scrollbar-gutter: stable;}
.an-rental{margin: 0px; background: var(--background); color: var(--foreground); font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
.an-rental button,.an-rental input,.an-rental textarea,.an-rental select{font: inherit;}
.an-rental button{cursor: pointer;}
.an-rental svg{width: 20px; height: 20px;}









.an-rental .cartButton{justify-self: end; border: 0px; background: rgb(20, 34, 58); color: rgb(255, 255, 255); border-radius: 12px; padding: 11px 15px; display: flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 700;}
.an-rental .cartButton b{display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: rgb(22, 93, 255); font-size: 12px;}
.an-rental .page{max-width: 1240px; margin: 0px auto; padding: 52px 24px 80px;}
.an-rental .intro{display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 70px; align-items: center; margin-bottom: 64px;}
.an-rental .eyebrow{color: rgb(22, 93, 255); text-transform: uppercase; letter-spacing: 0.13em; font-size: 12px; font-weight: 800;}
.an-rental .intro h1,.an-rental .pageTitle h1{font-size: clamp(38px, 5vw, 62px); line-height: 1.02; letter-spacing: -0.045em; margin: 14px 0px 20px;}
.an-rental .intro p{max-width: 570px; font-size: 18px; line-height: 1.65; color: rgb(96, 112, 138); margin: 0px;}
.an-rental .dateCard{background: rgb(255, 255, 255); border: 1px solid var(--border); padding: 26px; border-radius: 22px; box-shadow: rgba(36, 58, 93, 0.09) 0px 18px 50px;}
.an-rental .dateTitle{display: flex; gap: 14px; align-items: center; padding-bottom: 20px; border-bottom: 1px solid var(--border);}
.an-rental .dateTitle > svg{padding: 10px; width: 44px; height: 44px; border-radius: 12px; background: rgb(232, 239, 255); color: rgb(22, 93, 255);}
.an-rental .dateTitle div{display: flex; flex-direction: column; gap: 4px;}
.an-rental .dateTitle span{font-size: 13px; color: rgb(116, 129, 153);}
.an-rental .dateFields{display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: end; margin-top: 20px;}
.an-rental .dateFields > svg{margin-bottom: 14px; color: rgb(154, 167, 187);}
.an-rental .dateFields label,.an-rental .customerForm label{display: flex; flex-direction: column; gap: 8px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 800; color: rgb(107, 120, 144);}
.an-rental .dateFields input,.an-rental .customerForm input,.an-rental .search input{border: 1px solid rgb(215, 222, 234); border-radius: 10px; background: rgb(251, 252, 254); color: rgb(23, 35, 58); padding: 13px; min-width: 0px;}
.an-rental .catalogHead{display: flex; justify-content: space-between; align-items: end; margin-bottom: 24px;}
.an-rental .catalogHead h2{font-size: 28px; margin: 0px 0px 6px;}
.an-rental .catalogHead p{margin: 0px; color: rgb(116, 129, 153); font-size: 14px;}
.an-rental .search{width: min(360px, 100%); display: flex; align-items: center; gap: 9px; background: rgb(255, 255, 255); border: 1px solid var(--border); border-radius: 12px; padding-left: 14px; color: rgb(138, 150, 170);}
.an-rental .search input{border: 0px; background: transparent; outline: 0px; width: 100%; font-size: 14px;}
.an-rental .productGrid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.an-rental .product{background: rgb(255, 255, 255); border: 1px solid var(--border); border-radius: 18px; overflow: hidden; transition: 0.2s;}
.an-rental .product:hover{transform: translateY(-3px); box-shadow: rgba(37, 58, 90, 0.09) 0px 16px 34px;}
.an-rental .productVisual{height: 180px; display: grid; place-items: center; position: relative;}
.an-rental .productVisual > span{width: 86px; height: 86px; background: rgba(255, 255, 255, 0.72); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 50%; display: grid; place-items: center; color: rgb(49, 69, 97);}
.an-rental .productVisual > span svg{width: 42px; height: 42px;}
.an-rental .productVisual small{position: absolute; top: 14px; right: 14px; background: rgba(255, 255, 255, 0.8); padding: 6px 9px; border-radius: 8px; font-size: 11px; font-weight: 800;}
.an-rental .productBody{padding: 20px;}
.an-rental .category{font-size: 12px; color: rgb(22, 93, 255); font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em;}
.an-rental .product h3{font-size: 18px; margin: 8px 0px 14px;}
.an-rental .stock{display: flex; align-items: center; gap: 8px; color: rgb(101, 115, 138); font-size: 13px;}
.an-rental .stock i{width: 8px; height: 8px; border-radius: 50%; background: rgb(24, 167, 106);}
.an-rental .stock i.none{background: rgb(239, 68, 68);}
.an-rental .add,.an-rental .submit,.an-rental .empty button,.an-rental .success button{width: 100%; border: 0px; background: rgb(22, 93, 255); color: rgb(255, 255, 255); border-radius: 10px; padding: 12px 14px; font-weight: 800; margin-top: 18px; display: flex; justify-content: center; align-items: center; gap: 7px;}
.an-rental .add:disabled{background: rgb(170, 180, 195);}
.an-rental .stepper{height: 43px; display: flex; align-items: center; justify-content: space-between; background: rgb(240, 244, 251); border-radius: 10px; margin-top: 17px;}
.an-rental .stepper button{border: 0px; background: transparent; color: rgb(22, 93, 255); padding: 11px 14px;}
.an-rental .stepper svg{width: 17px; height: 17px;}
.an-rental .narrow{max-width: 1100px;}
.an-rental .pageTitle h1{font-size: 44px; margin-top: 9px;}
.an-rental .checkoutGrid{display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 28px; align-items: start;}
.an-rental .cartList,.an-rental .customerForm,.an-rental .empty,.an-rental .success{background: rgb(255, 255, 255); border: 1px solid var(--border); border-radius: 18px;}
.an-rental .period{display: flex; align-items: center; gap: 13px; padding: 18px 20px; background: rgb(234, 241, 255); border-radius: 18px 18px 0px 0px;}
.an-rental .period > svg{color: rgb(22, 93, 255);}
.an-rental .period div{display: flex; flex-direction: column; gap: 3px;}
.an-rental .period span,.an-rental .cartRow small{font-size: 12px; color: rgb(107, 120, 144);}
.an-rental .period button{margin-left: auto; border: 0px; background: none; color: rgb(22, 93, 255); font-weight: 800;}
.an-rental .cartRow{display: grid; grid-template-columns: auto 1fr 110px auto; align-items: center; gap: 14px; padding: 18px 20px; border-top: 1px solid var(--border);}
.an-rental .cartRow > div:nth-child(2){display: flex; flex-direction: column; gap: 5px;}
.an-rental .miniVisual{width: 54px; height: 54px; border-radius: 12px; display: grid; place-items: center;}
.an-rental .cartRow .stepper{margin: 0px; height: 39px;}
.an-rental .remove{border: 0px; background: none; color: rgb(148, 160, 178); padding: 5px;}
.an-rental .customerForm{padding: 24px; display: grid; gap: 16px;}
.an-rental .customerForm h2{margin: 0px 0px 4px; font-size: 22px;}
.an-rental .customerForm label span{font-weight: 400; text-transform: none; letter-spacing: 0px;}
.an-rental .consentList{display: grid; gap: 12px; padding: 14px; border: 1px solid rgb(191, 208, 239); background: rgb(241, 246, 255); border-radius: 11px;}
.an-rental .customerForm .consent{display: grid; grid-template-columns: 17px minmax(0px, 1fr); gap: 10px; align-items: start; text-transform: none; letter-spacing: 0px; line-height: 1.45; font-weight: 500; color: rgb(51, 67, 92);}
.an-rental .customerForm .consent input{width: 17px; height: 17px; margin: 2px 0px 0px; padding: 0px;}
.an-rental .submit{margin-top: 2px; padding: 15px;}
.an-rental .empty,.an-rental .success{padding: 70px 24px; text-align: center; max-width: 620px; margin: 30px auto;}
.an-rental .empty > svg,.an-rental .success > span{width: 58px; height: 58px; padding: 15px; border-radius: 18px; background: rgb(232, 239, 255); color: rgb(22, 93, 255);}
.an-rental .empty h2{margin: 20px 0px 8px;}
.an-rental .empty p,.an-rental .success p{color: rgb(104, 119, 141);}
.an-rental .empty button,.an-rental .success button{width: auto; margin: 20px auto 0px; padding: 13px 24px;}
.an-rental .success > span{display: grid; place-items: center; margin: auto; background: rgb(220, 252, 231); color: rgb(22, 155, 99);}
.an-rental .success h1{font-size: 46px; letter-spacing: -0.03em; margin: 10px;}





















.an-rental .reservationTable{background: rgb(255, 255, 255); border: 1px solid var(--border); border-radius: 16px; overflow: hidden;}















@media (max-width: 900px){.an-rental .productGrid{grid-template-columns: repeat(2, 1fr);}
.an-rental .intro{grid-template-columns: 1fr; gap: 32px;}
.an-rental .checkoutGrid{grid-template-columns: 1fr;}





}
@media (max-width: 620px){

.an-rental .cartButton span{display: none;}
.an-rental .page{padding: 32px 16px 60px;}
.an-rental .intro{margin-bottom: 42px;}
.an-rental .intro h1{font-size: 40px;}
.an-rental .intro p{font-size: 16px;}
.an-rental .dateCard{padding: 18px;}
.an-rental .dateFields{grid-template-columns: 1fr;}
.an-rental .dateFields > svg{display: none;}
.an-rental .catalogHead{align-items: stretch; flex-direction: column; gap: 16px;}
.an-rental .productGrid{grid-template-columns: 1fr;}
.an-rental .productVisual{height: 150px;}
.an-rental .cartRow{grid-template-columns: auto 1fr auto;}
.an-rental .cartRow .stepper{grid-column: 2;}







.an-rental .customerForm{padding: 19px;}}
.an-rental .publicTopbar{grid-template-columns: 1fr auto 1fr;}
.an-rental .publicSection{font-size: 14px; font-weight: 800; color: rgb(51, 67, 92);}
.an-rental .productOpen,.an-rental .productName{border: 0px; background: none; padding: 0px; width: 100%; text-align: left;}
.an-rental .productOpen{display: block;}
.an-rental .productName h3{transition: color 0.15s;}
.an-rental .productName:hover h3{color: var(--primary);}
.an-rental .cardDescription{font-size: 13px; line-height: 1.4; color: rgb(113, 128, 151); margin: -6px 0px 12px; min-height: 36px;}
.an-rental .productVisual.hasImage{background: rgb(244, 246, 249);}
.an-rental .productVisual img{width: 100%; height: 100%; object-fit: contain; padding: 10px;}
.an-rental .productVisual.large{height: 320px; border-radius: 16px; overflow: hidden;}
.an-rental .miniVisual{overflow: hidden;}
.an-rental .miniVisual img{width: 100%; height: 100%; object-fit: contain; padding: 3px;}
.an-rental .catalogEmpty{grid-column: 1 / -1; padding: 60px 20px; text-align: center; border: 1px dashed rgb(203, 213, 225); border-radius: 18px; color: rgb(107, 120, 144);}
.an-rental .catalogEmpty svg{width: 34px; height: 34px;}
.an-rental .catalogEmpty, .an-rental .catalogEmpty h3{color: var(--foreground);}
.an-rental .catalogEmpty h3{margin: 12px 0px 5px;}
.an-rental .catalogEmpty p{margin: 0px;}
.an-rental .modalBackdrop{position: fixed; inset: 0px; z-index: 100; background: rgba(15, 28, 49, 0.62); display: grid; place-items: center; padding: 24px;}
.an-rental .publicModelModal{position: relative; width: min(900px, 100%); max-height: calc(-48px + 100vh); overflow: auto; background: rgb(255, 255, 255); border-radius: 22px; box-shadow: rgba(4, 12, 28, 0.35) 0px 30px 90px; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 28px; padding: 24px;}
.an-rental .modalClose{position: absolute; right: 14px; top: 14px; z-index: 2; width: 38px; height: 38px; border: 0px; border-radius: 50%; background: rgb(237, 242, 248); color: rgb(66, 83, 109); display: grid; place-items: center;}
.an-rental .modelGallery{min-width: 0px;}
.an-rental .thumbs{display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 8px;}
.an-rental .thumbs img{width: 100%; height: 64px; object-fit: contain; background: rgb(244, 246, 249); padding: 4px; border-radius: 8px;}
.an-rental .modelInfo{display: flex; flex-direction: column; justify-content: center; min-width: 0px; padding: 18px 8px 8px 0px;}
.an-rental .modelInfo h2{font-size: 31px; line-height: 1.1; margin: 9px 0px 0px;}
.an-rental .modelInfo > p{font-size: 15px; line-height: 1.65; color: rgb(96, 112, 138); margin: 16px 0px 0px;}
.an-rental .detailAvailability{margin-top: 24px; padding: 13px 14px; border-radius: 10px; background: rgb(240, 245, 255); color: rgb(36, 80, 142); font-size: 14px; font-weight: 700;}
.an-rental .detailAdd{margin-top: 12px;}
.an-rental .photoHint{display: flex; align-items: center; gap: 7px; color: rgb(138, 150, 170); margin-top: 13px;}
.an-rental .photoHint svg{width: 16px;}


















.an-rental .primaryAction{border: 0px; background: rgb(22, 93, 255); color: rgb(255, 255, 255); border-radius: 10px; padding: 12px 16px; display: flex; align-items: center; gap: 7px; font-weight: 800;}
.an-rental .primaryAction svg{width: 17px;}



























.an-rental .editWide{width: 100%; border: 1px solid rgb(216, 225, 238); background: rgb(255, 255, 255); color: rgb(41, 65, 95); border-radius: 9px; padding: 10px; display: flex; align-items: center; justify-content: center; gap: 7px; font-weight: 700;}
.an-rental .editWide svg{width: 16px;}

















.an-rental .fullField{grid-column: 1 / -1;}
.an-rental .switchLine{align-items: center; flex-direction: row !important; text-transform: none !important; letter-spacing: 0px !important;}
.an-rental .switchLine input{width: 18px; height: 18px;}






















@media (max-width: 1100px){



}
@media (max-width: 900px){




.an-rental .modelDialog{grid-template-columns: 1fr;}
.an-rental .productVisual.large{height: 230px;}


}
@media (max-width: 650px){.an-rental .publicSection{display: none;}
.an-rental .modelDialog{display: block !important;}
.an-rental .modelInfo{margin-top: 18px;}
















}



.an-rental .archiveTabs{display: flex; gap: 8px; margin-bottom: 14px;}
.an-rental .archiveTabs button{border: 1px solid rgb(216, 225, 238); background: rgb(255, 255, 255); color: rgb(93, 109, 132); border-radius: 10px; padding: 10px 13px; display: flex; align-items: center; gap: 7px; font-weight: 700;}
.an-rental .archiveTabs button.selected{background: rgb(20, 34, 58); color: rgb(255, 255, 255); border-color: rgb(20, 34, 58);}
.an-rental .archiveTabs svg{width: 16px;}
.an-rental .archiveTabs b{font-size: 11px; border-radius: 20px; padding: 3px 7px; background: rgb(232, 239, 255); color: rgb(22, 93, 255);}
.an-rental .archiveTabs button.selected b{background: rgb(43, 62, 93); color: rgb(255, 255, 255);}





.an-rental .modelActions{display: grid; grid-template-columns: 1fr auto; gap: 7px;}
.an-rental .deleteTile{border: 0px; background: rgb(254, 226, 226); color: rgb(180, 35, 53); border-radius: 9px; width: 42px; display: grid; place-items: center;}
.an-rental .deleteTile svg{width: 16px;}





















@media (max-width: 700px){.an-rental .publicModelModal{grid-template-columns: 1fr; gap: 16px; padding: 18px;}
.an-rental .productVisual.large{height: 230px;}
.an-rental .modelInfo{padding: 0px;}
.an-rental .modelInfo h2{font-size: 26px;}
.an-rental .modalBackdrop{padding: 12px;}


}
.an-rental .publicTopbar{grid-template-columns: 1fr auto auto 1fr; gap: 18px;}
.an-rental .regulationsButton{border: 0px; background: rgb(220, 38, 38); color: rgb(255, 255, 255); border-radius: 11px; padding: 10px 14px; display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 800; box-shadow: rgba(220, 38, 38, 0.18) 0px 7px 18px;}
.an-rental .regulationsButton:hover{background: rgb(185, 28, 28);}
.an-rental .regulationsButton svg{width: 17px; height: 17px;}
.an-rental .regulationsModal{position: relative; width: min(720px, 100%); max-height: calc(-48px + 100vh); overflow: auto; background: rgb(255, 255, 255); border-radius: 22px; box-shadow: rgba(4, 12, 28, 0.35) 0px 30px 90px; padding: 32px;}
.an-rental .regulationsIcon{width: 46px; height: 46px; border-radius: 13px; background: rgb(254, 226, 226); color: rgb(220, 38, 38); display: grid; place-items: center;}
.an-rental .regulationsIcon svg{width: 22px; height: 22px;}
.an-rental .regulationsModal h2{font-size: 30px; margin: 18px 0px 14px;}
.an-rental .regulationsText{white-space: pre-wrap; color: rgb(72, 90, 115); line-height: 1.7; font-size: 16px;}

.an-rental .quantityCell b{font-size: 20px;}
.an-rental .quantityCell small{font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em;}
@media (max-width: 900px){

}
@media (max-width: 700px){.an-rental .regulationsModal{padding: 24px;}
.an-rental .regulationsModal h2{font-size: 26px;}}
@media (max-width: 650px){.an-rental .publicTopbar{grid-template-columns: 1fr auto auto; gap: 8px;}
.an-rental .regulationsButton{padding: 10px;}
.an-rental .regulationsButton span{display: none;}

}
.an-rental .publicTopbar{grid-template-columns: 1fr auto 1fr; gap: 18px;}
.an-rental .publicActions{justify-self: end; display: flex; align-items: center; gap: 12px;}
.an-rental .themeToggle{display: flex; align-items: center; gap: 9px; padding: 7px 9px; border: 1px solid var(--border); border-radius: 12px; background: var(--card); color: rgb(100, 116, 139); white-space: nowrap; cursor: pointer; font: inherit;}
.an-rental .themeMode{display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; min-width: 61px;}
.an-rental .themeMode svg{width: 15px; height: 15px; flex: 0 0 auto;}
.an-rental .themeToggle:focus-visible{outline: rgba(22, 93, 255, 0.28) solid 3px; outline-offset: 2px;}
.an-rental .themeSwitchTrack{position: relative; display: block; flex: 0 0 auto; width: 40px; height: 22px; border-radius: 999px; background: rgb(203, 213, 225); box-shadow: rgba(20, 34, 58, 0.08) 0px 0px 0px 1px inset; transition: background-color 0.3s, box-shadow 0.3s;}
.an-rental .themeSwitchThumb{position: absolute; display: block; left: 3px; top: 3px; width: 16px; height: 16px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(15, 28, 49, 0.28) 0px 2px 5px; transform: translateX(0px); transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);}
.an-rental .themeToggle[aria-checked="true"] .themeSwitchTrack{background: rgb(22, 93, 255); box-shadow: rgba(22, 93, 255, 0.12) 0px 0px 0px 3px;}
.an-rental .themeToggle[aria-checked="true"] .themeSwitchThumb{transform: translateX(18px);}



























.an-rental[data-theme="dark"]{color-scheme: dark; --background: #08111f; --foreground: #e7edf7; --card: #101b2d; --muted: #9aabc2; --muted-foreground: #9aabc2; --border: #29374d; --input: #334259; --popover: #101b2d; --popover-foreground: #e7edf7;}
.an-rental[data-theme="dark"]{background: rgb(8, 17, 31); color: rgb(231, 237, 247);}
.an-rental[data-theme="dark"] .dateCard,.an-rental[data-theme="dark"] .product,.an-rental[data-theme="dark"] .search,.an-rental[data-theme="dark"] .cartList,.an-rental[data-theme="dark"] .customerForm,.an-rental[data-theme="dark"] .empty,.an-rental[data-theme="dark"] .success,.an-rental[data-theme="dark"] .publicModelModal,.an-rental[data-theme="dark"] .regulationsModal,.an-rental[data-theme="dark"] .reservationTable{background: rgb(16, 27, 45); border-color: rgb(41, 55, 77); color: rgb(231, 237, 247);}
.an-rental[data-theme="dark"] .intro p,.an-rental[data-theme="dark"] .catalogHead p,.an-rental[data-theme="dark"] .cardDescription,.an-rental[data-theme="dark"] .stock,.an-rental[data-theme="dark"] .pageTitle p,.an-rental[data-theme="dark"] .regulationsText,.an-rental[data-theme="dark"] .modelInfo > p,.an-rental[data-theme="dark"] .empty p,.an-rental[data-theme="dark"] .success p{color: rgb(169, 183, 202);}
.an-rental[data-theme="dark"] .dateFields input,.an-rental[data-theme="dark"] .customerForm input,.an-rental[data-theme="dark"] .search input{background: rgb(12, 22, 38); border-color: rgb(51, 66, 89); color: rgb(231, 237, 247);}
.an-rental[data-theme="dark"] .period,.an-rental[data-theme="dark"] .dateTitle > svg,.an-rental[data-theme="dark"] .detailAvailability,.an-rental[data-theme="dark"] .consentList{background: rgb(21, 39, 68); border-color: rgb(53, 80, 120); color: rgb(219, 232, 255);}
.an-rental[data-theme="dark"] .customerForm .consent,.an-rental[data-theme="dark"] .customerForm .consent span{color: rgb(220, 230, 245) !important;}
.an-rental[data-theme="dark"] .stepper{background: rgb(24, 36, 56);}
.an-rental[data-theme="dark"] .stepper button{background: rgb(34, 49, 73);}
.an-rental[data-theme="dark"] .modalClose{background: rgb(34, 49, 73); color: rgb(199, 213, 232);}



.an-rental[data-theme="dark"] .productVisual.hasImage{background: rgb(24, 36, 56);}
.an-rental[data-theme="dark"] .productVisual small{background: rgb(248, 250, 252); color: rgb(16, 24, 40); border: 1px solid rgba(16, 24, 40, 0.08); text-shadow: none;}
.an-rental[data-theme="dark"] .themeSwitchTrack{background: rgb(59, 74, 97);}
.an-rental[data-theme="dark"] .themeToggle[aria-checked="true"] .themeSwitchTrack{background: rgb(59, 130, 246);}
.an-rental[data-theme="dark"] .themeMode{color: rgb(220, 230, 245);}



@media (max-width: 900px){






}
@media (max-width: 700px){

}
@media (max-width: 650px){.an-rental .publicTopbar{grid-template-columns: 1fr auto 1fr; gap: 8px;}
.an-rental .publicActions{gap: 6px;}
.an-rental .themeToggle{padding: 7px;}
.an-rental .themeMode{min-width: 15px;}
.an-rental .themeMode span{display: none;}
.an-rental .cartButton{padding: 10px;}
.an-rental .regulationsButton{justify-self: center;}







}
@media (max-width: 440px){
.an-rental .publicActions .cartButton span{display: none;}
.an-rental .publicTopbar{padding-inline: 12px;}
.an-rental .regulationsButton span{display: inline;}}
@media (max-width: 380px){.an-rental .regulationsButton span{display: none;}}
.an-rental .cartRow .stepper button:disabled{color: rgb(167, 178, 194); opacity: 0.55; cursor: not-allowed;}
.an-rental[data-theme="dark"] .cartRow .stepper button:disabled{color: rgb(100, 116, 139);}
.an-rental .miniVisual,.an-rental .miniVisual svg{color: rgb(38, 59, 90); stroke: rgb(38, 59, 90);}
.an-rental[data-theme="dark"] .miniVisual,.an-rental[data-theme="dark"] .miniVisual svg{color: rgb(38, 59, 90); stroke: rgb(38, 59, 90);}
.an-rental .productVisual{overflow: hidden; min-height: 0px;}
.an-rental .productVisual.hasImage img{position: absolute; inset: 0px; display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain;}
.an-rental .productVisual.hasImage img{padding: 10px;}

.an-rental .productVisual small{z-index: 2;}
.an-rental .galleryMain{position: relative;}
.an-rental .galleryNav,.an-rental .galleryZoom{position: absolute; z-index: 3; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.72); background: rgba(15, 28, 49, 0.78); color: rgb(255, 255, 255); box-shadow: rgba(15, 28, 49, 0.2) 0px 4px 16px; transition: background 0.15s, transform 0.15s;}
.an-rental .galleryNav{top: 50%; width: 40px; height: 40px; border-radius: 50%; transform: translateY(-50%);}
.an-rental .galleryNav:hover{background: rgb(22, 93, 255); transform: translateY(-50%) scale(1.05);}
.an-rental .galleryNav.previous{left: 10px;}
.an-rental .galleryNav.next{right: 10px;}
.an-rental .galleryZoom{left: 10px; top: 10px; width: 40px; height: 40px; border-radius: 10px;}
.an-rental .galleryZoom:hover{background: rgb(22, 93, 255); transform: scale(1.05);}
.an-rental .galleryNav svg,.an-rental .galleryZoom svg{width: 20px; height: 20px;}
.an-rental .thumbs button{height: 72px; border: 2px solid transparent; border-radius: 10px; background: rgb(244, 246, 249); padding: 0px; overflow: hidden; cursor: pointer; transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;}
.an-rental .thumbs button:hover{transform: translateY(-1px);}
.an-rental .thumbs button.active{border-color: rgb(22, 93, 255); box-shadow: rgba(22, 93, 255, 0.18) 0px 0px 0px 2px;}
.an-rental .thumbs button:focus-visible,.an-rental .galleryNav:focus-visible,.an-rental .galleryZoom:focus-visible{outline: rgba(22, 93, 255, 0.42) solid 3px; outline-offset: 2px;}
.an-rental .thumbs button img{display: block; width: 100%; height: 100%; object-fit: contain; padding: 4px; background: transparent; border-radius: 0px;}
.an-rental .imageZoomBackdrop{position: fixed; inset: 0px; z-index: 130; display: grid; place-items: center; padding: 24px; background: rgba(6, 14, 28, 0.86); backdrop-filter: blur(4px);}
.an-rental .imageZoomDialog{position: relative; width: min(1100px, 100%); height: min(84vh, 780px); padding: 18px; background: rgb(255, 255, 255); border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.48) 0px 30px 90px;}
.an-rental .imageZoomDialog > img{display: block; width: 100%; height: 100%; object-fit: contain;}
.an-rental .imageZoomDialog .modalClose{z-index: 2;}
.an-rental[data-theme="dark"] .thumbs button{background: rgb(24, 36, 56);}
.an-rental[data-theme="dark"] .imageZoomDialog{background: rgb(16, 27, 45); border: 1px solid rgb(43, 61, 89);}
@media (max-width: 700px){.an-rental .galleryNav{width: 36px; height: 36px;}
.an-rental .galleryZoom{width: 36px; height: 36px;}
.an-rental .thumbs button{height: 60px;}
.an-rental .imageZoomBackdrop{padding: 10px;}
.an-rental .imageZoomDialog{height: min(88vh, 720px); padding: 10px;}}
.an-rental .announcementsPanel{width: min(690px, 100%); margin: -34px 0px 46px auto; background: linear-gradient(135deg, rgb(248, 250, 255), rgb(240, 245, 255)); border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgb(216, 227, 245) rgb(216, 227, 245) rgb(216, 227, 245) rgb(22, 93, 255); border-image: none; border-radius: 16px; color: rgb(23, 35, 58); overflow: hidden;}
.an-rental .announcementsHeading{padding: 17px 20px 14px; display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: center;}
.an-rental .announcementIcon{width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: rgb(223, 234, 255); color: rgb(22, 93, 255);}
.an-rental .announcementIcon svg{width: 20px; height: 20px;}
.an-rental .announcementLabel{display: block; margin-bottom: 3px; color: rgb(22, 93, 255); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em;}
.an-rental .announcementsHeading h2{margin: 0px; font-size: 17px; line-height: 1.3;}
.an-rental .announcementList{max-height: 360px; overflow-y: auto; border-top: 1px solid rgb(223, 231, 244);}
.an-rental .announcementItem + .announcementItem{border-top: 1px solid rgb(223, 231, 244);}
.an-rental .announcementSummary{width: 100%; min-width: 0px; padding: 15px 20px; border: 0px; background: transparent; color: inherit; text-align: left; display: grid; grid-template-columns: 1fr auto; gap: 6px 14px; cursor: pointer;}
.an-rental .announcementTitleRow{min-width: 0px; display: flex; align-items: baseline; justify-content: space-between; gap: 14px; grid-column: 1 / -1;}
.an-rental .announcementTitleRow h3{min-width: 0px; margin: 0px; font-size: 15px; line-height: 1.4; overflow-wrap: anywhere;}
.an-rental .announcementTitleRow time{flex: 0 0 auto; color: rgb(113, 128, 151); font-size: 12px; font-weight: 700;}
.an-rental .announcementSummary > p{min-width: 0px; margin: 0px; color: rgb(96, 112, 138); font-size: 14px; line-height: 1.5; overflow: hidden; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.an-rental .announcementAction{align-self: end; display: flex; align-items: center; gap: 4px; color: rgb(22, 93, 255); font-size: 12px; font-weight: 800; white-space: nowrap;}
.an-rental .announcementAction svg{width: 16px; height: 16px; transition: transform 0.18s;}
.an-rental .announcementItem.expanded .announcementAction svg{transform: rotate(180deg);}
.an-rental .announcementSummary:hover{background: rgba(22, 93, 255, 0.043);}
.an-rental .announcementSummary:focus-visible{outline: rgba(22, 93, 255, 0.32) solid 3px; outline-offset: -3px;}
.an-rental .announcementBody{padding: 0px 20px 18px; color: rgb(82, 100, 125); font-size: 14px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere;}
.an-rental .announcementEditor{display: grid; gap: 12px;}
.an-rental .announcementEditorHead{display: flex; align-items: center; justify-content: space-between; gap: 14px;}
.an-rental .announcementEditorHead > div{display: flex; flex-direction: column; gap: 3px;}
.an-rental .announcementEditorHead b{font-size: 14px; color: rgb(23, 35, 58); text-transform: none; letter-spacing: 0px;}
.an-rental .announcementEditorHead span{font-size: 12px; color: rgb(113, 128, 151); text-transform: none; letter-spacing: 0px; font-weight: 500;}

.an-rental .announcementEditorList{display: grid; gap: 12px;}
.an-rental .announcementEditorItem{position: relative; padding: 15px; background: rgb(246, 248, 251); border: 1px solid rgb(220, 227, 237); border-radius: 12px;}
.an-rental .announcementEditorFields{display: grid; grid-template-columns: 1fr 180px; gap: 12px;}
.an-rental .announcementEditorFields .announcementText{grid-column: 1 / -1;}

.an-rental .announcementEditorEmpty{padding: 22px; border: 1px dashed rgb(203, 213, 225); border-radius: 10px; text-align: center; color: rgb(113, 128, 151); font-size: 13px; text-transform: none; letter-spacing: 0px;}
.an-rental[data-theme="dark"] .announcementsPanel{background: linear-gradient(135deg, rgb(17, 31, 52), rgb(19, 38, 65)); border-color: rgb(43, 65, 98) rgb(43, 65, 98) rgb(43, 65, 98) rgb(47, 124, 255); color: rgb(231, 237, 247);}
.an-rental[data-theme="dark"] .announcementIcon{background: rgb(28, 55, 96); color: rgb(127, 176, 255);}
.an-rental[data-theme="dark"] .announcementList,.an-rental[data-theme="dark"] .announcementItem + .announcementItem{border-color: rgb(43, 65, 98);}
.an-rental[data-theme="dark"] .announcementTitleRow time,.an-rental[data-theme="dark"] .announcementSummary > p,.an-rental[data-theme="dark"] .announcementBody{color: rgb(174, 189, 209);}
.an-rental[data-theme="dark"] .announcementSummary:hover{background: rgba(88, 148, 255, 0.07);}
.an-rental[data-theme="dark"] .announcementEditorHead b{color: rgb(231, 237, 247);}
.an-rental[data-theme="dark"] .announcementEditorItem{background: rgb(12, 22, 38); border-color: rgb(51, 66, 89);}
@media (max-width: 900px){.an-rental .announcementsPanel{margin-top: -18px;}}
@media (max-width: 620px){.an-rental .announcementsPanel{margin: -16px 0px 34px;}
.an-rental .announcementsHeading{padding: 15px 16px 12px;}
.an-rental .announcementIcon{width: 38px; height: 38px;}
.an-rental .announcementsHeading h2{font-size: 16px;}
.an-rental .announcementSummary{padding: 14px 16px; grid-template-columns: 1fr;}
.an-rental .announcementTitleRow{align-items: flex-start; flex-direction: column; gap: 3px;}
.an-rental .announcementAction{justify-self: start;}
.an-rental .announcementBody{padding: 0px 16px 16px;}
.an-rental .announcementEditorHead{align-items: flex-start; flex-direction: column;}
.an-rental .announcementEditorFields{grid-template-columns: 1fr;}}
.an-rental .modelOrderControls{position: absolute; left: 9px; top: 9px; z-index: 4; display: flex; align-items: center; gap: 3px; padding: 4px; border: 1px solid rgba(255, 255, 255, 0.72); border-radius: 9px; background: rgba(15, 28, 49, 0.82); box-shadow: rgba(15, 28, 49, 0.18) 0px 4px 14px;}
.an-rental .modelOrderControls button{position: static; border: 0px; width: 28px; height: 27px; padding: 0px; border-radius: 6px; background: transparent; color: rgb(255, 255, 255); display: grid; place-items: center;}
.an-rental .modelOrderControls button:hover:not(:disabled){background: rgb(22, 93, 255);}
.an-rental .modelOrderControls button:disabled{opacity: 0.3; cursor: not-allowed;}
.an-rental .modelOrderControls button svg{width: 15px; height: 15px;}
.an-rental .modelOrderControls b{min-width: 22px; text-align: center; color: rgb(255, 255, 255); font-size: 11px;}





.an-rental .imageOrderControls{position: absolute; left: 50%; bottom: 6px; z-index: 4; transform: translateX(-50%); display: flex; gap: 4px; padding: 3px; border-radius: 8px; background: rgba(15, 28, 49, 0.84);}



.an-rental .modelOrderControls button:focus-visible{outline: rgba(22, 93, 255, 0.45) solid 3px; outline-offset: 1px;}


@media (max-width: 650px){}
.an-rental .publicSiteShell{min-height: 100vh; display: flex; flex-direction: column;}
.an-rental .publicSiteShell > .page{width: 100%; flex: 1 1 0%;}


@media (max-width: 620px){
}
.an-rental{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;background:var(--background);color:var(--foreground);width:100%;color-scheme:light;isolation:isolate}
.an-rental[data-theme="dark"]{color-scheme:dark}.an-rental :where(h1,h2,h3,p,ul){max-width:none;letter-spacing:normal}.an-rental :where(button,input,select,textarea){font:inherit;letter-spacing:normal;box-shadow:none}.an-rental button{color:inherit;min-width:0}.an-rental h2{font-size:28px;line-height:1.2}.an-rental h3{line-height:1.3}.an-rental a{color:var(--primary);text-decoration:underline}.an-rental .rentalTools{max-width:1240px;margin:auto;padding:18px 24px;display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--border);flex-wrap:wrap}.an-rental .publicActions{margin-left:auto;display:flex;gap:12px;align-items:center}.an-rental .rentalBack{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 16px}.an-rental .regulationsButton{color:inherit}.an-rental button,.an-rental summary,.an-rental .thumbs button{min-height:44px}.an-rental .modalClose{width:44px;height:44px}.an-rental :focus-visible{outline:3px solid #2778e8;outline-offset:3px}.an-rental .search:focus-within{outline:3px solid #2778e8}.an-rental [hidden]{display:none!important}.an-rental .rental-notice{padding:16px 24px;max-width:1240px;margin:auto;font-weight:bold}.an-rental dialog{margin:auto;color:var(--foreground);border:1px solid var(--border);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}.an-rental dialog:not([open]){display:none}.an-rental dialog::backdrop{background:rgba(15,28,49,.72)}.an-rental .publicModelModal{width:900px}.an-rental .regulationsModal{width:680px}.an-rental .imageZoomDialog{width:min(1100px,calc(100vw - 32px))}.an-rental .imageZoomDialog>img{max-height:80dvh;max-width:100%;object-fit:contain}.an-rental .productOpen{color:#314561}.an-rental .productName{color:var(--foreground)}.an-rental .rentalHistory{padding:24px;border-bottom:1px solid var(--border)}.an-rental .rentalHistory h3{margin:0}.an-rental .announcementSummary{display:block;cursor:pointer;list-style:none}.an-rental .announcementBody{white-space:pre-line}.an-rental .modelInfo>p{white-space:pre-line}.an-rental .success a{display:inline-block;min-height:44px}.an-rental .themeMode{white-space:nowrap}.an-rental .stock{min-height:24px}.an-rental .add,.an-rental .submit,.an-rental .success button,.an-rental .empty button{color:white}.an-rental .add:disabled,.an-rental .submit:disabled{background:#626f82;color:#fff;cursor:not-allowed}.an-rental[data-theme="dark"] :is(.category,.eyebrow,.announcementAction,a){color:#8fbbff}.an-rental[data-theme="dark"] .stepper button{color:#8fbbff}.an-rental[data-theme="light"] :is(.dateTitle span,.catalogHead p,.cardDescription,.stock,.dateFields label){color:#50617b}.an-rental .dateFields input{width:100%}.an-rental .cartRow>div{min-width:0}.an-rental .cartRow b{overflow-wrap:anywhere}.an-rental .rentalTools button{margin:0}.an-rental .dateFields>svg{flex-shrink:0}
@media(max-width:620px){.an-rental .rentalTools{padding:12px 16px;gap:8px}.an-rental .publicActions{gap:8px}.an-rental .rentalTools .rentalBack{padding:8px}.an-rental .publicModelModal{padding:18px;gap:18px}.an-rental .cartRow{padding:16px;gap:10px}.an-rental .cartButton span{display:none}.an-rental .intro h1{font-size:40px}.an-rental .imageZoomDialog{padding:12px}}
@media(prefers-reduced-motion:reduce){.an-rental *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.an-rental .product:hover{transform:none}}
.an-rental[data-theme="dark"] .regulationsButton{background:var(--card);border-color:var(--border);color:var(--foreground)}.an-rental[data-theme="dark"] .dateTitle span,.an-rental[data-theme="dark"] .dateFields label{color:#b5c2d6}
.an-rental .regulationsButton{background:var(--card);border:1px solid var(--border);color:var(--foreground)}
.an-rental[data-theme="dark"] .period span,.an-rental[data-theme="dark"] .cartRow small{color:#b5c2d6}.an-rental[data-theme="dark"] .period button{color:#8fbbff}