.elementor-9 .elementor-element.elementor-element-db5cb81{--display:flex;--min-height:170px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-db5cb81:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-db5cb81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #EDAD0DB3 0%, #D79333 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-7d69873{text-align:center;}.elementor-9 .elementor-element.elementor-element-7d69873 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-2343d10 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-386f7ba{text-align:center;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:700;color:#3B3B3B;}.elementor-9 .elementor-element.elementor-element-4635e9f{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:#3B3B3B;}.elementor-9 .elementor-element.elementor-element-704ad0c{--display:flex;}.elementor-9 .elementor-element.elementor-element-c6c3e0c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-d4432b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-a6f3194 );--border-color:var( --e-global-color-a6f3194 );--border-radius:20px 20px 20px 20px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:10px;--padding-top:20px;--padding-bottom:0px;--padding-left:25px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-e726d9b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;color:var( --e-global-color-9ed92ad );}.elementor-9 .elementor-element.elementor-element-871787c{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-ba517d4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-cd39a26{padding:0px 0px 0px 17px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-7fa589c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-c8a25d1{--display:flex;}.elementor-9 .elementor-element.elementor-element-6f6a337{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -15px;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-745d74c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-a6f3194 );--border-color:var( --e-global-color-a6f3194 );--border-radius:20px 20px 20px 20px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:10px;--padding-top:20px;--padding-bottom:0px;--padding-left:25px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-90b4bfa .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;color:var( --e-global-color-9ed92ad );}.elementor-9 .elementor-element.elementor-element-972c8a9{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-1995489 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-76ab53a{padding:0px 0px 0px 17px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-c5d92b3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-6e5ce3f{padding:0px 0px 0px 17px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-d6e3dbb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-72a9d3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-a6f3194 );--border-color:var( --e-global-color-a6f3194 );--border-radius:20px 20px 20px 20px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:10px;--padding-top:20px;--padding-bottom:0px;--padding-left:25px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-c62d389 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-9ed92ad );}.elementor-9 .elementor-element.elementor-element-b35e542{padding:0px 0px 0px 17px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-9490dc6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-0d466b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-25c1f9f{text-align:center;}.elementor-9 .elementor-element.elementor-element-25c1f9f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;color:var( --e-global-color-9ed92ad );}.elementor-9 .elementor-element.elementor-element-f5bd77a{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-a6f3194 );}.elementor-9 .elementor-element.elementor-element-4b24ca8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-c55137c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-a6f3194 );--border-color:var( --e-global-color-a6f3194 );--border-radius:20px 0px 0px 20px;}.elementor-9 .elementor-element.elementor-element-e47b6a8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-faea19f{padding:0px 0px 0px 17px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-0639731{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 0px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-a6f3194 );--border-color:var( --e-global-color-a6f3194 );}.elementor-9 .elementor-element.elementor-element-be3c6ab .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-a749077{margin:19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 17px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-21dddbc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 0px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-a6f3194 );--border-color:var( --e-global-color-a6f3194 );}.elementor-9 .elementor-element.elementor-element-917ea6e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-6530c7c{padding:0px 0px 0px 17px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-0ab4bc5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 0px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-a6f3194 );--border-color:var( --e-global-color-a6f3194 );--border-radius:0px 20px 20px 0px;}.elementor-9 .elementor-element.elementor-element-bd3ee02 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-ad25f04{padding:0px 0px 0px 17px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-f99ecfd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-7dfd888{--display:flex;}.elementor-9 .elementor-element.elementor-element-648880c{text-align:center;}.elementor-9 .elementor-element.elementor-element-648880c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;color:var( --e-global-color-9ed92ad );}.elementor-9 .elementor-element.elementor-element-2edfdf1{--display:flex;}.elementor-9 .elementor-element.elementor-element-7abea7f{padding:0px 0px 0px 18px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-07ad976{--display:flex;}.elementor-9 .elementor-element.elementor-element-9fb004d{padding:0px 0px 0px 18px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-533b67c{--display:flex;}.elementor-9 .elementor-element.elementor-element-a975bb4{padding:0px 0px 0px 18px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-7b4a7d9{--display:flex;}.elementor-9 .elementor-element.elementor-element-d6b6632{padding:0px 0px 0px 18px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-1bf2561{--display:flex;}.elementor-9 .elementor-element.elementor-element-2e7ae45{padding:0px 0px 0px 18px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-435f391{--display:flex;}.elementor-9 .elementor-element.elementor-element-726df43{padding:0px 0px 0px 18px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-8d85f5f{--n-accordion-title-font-size:1,75rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:20px 20px 20px 20px;--n-accordion-icon-size:15px;}:where( .elementor-9 .elementor-element.elementor-element-8d85f5f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-9 .elementor-element.elementor-element-1e0a007{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-c334d13{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-a6f3194 );--border-color:var( --e-global-color-a6f3194 );--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-4d36d44{text-align:left;}.elementor-9 .elementor-element.elementor-element-4d36d44 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;color:var( --e-global-color-9ed92ad );}.elementor-9 .elementor-element.elementor-element-321d51a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-4ffb832{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 0px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-a6f3194 );--border-color:var( --e-global-color-a6f3194 );--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-46e7923{text-align:left;}.elementor-9 .elementor-element.elementor-element-46e7923 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;color:var( --e-global-color-9ed92ad );}.elementor-9 .elementor-element.elementor-element-6d2249d{padding:0px 0px 0px 18px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-2343d10 );}.elementor-9 .elementor-element.elementor-element-bd1fcc0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-d4432b6{--width:50%;}.elementor-9 .elementor-element.elementor-element-745d74c{--width:50%;}.elementor-9 .elementor-element.elementor-element-72a9d3f{--width:50%;}.elementor-9 .elementor-element.elementor-element-9490dc6{--width:66.6666%;}.elementor-9 .elementor-element.elementor-element-c55137c{--width:25%;}.elementor-9 .elementor-element.elementor-element-0639731{--width:25%;}.elementor-9 .elementor-element.elementor-element-21dddbc{--width:25%;}.elementor-9 .elementor-element.elementor-element-0ab4bc5{--width:25%;}.elementor-9 .elementor-element.elementor-element-c334d13{--width:50%;}.elementor-9 .elementor-element.elementor-element-4ffb832{--width:50%;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-386f7ba{margin:0px 5px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}.elementor-9 .elementor-element.elementor-element-4635e9f{margin:0px 5px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}.elementor-9 .elementor-element.elementor-element-d4432b6{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-c8a25d1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-745d74c{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-72a9d3f{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-c55137c{border-width:1px 1px 0px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-0639731{border-width:1px 1px 0px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-a749077{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-21dddbc{border-width:1px 1px 0px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-0ab4bc5{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-4ffb832{border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;}}/* Start custom CSS for html, class: .elementor-element-92ece76 *//* filepath: /gold-calculator/style.css */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

body {
    background: #fafafa;
    color: #222;
    line-height: 1.5;
    padding: 20px;
    margin: 0;
}

h2 {
    color: #1a1a1a;
    margin-bottom: 25px;
    font-size: 1.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

section {
    margin: 0 auto;
    padding: 30px 25px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

@media (min-width: 501px) {
    section {
        padding: 25px 20px;
    }
}

/* === Live Rates === */
#prices-table, #yesterday-table {
    margin-top: 15px;
    overflow-x: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

th, td {
    border: 1px solid #ddd;
    padding: 10px;
}

th {
    background-color: #f7f3e9;
    color: #333;
}

tr:nth-child(even) {
    background-color: #fafafa;
}

/* === Calculator === */
#calculator {
    text-align: center;
}

/* layout for the two calculators side-by-side */
.calculators-row {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1060px;
    margin: 20px auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* make each calculator section share available space */
.calculators-row > section {
    flex: 0 1 calc(50%);
    min-width: 100px;
    max-width: 500px;
    margin: 0 auto;
}

/* collapse to vertical on small screens */
@media (max-width: 800px) {
    .calculators-row {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .calculators-row > section {
        width: 100%;
        max-width: 500px;
    }
}

.input-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-bottom: 20px;
    width: 100%;
}

label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

label text {
    display: block;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 600;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

input, select {
    width: 100%;
    min-width: 0;
    height: 45px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 2px solid #e1e1e1;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    background-color: #fff;
    transition: all 0.3s ease;
}

select {
    font-size: 14px; /* Smaller font for better fit */
    padding-right: 24px; /* Space for dropdown arrow */
}

input:focus, select:focus {
    outline: none;
    border-color: #f4c430;
    box-shadow: 0 0 0 3px rgba(244, 196, 48, 0.2);
}

input:hover, select:hover {
    border-color: #d4d4d4;
}

@media (max-width: 500px) {
    .input-row {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

@media (min-width: 501px) and (max-width: 900px) {
    .input-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }
    
    label text {
        font-size: 14px;
    }
    
    input, select {
        font-size: 15px;
        height: 42px;
    }
}

/* Remove number input arrows (Chrome, Safari, Edge, Opera) */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Remove number input arrows (Firefox) */
input[type=number] {
    -moz-appearance: textfield;
}

button {
    background-color: #f4c430;
    color: #000;
    padding: 14px 28px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(244, 196, 48, 0.3);
    margin-top: 10px;
}

button:hover {
    background-color: #ffcd29;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(244, 196, 48, 0.4);
}

button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(244, 196, 48, 0.3);
}

@media (max-width: 400px) {
    button{
        font-size:11px;
    }
}

.hidden {
    display: none;
}

#result, #scrap-result {
    margin-top: 25px;
    padding: 18px;
    border-radius: 12px;
    background: rgba(39, 174, 96, 0.1);
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateY(10px);
    animation: fadeIn 0.3s ease forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#result, #scrap-result .result-value {
    font-size: 22px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 15px;
}

#result strong, #scrap-result strong {
    color: #27AE60;
    font-size: 26px;
    position: relative;
    display: inline-block;
    margin-left: 5px;
}

#scrap-result .disclaimer {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin-top: 12px;
    font-weight: normal;
    text-align: left;
    padding: 12px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 8px;
    border-left: 3px solid #27AE60;
}

#result strong:before, #scrap-result strong:before {
    content: '$';
    color: #27AE60;
    position: relative;
    margin-right: 4px;
    font-weight: 700;
}

#gold-section {
    padding: 30px 0;
    background: #fafafa;
    text-align: center;
    width: 100%;
}

.rates-container {
    display: flex;
    justify-content: center;
    gap: 30px;
    max-width: 1060px;
    margin: 0 auto;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

.rate-box {
    flex: 1;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    padding: 20px;
    width: calc(50% - 15px);
    min-width: 300px;
    max-width: 500px;
}

.rate-box h2 {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}

.ny-time {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 10px;
    line-height: 1.4;
}

/*.ny-time:before {*/
/*    content: '';*/
/*    display: inline-block;*/
/*    width: 12px;*/
/*    height: 12px;*/
/*    background: #27AE60;*/
/*    border-radius: 50%;*/
/*    box-shadow: 0 0 0 2px rgba(39, 174, 96, 0.2);*/
/*}*/

.rates-table {
    width: 100%;
    border-collapse: collapse;
}

.rates-table th, .rates-table td {
    padding: 10px;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.rates-table th {
    background: #ffe9c6;
    color: #333;
}

.rates-table tbody tr:hover {
    background-color: #f9f9f9;
}

.scrap th {
    background-color: #ffe9c6;
}

@media (max-width: 800px) {

    .calculators-row,
    .rates-container {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .calculators-row > section,
    .rate-box {
        width: 100%;
        max-width: 500px;
    }
    
    #gold-section {
        padding: 30px 15px;
    }
}

@media (max-width: 600px) {
    input, select {
        width: 100%;
    }
    .input-row {
        flex-direction: column;
        align-items: stretch;
    }
}

/* === 7-Day History Section === */
#history-section {
    margin: 40px auto;
    max-width: 1060px;
    padding: 30px 25px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}
#history-section h2 {
    text-align: center;
    margin-bottom: 25px;
    color: #1a1a1a;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
}
.history-container {
    overflow-x: auto;
    width: 100%;
    scrollbar-width: thin;
    scrollbar-color: #f4c430 #f0f0f0;
}

/* Modern scrollbar for WebKit browsers (Chrome, Safari, Edge) */
.history-container::-webkit-scrollbar {
    height: 8px;
}
.history-container::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 10px;
}
.history-container::-webkit-scrollbar-thumb {
    background: #f4c430;
    border-radius: 10px;
}
.history-container::-webkit-scrollbar-thumb:hover {
    background: #e0b020;
}

.history-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 700px;
}
.history-table thead {
    background: #f4c430;
    color: #000;
}
.history-table th {
    padding: 14px 10px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #e1e1e1;
}
.history-table tbody tr {
    transition: background-color 0.2s ease;
}
.history-table tbody tr:nth-child(odd) {
    background-color: #fafafa;
}
.history-table tbody tr:hover {
    background-color: #fff8e1;
}
.history-table td {
    padding: 12px 10px;
    text-align: center;
    border: 1px solid #e1e1e1;
    font-size: 14px;
    color: #333;
}
.history-table td:first-child {
    font-weight: 600;
    color: #1a1a1a;
}
@media (max-width: 800px) {
    #history-section {
        padding: 20px 15px;
    }
    
    .history-table {
        font-size: 12px;
    }
    
    .history-table th,
    .history-table td {
        padding: 8px 6px;
    }
}/* End custom CSS */