/* Minification failed. Returning unminified contents.
(6079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6087,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6110,23): run-time error CSS1039: Token not allowed after unary operator: '-im-font'
(6111,22): run-time error CSS1039: Token not allowed after unary operator: '-im-bg'
(6112,17): run-time error CSS1039: Token not allowed after unary operator: '-im-text'
(6117,22): run-time error CSS1039: Token not allowed after unary operator: '-im-bg'
(6123,22): run-time error CSS1039: Token not allowed after unary operator: '-im-surface'
(6124,35): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(6125,22): run-time error CSS1039: Token not allowed after unary operator: '-im-shadow-sm'
(6129,22): run-time error CSS1039: Token not allowed after unary operator: '-im-surface'
(6151,25): run-time error CSS1039: Token not allowed after unary operator: '-im-radius-pill'
(6155,28): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(6160,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(6161,22): run-time error CSS1039: Token not allowed after unary operator: '-im-chip'
(6173,22): run-time error CSS1039: Token not allowed after unary operator: '-im-navy'
(6174,24): run-time error CSS1039: Token not allowed after unary operator: '-im-navy'
(6184,22): run-time error CSS1039: Token not allowed after unary operator: '-im-navy-hover'
(6185,24): run-time error CSS1039: Token not allowed after unary operator: '-im-navy-hover'
(6193,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(6194,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(6196,25): run-time error CSS1039: Token not allowed after unary operator: '-im-radius-sm'
(6198,23): run-time error CSS1039: Token not allowed after unary operator: '-im-font'
(6203,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary-hover'
(6204,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary-hover'
(6209,25): run-time error CSS1039: Token not allowed after unary operator: '-im-radius-sm'
(6210,24): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(6211,17): run-time error CSS1039: Token not allowed after unary operator: '-im-text'
(6212,23): run-time error CSS1039: Token not allowed after unary operator: '-im-font'
(6220,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(6226,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(6236,25): run-time error CSS1039: Token not allowed after unary operator: '-im-radius'
(6237,24): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(6238,22): run-time error CSS1039: Token not allowed after unary operator: '-im-shadow-sm'
(6239,22): run-time error CSS1039: Token not allowed after unary operator: '-im-surface'
(6252,23): run-time error CSS1039: Token not allowed after unary operator: '-im-font'
(6253,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(6259,25): run-time error CSS1039: Token not allowed after unary operator: '-im-radius-sm'
(6260,24): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(6261,23): run-time error CSS1039: Token not allowed after unary operator: '-im-font'
(6265,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(6274,22): run-time error CSS1039: Token not allowed after unary operator: '-im-footer'
(6290,17): run-time error CSS1039: Token not allowed after unary operator: '-im-accent'
(6303,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(6304,25): run-time error CSS1039: Token not allowed after unary operator: '-im-radius-pill'
(6311,17): run-time error CSS1039: Token not allowed after unary operator: '-im-accent'
(6315,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(6322,23): run-time error CSS1039: Token not allowed after unary operator: '-im-font'
(6327,17): run-time error CSS1039: Token not allowed after unary operator: '-im-text'
(6332,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(6338,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(6339,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(6343,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(6367,28): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(6384,28): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(6410,34): run-time error CSS1039: Token not allowed after unary operator: '-im-max'
(6434,23): run-time error CSS1039: Token not allowed after unary operator: '-im-header-font'
(6532,22): run-time error CSS1039: Token not allowed after unary operator: '-im-surface'
(6648,28): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(6656,22): run-time error CSS1039: Token not allowed after unary operator: '-im-shadow-hover'
(6687,17): run-time error CSS1039: Token not allowed after unary operator: '-im-text'
(6697,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(6710,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(6716,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(6724,28): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(6737,17): run-time error CSS1039: Token not allowed after unary operator: '-im-text'
(6745,22): run-time error CSS1039: Token not allowed after unary operator: '-im-bg'
(6746,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(6752,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(6769,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(6801,22): run-time error CSS1039: Token not allowed after unary operator: '-im-navy'
(6802,28): run-time error CSS1039: Token not allowed after unary operator: '-im-navy'
(6804,24): run-time error CSS1039: Token not allowed after unary operator: '-im-navy'
(6828,22): run-time error CSS1039: Token not allowed after unary operator: '-im-navy-hover'
(6829,28): run-time error CSS1039: Token not allowed after unary operator: '-im-navy-hover'
(6830,24): run-time error CSS1039: Token not allowed after unary operator: '-im-navy-hover'
(6890,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(6916,17): run-time error CSS1039: Token not allowed after unary operator: '-im-navy'
(6922,17): run-time error CSS1039: Token not allowed after unary operator: '-im-navy'
(6929,17): run-time error CSS1039: Token not allowed after unary operator: '-im-navy'
(6936,17): run-time error CSS1039: Token not allowed after unary operator: '-im-navy'
(7021,22): run-time error CSS1039: Token not allowed after unary operator: '-im-accent-strong'
(7022,28): run-time error CSS1039: Token not allowed after unary operator: '-im-accent-strong'
(7139,23): run-time error CSS1039: Token not allowed after unary operator: '-im-header-font'
(7501,22): run-time error CSS1039: Token not allowed after unary operator: '-im-accent-strong'
(7503,28): run-time error CSS1039: Token not allowed after unary operator: '-im-accent-strong'
(7539,35): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(7652,28): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(7653,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(7661,22): run-time error CSS1039: Token not allowed after unary operator: '-im-bg'
(7662,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(7702,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(7712,22): run-time error CSS1039: Token not allowed after unary operator: '-im-bg'
(7713,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(7720,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(7733,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(7737,22): run-time error CSS1039: Token not allowed after unary operator: '-im-bg'
(7738,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary-hover'
(7747,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(7761,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary-hover'
(7764,22): run-time error CSS1039: Token not allowed after unary operator: '-im-shadow-hover'
(7775,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(7782,22): run-time error CSS1039: Token not allowed after unary operator: '-im-bg'
(7828,22): run-time error CSS1039: Token not allowed after unary operator: '-im-footer'
(7911,17): run-time error CSS1039: Token not allowed after unary operator: '-im-accent'
(7937,17): run-time error CSS1039: Token not allowed after unary operator: '-im-accent'
(7983,17): run-time error CSS1039: Token not allowed after unary operator: '-im-accent'
(8087,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8088,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8089,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8090,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8091,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8092,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8093,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8094,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8095,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8096,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8132,20): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-drawer-w'
(8134,19): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-panel-top'
(8155,19): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-panel-top'
(8157,21): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-drawer-w'
(8158,35): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-panel-top'
(8163,38): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-border'
(8165,26): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-shadow'
(8220,32): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-border'
(8227,21): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-muted'
(8242,21): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-fg'
(8321,21): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-blue'
(8325,40): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-blue'
(8331,21): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-blue'
(8336,36): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-border'
(8350,21): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-blue'
(8359,25): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-drawer-w'
(8359,50): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-gap'
(8360,24): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-panel-top'
(8363,21): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-flyout-w'
(8364,38): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-drawer-w'
(8365,35): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-panel-top'
(8366,39): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-panel-top'
(8373,32): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-border'
(8374,29): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-radius'
(8375,26): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-shadow'
(8395,21): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-fg'
(8413,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8432,21): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-fg'
(8442,21): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-blue'
(8466,21): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-fg'
(8481,21): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-blue'
(8494,21): run-time error CSS1039: Token not allowed after unary operator: '-im-cat-blue'
(8523,21): run-time error CSS1039: Token not allowed after unary operator: '-im-max'
(8555,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(8562,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(8570,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(8583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8589,22): run-time error CSS1039: Token not allowed after unary operator: '-im-banner-h'
(8653,27): run-time error CSS1039: Token not allowed after unary operator: '-im-banner-h'
(8699,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(8734,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(8739,17): run-time error CSS1039: Token not allowed after unary operator: '-im-accent'
(8779,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(8788,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary-dark'
(8806,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(8815,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(8820,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(8833,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(8951,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(8965,22): run-time error CSS1039: Token not allowed after unary operator: '-im-shadow-sm'
(8972,22): run-time error CSS1039: Token not allowed after unary operator: '-im-shadow-md'
(8990,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(8996,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(9003,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(9019,22): run-time error CSS1039: Token not allowed after unary operator: '-im-shadow-sm'
(9034,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(9111,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(9123,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(9129,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(9146,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9154,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9339,28): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(9411,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(9420,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(9441,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(9467,22): run-time error CSS1039: Token not allowed after unary operator: '-im-accent'
(9478,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(9489,22): run-time error CSS1039: Token not allowed after unary operator: '-im-accent'
(9528,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(9559,22): run-time error CSS1039: Token not allowed after unary operator: '-im-surface'
(9635,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(9649,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(9663,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(9804,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(9810,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(9829,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(9829,82): run-time error CSS1031: Expected selector, found ')'
(9829,82): run-time error CSS1025: Expected comma or open brace, found ')'
(9840,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(9840,82): run-time error CSS1031: Expected selector, found ')'
(9840,82): run-time error CSS1025: Expected comma or open brace, found ')'
(9849,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(9849,82): run-time error CSS1031: Expected selector, found ')'
(9849,82): run-time error CSS1025: Expected comma or open brace, found ')'
(9864,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(9864,82): run-time error CSS1031: Expected selector, found ')'
(9864,82): run-time error CSS1025: Expected comma or open brace, found ')'
(9870,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(9870,82): run-time error CSS1031: Expected selector, found ')'
(9870,82): run-time error CSS1025: Expected comma or open brace, found ')'
(9891,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(9891,82): run-time error CSS1031: Expected selector, found ')'
(9891,82): run-time error CSS1025: Expected comma or open brace, found ')'
(9901,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(9901,82): run-time error CSS1031: Expected selector, found ')'
(9901,82): run-time error CSS1025: Expected comma or open brace, found ')'
(9911,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(9911,82): run-time error CSS1031: Expected selector, found ')'
(9911,82): run-time error CSS1025: Expected comma or open brace, found ')'
(9919,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(9919,82): run-time error CSS1031: Expected selector, found ')'
(9919,82): run-time error CSS1025: Expected comma or open brace, found ')'
(9926,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(9926,82): run-time error CSS1031: Expected selector, found ')'
(9926,82): run-time error CSS1025: Expected comma or open brace, found ')'
(9934,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(9934,82): run-time error CSS1031: Expected selector, found ')'
(9934,82): run-time error CSS1025: Expected comma or open brace, found ')'
(9942,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(9942,82): run-time error CSS1031: Expected selector, found ')'
(9942,82): run-time error CSS1025: Expected comma or open brace, found ')'
(9960,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(9960,82): run-time error CSS1031: Expected selector, found ')'
(9960,82): run-time error CSS1025: Expected comma or open brace, found ')'
(9986,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(9986,82): run-time error CSS1031: Expected selector, found ')'
(9986,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10004,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10004,82): run-time error CSS1031: Expected selector, found ')'
(10004,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10009,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10009,82): run-time error CSS1031: Expected selector, found ')'
(10009,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10015,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10015,82): run-time error CSS1031: Expected selector, found ')'
(10015,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10052,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10052,82): run-time error CSS1031: Expected selector, found ')'
(10052,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10061,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10061,82): run-time error CSS1031: Expected selector, found ')'
(10061,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10066,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10066,82): run-time error CSS1031: Expected selector, found ')'
(10066,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10071,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10071,82): run-time error CSS1031: Expected selector, found ')'
(10071,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10075,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10075,82): run-time error CSS1031: Expected selector, found ')'
(10075,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10079,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10079,82): run-time error CSS1031: Expected selector, found ')'
(10079,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10083,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10083,82): run-time error CSS1031: Expected selector, found ')'
(10083,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10088,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10088,82): run-time error CSS1031: Expected selector, found ')'
(10088,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10099,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10099,82): run-time error CSS1031: Expected selector, found ')'
(10099,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10105,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10105,82): run-time error CSS1031: Expected selector, found ')'
(10105,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10118,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10118,82): run-time error CSS1031: Expected selector, found ')'
(10118,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10132,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10132,82): run-time error CSS1031: Expected selector, found ')'
(10132,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10136,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10136,82): run-time error CSS1031: Expected selector, found ')'
(10136,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10145,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10145,82): run-time error CSS1031: Expected selector, found ')'
(10145,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10157,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10157,82): run-time error CSS1031: Expected selector, found ')'
(10157,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10166,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10166,82): run-time error CSS1031: Expected selector, found ')'
(10166,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10174,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10174,82): run-time error CSS1031: Expected selector, found ')'
(10174,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10192,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10192,82): run-time error CSS1031: Expected selector, found ')'
(10192,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10197,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10197,82): run-time error CSS1031: Expected selector, found ')'
(10197,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10203,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10203,82): run-time error CSS1031: Expected selector, found ')'
(10203,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10214,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10214,82): run-time error CSS1031: Expected selector, found ')'
(10214,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10238,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10238,82): run-time error CSS1031: Expected selector, found ')'
(10238,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10244,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10244,82): run-time error CSS1031: Expected selector, found ')'
(10244,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10249,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10249,82): run-time error CSS1031: Expected selector, found ')'
(10249,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10257,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10257,82): run-time error CSS1031: Expected selector, found ')'
(10257,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10264,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10264,82): run-time error CSS1031: Expected selector, found ')'
(10264,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10270,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10270,82): run-time error CSS1031: Expected selector, found ')'
(10270,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10276,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10276,82): run-time error CSS1031: Expected selector, found ')'
(10276,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10297,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10297,82): run-time error CSS1031: Expected selector, found ')'
(10297,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10306,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10306,82): run-time error CSS1031: Expected selector, found ')'
(10306,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10313,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10313,82): run-time error CSS1031: Expected selector, found ')'
(10313,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10324,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10324,82): run-time error CSS1031: Expected selector, found ')'
(10324,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10329,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10329,82): run-time error CSS1031: Expected selector, found ')'
(10329,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10335,21): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10335,82): run-time error CSS1031: Expected selector, found ')'
(10335,82): run-time error CSS1025: Expected comma or open brace, found ')'
(10351,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(10359,25): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10359,86): run-time error CSS1031: Expected selector, found ')'
(10359,86): run-time error CSS1025: Expected comma or open brace, found ')'
(10367,25): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10367,86): run-time error CSS1031: Expected selector, found ')'
(10367,86): run-time error CSS1025: Expected comma or open brace, found ')'
(10373,25): run-time error CSS1030: Expected identifier, found '#divNewProduct'
(10373,86): run-time error CSS1031: Expected selector, found ')'
(10373,86): run-time error CSS1025: Expected comma or open brace, found ')'
(10395,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(10402,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(10409,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(10515,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(10525,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(10526,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(11107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11171,22): run-time error CSS1039: Token not allowed after unary operator: '-im-feat-soft'
(11172,17): run-time error CSS1039: Token not allowed after unary operator: '-im-feat-accent'
(11202,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(11210,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(11221,17): run-time error CSS1039: Token not allowed after unary operator: '-im-feat-accent'
(11266,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11346,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(11450,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(11451,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(11466,29): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(11489,45): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(11560,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(11572,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(11672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11717,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(11725,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(11818,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(11857,17): run-time error CSS1039: Token not allowed after unary operator: '-im-search-sidebar'
(11858,21): run-time error CSS1039: Token not allowed after unary operator: '-im-search-sidebar'
(11859,20): run-time error CSS1039: Token not allowed after unary operator: '-im-search-sidebar'
(12047,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(12057,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(12135,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(12214,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(12215,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(12433,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(12578,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(12611,54): run-time error CSS1030: Expected identifier, found '>'
(12611,69): run-time error CSS1031: Expected selector, found ')'
(12611,69): run-time error CSS1025: Expected comma or open brace, found ')'
(12632,23): run-time error CSS1039: Token not allowed after unary operator: '-im-font'
(13016,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(13099,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(13100,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(13144,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(13146,23): run-time error CSS1039: Token not allowed after unary operator: '-im-font'
(13287,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(13335,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(13457,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13468,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13469,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13474,24): run-time error CSS1039: Token not allowed after unary operator: '-im-search-sidebar'
(13475,21): run-time error CSS1039: Token not allowed after unary operator: '-im-search-sidebar'
(13476,25): run-time error CSS1039: Token not allowed after unary operator: '-im-search-sidebar'
(13493,58): run-time error CSS1030: Expected identifier, found '>'
(13493,73): run-time error CSS1031: Expected selector, found ')'
(13493,73): run-time error CSS1025: Expected comma or open brace, found ')'
(13676,21): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(13720,26): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(13831,25): run-time error CSS1030: Expected identifier, found '.'
(13831,40): run-time error CSS1031: Expected selector, found ')'
(13831,40): run-time error CSS1025: Expected comma or open brace, found ')'
(13864,25): run-time error CSS1030: Expected identifier, found '.'
(13864,40): run-time error CSS1031: Expected selector, found ')'
(13864,40): run-time error CSS1025: Expected comma or open brace, found ')'
(13872,25): run-time error CSS1030: Expected identifier, found '.'
(13872,40): run-time error CSS1031: Expected selector, found ')'
(13872,40): run-time error CSS1025: Expected comma or open brace, found ')'
(13888,25): run-time error CSS1030: Expected identifier, found '.'
(13888,40): run-time error CSS1031: Expected selector, found ')'
(13888,40): run-time error CSS1025: Expected comma or open brace, found ')'
(13900,25): run-time error CSS1030: Expected identifier, found '.'
(13900,40): run-time error CSS1031: Expected selector, found ')'
(13900,40): run-time error CSS1025: Expected comma or open brace, found ')'
(13921,25): run-time error CSS1030: Expected identifier, found '.'
(13921,40): run-time error CSS1031: Expected selector, found ')'
(13921,40): run-time error CSS1025: Expected comma or open brace, found ')'
(13936,25): run-time error CSS1030: Expected identifier, found '.'
(13936,40): run-time error CSS1031: Expected selector, found ')'
(13936,40): run-time error CSS1025: Expected comma or open brace, found ')'
(13942,25): run-time error CSS1030: Expected identifier, found '.'
(13942,40): run-time error CSS1031: Expected selector, found ')'
(13942,40): run-time error CSS1025: Expected comma or open brace, found ')'
(13956,25): run-time error CSS1030: Expected identifier, found '.'
(13956,40): run-time error CSS1031: Expected selector, found ')'
(13956,40): run-time error CSS1025: Expected comma or open brace, found ')'
(13965,25): run-time error CSS1030: Expected identifier, found '.'
(13965,40): run-time error CSS1031: Expected selector, found ')'
(13965,40): run-time error CSS1025: Expected comma or open brace, found ')'
(13985,25): run-time error CSS1030: Expected identifier, found '.'
(13985,40): run-time error CSS1031: Expected selector, found ')'
(13985,40): run-time error CSS1025: Expected comma or open brace, found ')'
(13994,103): run-time error CSS1030: Expected identifier, found '.'
(13994,122): run-time error CSS1031: Expected selector, found ')'
(13994,122): run-time error CSS1025: Expected comma or open brace, found ')'
(14003,103): run-time error CSS1030: Expected identifier, found '>'
(14003,118): run-time error CSS1031: Expected selector, found ')'
(14003,118): run-time error CSS1025: Expected comma or open brace, found ')'
(14084,25): run-time error CSS1030: Expected identifier, found '.'
(14084,40): run-time error CSS1031: Expected selector, found ')'
(14084,40): run-time error CSS1025: Expected comma or open brace, found ')'
(14235,26): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(14236,28): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(14260,23): run-time error CSS1039: Token not allowed after unary operator: '-im-font'
(14279,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(14287,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(14292,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(14537,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(14545,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(14551,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(14569,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(14578,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary-hover'
(14610,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(14611,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(14617,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary-hover'
(14618,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary-hover'
(14635,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(14642,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(14643,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary-hover'
(14681,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(14706,28): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(14719,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(14728,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(14738,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(14763,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(14768,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(14779,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(14819,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(14867,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(14872,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(14884,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(14893,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(14925,28): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(14942,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(14947,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(14965,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(15016,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(15094,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(15100,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary-hover'
(15113,28): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(15130,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(15134,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(15240,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(15287,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(15350,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(15389,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(15391,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(15431,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(15433,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(15477,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(15511,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(15523,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(15525,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(15547,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(15549,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(15558,28): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(15627,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(15908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15923,22): run-time error CSS1039: Token not allowed after unary operator: '-im-m-gap'
(15924,25): run-time error CSS1039: Token not allowed after unary operator: '-im-m-radius'
(15933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15935,25): run-time error CSS1039: Token not allowed after unary operator: '-im-m-radius'
(15935,44): run-time error CSS1039: Token not allowed after unary operator: '-im-m-radius'
(16191,21): run-time error CSS1039: Token not allowed after unary operator: '-im-m-pad'
(16290,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(16352,21): run-time error CSS1039: Token not allowed after unary operator: '-im-m-pad'
(16369,25): run-time error CSS1039: Token not allowed after unary operator: '-im-m-radius'
(16381,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(16446,25): run-time error CSS1039: Token not allowed after unary operator: '-im-m-radius'
(16449,25): run-time error CSS1039: Token not allowed after unary operator: '-im-m-gap'
(16454,25): run-time error CSS1039: Token not allowed after unary operator: '-im-m-gap'
(16522,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(16524,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(16529,22): run-time error CSS1039: Token not allowed after unary operator: '-im-m-gap'
(16531,25): run-time error CSS1039: Token not allowed after unary operator: '-im-m-radius'
(16565,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(16658,25): run-time error CSS1039: Token not allowed after unary operator: '-im-m-gap'
(16701,25): run-time error CSS1039: Token not allowed after unary operator: '-im-m-radius'
(16741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16743,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16748,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16752,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(16876,25): run-time error CSS1039: Token not allowed after unary operator: '-im-d-radius'
(17040,24): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(17041,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(17126,24): run-time error CSS1039: Token not allowed after unary operator: '-im-d-accent'
(17127,32): run-time error CSS1039: Token not allowed after unary operator: '-im-d-accent'
(17134,25): run-time error CSS1039: Token not allowed after unary operator: '-im-d-radius'
(17149,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-navy'
(17243,28): run-time error CSS1039: Token not allowed after unary operator: '-im-d-accent-border'
(17256,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-accent'
(17260,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-accent'
(17315,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-accent'
(17396,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(17453,22): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(17454,24): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(17460,22): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary-hover'
(17461,24): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary-hover'
(17468,24): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(17469,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(17580,24): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(17581,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(17622,28): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(17668,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(17686,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-navy'
(17748,22): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(17755,22): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary-hover'
(17761,22): run-time error CSS1039: Token not allowed after unary operator: '-im-d-navy'
(17767,22): run-time error CSS1039: Token not allowed after unary operator: '-im-navy-hover'
(17839,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(17848,25): run-time error CSS1039: Token not allowed after unary operator: '-im-d-radius'
(17856,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-navy'
(17885,24): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(17912,28): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(17913,25): run-time error CSS1039: Token not allowed after unary operator: '-im-d-radius'
(17914,22): run-time error CSS1039: Token not allowed after unary operator: '-im-shadow-sm'
(17946,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-navy'
(17968,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(17982,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18019,24): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18021,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18032,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18038,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18066,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-accent'
(18097,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-navy'
(18123,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18182,28): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(18210,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-navy'
(18223,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18247,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-navy'
(18265,28): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(18290,25): run-time error CSS1039: Token not allowed after unary operator: '-im-radius-sm'
(18294,23): run-time error CSS1039: Token not allowed after unary operator: '-im-font'
(18302,22): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18303,24): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18308,22): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary-hover'
(18309,24): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary-hover'
(18315,24): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18316,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18321,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18326,22): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18327,24): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18351,28): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(18397,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18415,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18432,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18444,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18486,28): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(18512,25): run-time error CSS1039: Token not allowed after unary operator: '-im-d-radius'
(18587,25): run-time error CSS1039: Token not allowed after unary operator: '-im-d-radius'
(18596,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-navy'
(18666,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(18694,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-accent'
(18954,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-accent'
(19030,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-accent'
(19081,17): run-time error CSS1039: Token not allowed after unary operator: '-im-d-primary'
(19226,28): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(19229,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(19238,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(19345,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(19394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19413,29): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(19442,17): run-time error CSS1039: Token not allowed after unary operator: '-im-bm-idle'
(19456,17): run-time error CSS1039: Token not allowed after unary operator: '-im-bm-active'
(19467,17): run-time error CSS1039: Token not allowed after unary operator: '-im-bm-active'
(19468,24): run-time error CSS1039: Token not allowed after unary operator: '-im-bm-active-border'
(19469,22): run-time error CSS1039: Token not allowed after unary operator: '-im-bm-active-bg'
(19474,17): run-time error CSS1039: Token not allowed after unary operator: '-im-bm-active'
(19522,17): run-time error CSS1039: Token not allowed after unary operator: '-im-bm-active'
(19526,24): run-time error CSS1039: Token not allowed after unary operator: '-im-bm-active-border'
(19527,22): run-time error CSS1039: Token not allowed after unary operator: '-im-bm-active-bg'
(19528,17): run-time error CSS1039: Token not allowed after unary operator: '-im-bm-active'
(19639,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(19764,28): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(19766,22): run-time error CSS1039: Token not allowed after unary operator: '-im-shadow-md'
(19780,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(19787,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(19808,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(19812,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(19821,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(19831,22): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(19868,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(19924,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(19955,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(19973,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(19984,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary-hover'
(20006,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(20007,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(20018,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(20026,32): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(20603,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(21514,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21515,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21516,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21517,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21518,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21519,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21520,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21521,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21529,22): run-time error CSS1039: Token not allowed after unary operator: '-im-panel-bg'
(21530,28): run-time error CSS1039: Token not allowed after unary operator: '-im-panel-border'
(21531,25): run-time error CSS1039: Token not allowed after unary operator: '-im-panel-radius'
(21532,22): run-time error CSS1039: Token not allowed after unary operator: '-im-panel-shadow'
(21544,22): run-time error CSS1039: Token not allowed after unary operator: '-im-panel-head-bg'
(21545,35): run-time error CSS1039: Token not allowed after unary operator: '-im-panel-border'
(21556,17): run-time error CSS1039: Token not allowed after unary operator: '-im-panel-title'
(21563,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(21571,22): run-time error CSS1039: Token not allowed after unary operator: '-im-panel-bg'
(21576,32): run-time error CSS1039: Token not allowed after unary operator: '-im-panel-border'
(21582,21): run-time error CSS1039: Token not allowed after unary operator: '-im-max'
(21596,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(21604,17): run-time error CSS1039: Token not allowed after unary operator: '-im-panel-muted'
(21622,35): run-time error CSS1039: Token not allowed after unary operator: '-im-panel-border'
(21624,17): run-time error CSS1039: Token not allowed after unary operator: '-im-panel-muted'
(21637,17): run-time error CSS1039: Token not allowed after unary operator: '-im-text'
(21655,25): run-time error CSS1039: Token not allowed after unary operator: '-im-radius-sm'
(21666,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(21673,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary-hover'
(21684,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(21685,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(21702,17): run-time error CSS1039: Token not allowed after unary operator: '-im-panel-muted'
(21758,28): run-time error CSS1039: Token not allowed after unary operator: '-im-panel-border'
(21760,22): run-time error CSS1039: Token not allowed after unary operator: '-im-panel-shadow'
(21801,28): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(21855,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(21890,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(21912,35): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(21921,28): run-time error CSS1039: Token not allowed after unary operator: '-im-border'
(21941,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(21950,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(21958,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(21975,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(22016,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(22017,28): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(22050,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(22084,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(22112,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(22125,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(22130,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(22142,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(22149,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(22185,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(22493,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(22499,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(22540,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(22548,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(22706,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(22720,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(22833,28): run-time error CSS1039: Token not allowed after unary operator: '-im-panel-border'
(22835,22): run-time error CSS1039: Token not allowed after unary operator: '-im-panel-shadow'
(22851,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(22889,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(22897,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(22926,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(22934,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(22942,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(22951,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(22968,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(23007,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(23015,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(23040,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(23066,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(23099,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(23113,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(23295,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(23297,29): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(23302,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(23307,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(23407,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(23408,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(23417,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary-hover'
(23418,24): run-time error CSS1039: Token not allowed after unary operator: '-im-primary-hover'
(23462,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(23467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23474,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23502,28): run-time error CSS1039: Token not allowed after unary operator: '-sc-line'
(23504,22): run-time error CSS1039: Token not allowed after unary operator: '-sc-surface'
(23516,35): run-time error CSS1039: Token not allowed after unary operator: '-sc-line'
(23517,22): run-time error CSS1039: Token not allowed after unary operator: '-sc-surface'
(23526,17): run-time error CSS1039: Token not allowed after unary operator: '-sc-ink'
(23535,17): run-time error CSS1039: Token not allowed after unary operator: '-sc-accent'
(23545,22): run-time error CSS1039: Token not allowed after unary operator: '-sc-soft'
(23546,17): run-time error CSS1039: Token not allowed after unary operator: '-sc-accent'
(23564,34): run-time error CSS1039: Token not allowed after unary operator: '-sc-line'
(23581,22): run-time error CSS1039: Token not allowed after unary operator: '-sc-bg'
(23627,17): run-time error CSS1039: Token not allowed after unary operator: '-sc-ink'
(23698,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(23704,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(23711,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(23780,36): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(23802,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(23821,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(23850,17): run-time error CSS1039: Token not allowed after unary operator: '-sc-ink'
(23890,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(23939,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(23969,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(23980,17): run-time error CSS1039: Token not allowed after unary operator: '-im-muted'
(24065,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(24087,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(24097,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(24108,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(24115,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(24137,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(24164,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(24216,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(24226,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(24308,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(24335,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(24355,22): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(24367,47): run-time error CSS1030: Expected identifier, found '.'
(24367,63): run-time error CSS1031: Expected selector, found ')'
(24367,63): run-time error CSS1025: Expected comma or open brace, found ')'
(24381,30): run-time error CSS1030: Expected identifier, found '.'
(24381,46): run-time error CSS1031: Expected selector, found ')'
(24381,46): run-time error CSS1025: Expected comma or open brace, found ')'
(24415,17): run-time error CSS1039: Token not allowed after unary operator: '-im-primary'
(24544,17): run-time error CSS1039: Token not allowed after unary operator: '-im-fg'
(24615,51): run-time error CSS1030: Expected identifier, found '.'
(24615,61): run-time error CSS1031: Expected selector, found ')'
(24615,61): run-time error CSS1025: Expected comma or open brace, found ')'
(24627,36): run-time error CSS1030: Expected identifier, found '.'
(24627,46): run-time error CSS1031: Expected selector, found ')'
(24627,46): run-time error CSS1025: Expected comma or open brace, found ')'
(24636,34): run-time error CSS1030: Expected identifier, found '.'
(24636,50): run-time error CSS1031: Expected selector, found ')'
(24636,50): run-time error CSS1025: Expected comma or open brace, found ')'
(27182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27190,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-ink'
(27195,28): run-time error CSS1039: Token not allowed after unary operator: '-bbc-line'
(27208,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-primary'
(27217,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-ink'
(27225,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-muted'
(27250,22): run-time error CSS1039: Token not allowed after unary operator: '-bbc-primary'
(27262,24): run-time error CSS1039: Token not allowed after unary operator: '-bbc-line'
(27263,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-ink'
(27285,28): run-time error CSS1039: Token not allowed after unary operator: '-bbc-line'
(27299,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-primary'
(27308,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-ink'
(27315,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-muted'
(27332,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-ink'
(27338,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-muted'
(27421,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-ink'
(27428,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-muted'
(27445,24): run-time error CSS1039: Token not allowed after unary operator: '-bbc-primary'
(27451,24): run-time error CSS1039: Token not allowed after unary operator: '-bbc-primary'
(27453,32): run-time error CSS1039: Token not allowed after unary operator: '-bbc-primary'
(27458,22): run-time error CSS1039: Token not allowed after unary operator: '-bbc-primary'
(27459,24): run-time error CSS1039: Token not allowed after unary operator: '-bbc-primary'
(27500,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-primary'
(27508,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-ink'
(27515,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-muted'
(27529,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-ink'
(27540,22): run-time error CSS1039: Token not allowed after unary operator: '-bbc-primary'
(27546,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-muted'
(27559,28): run-time error CSS1039: Token not allowed after unary operator: '-bbc-line'
(27570,22): run-time error CSS1039: Token not allowed after unary operator: '-bbc-soft'
(27591,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-ink'
(27596,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-muted'
(27619,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-ink'
(27625,17): run-time error CSS1039: Token not allowed after unary operator: '-bbc-muted'
(27703,32): run-time error CSS1039: Token not allowed after unary operator: '-bbc-line'
(27879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27896,28): run-time error CSS1039: Token not allowed after unary operator: '-sf-line'
(27912,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-primary'
(27931,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-primary'
(27941,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-ink'
(27957,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-muted'
(27970,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-primary'
(27984,28): run-time error CSS1039: Token not allowed after unary operator: '-sf-line'
(27989,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-muted'
(27995,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-primary'
(28002,28): run-time error CSS1039: Token not allowed after unary operator: '-sf-line'
(28012,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-ink'
(28018,32): run-time error CSS1039: Token not allowed after unary operator: '-sf-line'
(28024,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-muted'
(28057,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-ink'
(28096,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-ink'
(28139,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-muted'
(28151,49): run-time error CSS1030: Expected identifier, found ':'
(28151,57): run-time error CSS1031: Expected selector, found ')'
(28151,57): run-time error CSS1025: Expected comma or open brace, found ')'
(28182,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-primary'
(28195,28): run-time error CSS1039: Token not allowed after unary operator: '-sf-line'
(28204,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-ink'
(28211,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-primary'
(28225,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-ink'
(28234,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-primary'
(28269,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-muted'
(28274,57): run-time error CSS1039: Token not allowed after unary operator: '-sf-primary'
(28290,28): run-time error CSS1039: Token not allowed after unary operator: '-sf-line'
(28295,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-ink'
(28300,61): run-time error CSS1039: Token not allowed after unary operator: '-sf-primary'
(28309,28): run-time error CSS1039: Token not allowed after unary operator: '-sf-line'
(28329,24): run-time error CSS1039: Token not allowed after unary operator: '-sf-line'
(28330,17): run-time error CSS1039: Token not allowed after unary operator: '-sf-ink'
(28335,22): run-time error CSS1039: Token not allowed after unary operator: '-sf-primary'
(28336,24): run-time error CSS1039: Token not allowed after unary operator: '-sf-primary'
(28348,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28512,32): run-time error CSS1039: Token not allowed after unary operator: '-sf-line'
(28524,22): run-time error CSS1039: Token not allowed after unary operator: '-sf-nav-clear'
(28531,32): run-time error CSS1039: Token not allowed after unary operator: '-sf-line'
(28592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28593,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28598,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28600,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28605,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-ink'
(28630,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-muted'
(28634,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-ink'
(28646,22): run-time error CSS1039: Token not allowed after unary operator: '-pk-soft'
(28647,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-muted'
(28648,28): run-time error CSS1039: Token not allowed after unary operator: '-pk-line'
(28652,22): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(28653,24): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(28658,22): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(28659,24): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(28661,32): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary-soft'
(28667,22): run-time error CSS1039: Token not allowed after unary operator: '-pk-line'
(28676,28): run-time error CSS1039: Token not allowed after unary operator: '-pk-line'
(28698,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(28707,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-ink'
(28715,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-muted'
(28724,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-muted'
(28737,25): run-time error CSS1039: Token not allowed after unary operator: '-pk-radius'
(28739,28): run-time error CSS1039: Token not allowed after unary operator: '-pk-line'
(28740,22): run-time error CSS1039: Token not allowed after unary operator: '-pk-shadow'
(28749,22): run-time error CSS1039: Token not allowed after unary operator: '-pk-shadow-hover'
(28777,22): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary-soft'
(28783,16): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(28790,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-ink'
(28797,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-muted'
(28807,28): run-time error CSS1039: Token not allowed after unary operator: '-pk-line'
(28824,24): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(28826,32): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary-soft'
(28826,56): run-time error CSS1039: Token not allowed after unary operator: '-pk-shadow'
(28830,22): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(28831,24): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(28845,25): run-time error CSS1039: Token not allowed after unary operator: '-pk-radius'
(28846,28): run-time error CSS1039: Token not allowed after unary operator: '-pk-line'
(28848,22): run-time error CSS1039: Token not allowed after unary operator: '-pk-shadow'
(28859,35): run-time error CSS1039: Token not allowed after unary operator: '-pk-line'
(28867,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-ink'
(28877,16): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(28883,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-muted'
(28890,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(28898,28): run-time error CSS1039: Token not allowed after unary operator: '-pk-line'
(28905,22): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary-soft'
(28925,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-muted'
(28938,45): run-time error CSS1039: Token not allowed after unary operator: '-pk-line'
(28959,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-ink'
(28972,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(29046,16): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(29060,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(29086,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(29106,22): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary-soft'
(29112,16): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(29139,16): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(29171,28): run-time error CSS1039: Token not allowed after unary operator: '-pk-line'
(29205,28): run-time error CSS1039: Token not allowed after unary operator: '-pk-line'
(29216,58): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(29250,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-ink'
(29263,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-muted'
(29271,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(29282,22): run-time error CSS1039: Token not allowed after unary operator: '-pk-soft'
(29283,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-muted'
(29289,22): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary-soft'
(29290,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(29306,28): run-time error CSS1039: Token not allowed after unary operator: '-pk-line'
(29307,22): run-time error CSS1039: Token not allowed after unary operator: '-pk-soft'
(29331,58): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(29352,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-ink'
(29357,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-muted'
(29367,50): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(29415,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(29427,17): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(29433,16): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(29438,22): run-time error CSS1039: Token not allowed after unary operator: '-pk-line'
(29527,21): run-time error CSS1039: Token not allowed after unary operator: '-pk-primary'
(32378,23): run-time error CSS1039: Token not allowed after unary operator: '-im-font'
(32454,23): run-time error CSS1039: Token not allowed after unary operator: '-im-font'
(32467,23): run-time error CSS1039: Token not allowed after unary operator: '-im-font'
(32516,46): run-time error CSS1030: Expected identifier, found '.'
(32516,67): run-time error CSS1031: Expected selector, found ')'
(32516,67): run-time error CSS1025: Expected comma or open brace, found ')'
(32527,30): run-time error CSS1030: Expected identifier, found '.'
(32527,51): run-time error CSS1031: Expected selector, found ')'
(32527,51): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*******************************************
*	Theme Name: Market
*	Author: Magentech
*	Author URI: http://www.magentech.com
*	Version: 1.0.0
*	Description: This is html5 Sass template 
*******************************************/
/*===============================================
	[SASS DIRECTORY ]
	
    [1] Minxin Link
    [2] Minxin Buton
    [3] Minxin Triangle
   
==============================================*/
.no-margin {
  margin: 0 !important; }

.marginbottom__3x {
  margin-bottom: 30px; }

@-webkit-keyframes animLoadedLogo {
  to {
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } }
@keyframes animLoadedLogo {
  to {
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
    transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } }
@-webkit-keyframes animLoadedLoader {
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } }
@keyframes animLoadedLoader {
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
    transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } }
@-webkit-keyframes animLoadedHeader {
  to {
    -webkit-transform: translate3d(0, -100%, 0); } }
@keyframes animLoadedHeader {
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@-webkit-keyframes animInitialHeader {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 800px, 0); } }
@keyframes animInitialHeader {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 800px, 0);
    transform: translate3d(0, 800px, 0); } }
/*******************************************************
  Style Color
********************************************************/
/*******************************************************************
******                SO Framework: Sass System                ******
********************************************************************/
/* 1.BACK TOP TOP DEMO OPENCART
----------------------------------------------------- */
.back-to-top {
  cursor: pointer;
  background-color: #777;
  color: #fff;
  width: 45px;
  bottom: 50px;
  padding: 5px 0;
  overflow: hidden;
  z-index: 40;
  position: fixed;
  display: inline;
  text-align: center;
  border-radius: 3px;
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }
  .back-to-top.hidden-top {
    bottom: -100px;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  .back-to-top:hover {
    background-color: #F4A137; }
  .back-to-top i {
    font-size: 32px;
    display: block;
    line-height: 18px; }
  .back-to-top span {
    display: block;
    line-height: 18px; }
  @media (max-width: 1199px) {
    .back-to-top {
      right: 40px; } }

/* 2.SOCIAL ACCOUNTS (RIGHT FIXED PANEL)
----------------------------------------------------- */
.social-widgets {
  position: fixed;
  z-index: 560;
  top: 50%;
  height: 0;
  width: 0;
  right: 0; }

.social-widgets .item, .social-widgets .items {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.social-widgets .items {
  top: -100px;
  position: relative; }

.social-widgets .item {
  position: absolute;
  top: 0;
  left: 120px; }

.social-widgets .active {
  z-index: 100;
  left: -310px; }

.social-widgets .item-01, .social-widgets .item-02, .social-widgets .item-03, .social-widgets .item-04, .social-widgets .item-05, .social-widgets .item-06, .social-widgets .item-07, .social-widgets .item-08, .social-widgets .item-09 {
  left: 0; }

.social-widgets .item-01 {
  top: 0;
  z-index: 99; }

.social-widgets .item-02 {
  top: 45px;
  z-index: 98; }

.social-widgets .item-03 {
  top: 90px;
  z-index: 97; }

.social-widgets .item-04 {
  top: 150px;
  z-index: 96; }

.social-widgets .item-05 {
  top: 200px;
  z-index: 95; }

.social-widgets .tab-icon .fa {
  font-size: 18px; }

.social-widgets .tab-icon {
  position: absolute;
  top: 0;
  left: -45px;
  display: block;
  width: 45px;
  height: 45px;
  background: #fff;
  text-align: center;
  font-size: 1.54em;
  line-height: 45px; }

.social-widgets .tab-icon:hover {
  text-decoration: none; }

.social-widgets .active .tab-icon {
  border-color: #E9E9E9;
  background: #fff; }

.social-widgets .facebook .tab-icon {
  background: #3b5998;
  background-clip: content-box;
  color: white; }

.social-widgets .twitter .tab-icon {
  background: #07779a;
  background-clip: content-box;
  color: white; }

.social-widgets .youtube .tab-icon {
  background: #DA2723;
  background-clip: content-box;
  color: white; }

.social-widgets .tab-content {
  background: #fff;
  width: 310px;
  padding: 10px; }

.social-widgets .active .tab-content {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); }

.social-widgets .title {
  margin: -10px -10px 10px;
  padding: 0px 10px;
  background-color: #ccc;
  text-transform: uppercase;
  line-height: 45px;
  color: #000;
  font-weight: bold; }
  .social-widgets .title h5 {
    line-height: 45px;
    margin: 0; }

.social-widgets .facebook.active {
  left: -260px; }

.social-widgets .facebook .tab-content {
  width: 260px; }

.social-widgets .twitter.active {
  left: -300px; }

.social-widgets .twitter .tab-content {
  width: 300px; }

.social-widgets .twitter-widget {
  padding-top: 10px; }

.social-widgets .youtube.active {
  left: -450px; }

.social-widgets .youtube .tab-content {
  width: 450px; }

.social-widgets .loading {
  min-height: 200px;
  position: relative;
  z-index: 1000; }

.social-widgets .loading img.ajaxloader {
  position: absolute;
  top: 45%;
  left: 45%;
  width: 32px;
  height: 32px; }

/* 3.TOP PANEL (RIGHT FIXED PANEL)
----------------------------------------------------- */
@media (min-width: 1200px) {
  .navbar-compact {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 900;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    .navbar-compact.hidden-menu {
      -webkit-transform: translate(0, -100%);
      -moz-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
      -o-transform: translate(0, -100%);
      transform: translate(0, -100%); }

  .navbar-compact .compact-hidden {
    display: none !important; }

  .navbar-compact .header-center {
    padding: 20px 0;
    transition: 0.3s all ease 0s; }

  .navbar-compact .header-bottom {
    margin: 0 !important; }

  .navbar-switcher {
    text-align: center;
    float: right;
    display: none;
    width: 45px;
    height: 45px;
    margin-bottom: -47px;
    background: #F4A137 !important;
    padding: 6px 7px;
    border-radius: 0 0 3px 3px;
    cursor: pointer;
    color: #fff; }

  .navbar-switcher .i-active, .navbar-switcher.active .i-inactive {
    display: none; }

  .navbar-switcher.active .i-active,
  .navbar-switcher .fa-caret-down {
    display: inline;
    font-size: 1.8em;
    line-height: 1.5em; }

  .navbar-compact.type_1 .sidebar-menu, .navbar-compact.type_2 .sidebar-menu {
    display: none; }
  .navbar-compact.type_1 .header-bottom-right, .navbar-compact.type_2 .header-bottom-right {
    margin: 0;
    padding: 0 15px;
    width: 100%; }

  header .navbar-switcher {
    display: block; } }
/* 4.LARY LOADER
--------------------------------------- */
.mfp-iframe-scaler iframe {
  background: white url(/content/ctheme/image/theme/lazy-loader.gif) no-repeat center center; }

.lazy {
  display: block;
  position: relative;
  overflow: hidden;
  background: transparent url(/content/ctheme/image/theme/lazy-loader.gif) no-repeat center center; }

.loadeding {
  background: white url(/content/ctheme/image/theme/lazy-loader.gif) no-repeat center center;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1; }

.loaded .loadeding {
  background: none;
  height: auto;
  opacity: 0;
  display: none; }

@media (min-width: 1200px) {
  .lazy.lazy-loaded {
    background: none;
    height: auto; }

  .lazy img {
    transition: 1s all ease;
    opacity: 0;
    -webkit-backface-visibility: hidden; }

  .lazy.lazy-loaded img {
    opacity: 1; } }
/* Overlay pattern 
--------------------------------------- */
body.no-bgbody {
  background-image: none; }

.pattern-1 {
  background-image: url("/content/ctheme/image/theme/patterns/1.png"); }

.pattern-2 {
  background-image: url("/content/ctheme/image/theme/patterns/2.png"); }

.pattern-3 {
  background-image: url("/content/ctheme/image/theme/patterns/3.png"); }

.pattern-4 {
  background-image: url("/content/ctheme/image/theme/patterns/4.png"); }

.pattern-5 {
  background-image: url("/content/ctheme/image/theme/patterns/5.png"); }

.pattern-6 {
  background-image: url("/content/ctheme/image/theme/patterns/6.png"); }

.pattern-7 {
  background-image: url("/content/ctheme/image/theme/patterns/7.png"); }

.pattern-8 {
  background-image: url("/content/ctheme/image/theme/patterns/8.png"); }

.pattern-9 {
  background-image: url("/content/ctheme/image/theme/patterns/9.png"); }

.pattern-10 {
  background-image: url("/content/ctheme/image/theme/patterns/10.png"); }

.pattern-11 {
  background-image: url("/content/ctheme/image/theme/patterns/11.png"); }

.pattern-12 {
  background-image: url("/content/ctheme/image/theme/patterns/12.png"); }

.pattern-13 {
  background-image: url("/content/ctheme/image/theme/patterns/13.png"); }

.pattern-14 {
  background-image: url("/content/ctheme/image/theme/patterns/14.png"); }

.pattern-15 {
  background-image: url("/content/ctheme/image/theme/patterns/15.png"); }

.pattern-16 {
  background-image: url("/content/ctheme/image/theme/patterns/16.png"); }

.pattern-17 {
  background-image: url("/content/ctheme/image/theme/patterns/17.png"); }

.pattern-18 {
  background-image: url("/content/ctheme/image/theme/patterns/18.png"); }

.pattern-19 {
  background-image: url("/content/ctheme/image/theme/patterns/19.png"); }

.pattern-20 {
  background-image: url("/content/ctheme/image/theme/patterns/20.png"); }

.pattern-21 {
  background-image: url("/content/ctheme/image/theme/patterns/21.png"); }

.pattern-22 {
  background-image: url("/content/ctheme/image/theme/patterns/22.png"); }

.pattern-23 {
  background-image: url("/content/ctheme/image/theme/patterns/23.png"); }

.pattern-24 {
  background-image: url("/content/ctheme/image/theme/patterns/24.png"); }

.pattern-25 {
  background-image: url("/content/ctheme/image/theme/patterns/25.png"); }

.pattern-26 {
  background-image: url("/content/ctheme/image/theme/patterns/26.png"); }

.pattern-27 {
  background-image: url("/content/ctheme/image/theme/patterns/27.png"); }

.pattern-28 {
  background-image: url("/content/ctheme/image/theme/patterns/28.png"); }

.pattern-29 {
  background-image: url("/content/ctheme/image/theme/patterns/29.png"); }

.pattern-30 {
  background-image: url("/content/ctheme/image/theme/patterns/30.png"); }

.pattern-31 {
  background-image: url("/content/ctheme/image/theme/patterns/31.png"); }

.pattern-32 {
  background-image: url("/content/ctheme/image/theme/patterns/32.png"); }

.pattern-33 {
  background-image: url("/content/ctheme/image/theme/patterns/33.png"); }

.pattern-34 {
  background-image: url("/content/ctheme/image/theme/patterns/34.png"); }

.pattern-35 {
  background-image: url("/content/ctheme/image/theme/patterns/35.png"); }

.pattern-36 {
  background-image: url("/content/ctheme/image/theme/patterns/36.png"); }

.pattern-37 {
  background-image: url("/content/ctheme/image/theme/patterns/37.png"); }

.pattern-38 {
  background-image: url("/content/ctheme/image/theme/patterns/38.png"); }

.pattern-39 {
  background-image: url("/content/ctheme/image/theme/patterns/39.png"); }

.pattern-40 {
  background-image: url("/content/ctheme/image/theme/patterns/40.png"); }

.pattern-41 {
  background-image: url("/content/ctheme/image/theme/patterns/41.png"); }

.pattern-42 {
  background-image: url("/content/ctheme/image/theme/patterns/42.png"); }

.pattern-43 {
  background-image: url("/content/ctheme/image/theme/patterns/43.png"); }

.pattern-44 {
  background-image: url("/content/ctheme/image/theme/patterns/44.png"); }

.pattern-45 {
  background-image: url("/content/ctheme/image/theme/patterns/45.png"); }

/* Preloading Screen
--------------------------------------- */
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000; }

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #3498db;
  z-index: 1001;
  animation: spin 2s linear infinite; }
  #loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    animation: spin 3s linear infinite; }
  #loader:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 15px;
    left: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    animation: spin 1.5s linear infinite; }

#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  z-index: 1000;
  transform: translateX(0); }

#loader-wrapper .loader-section.section-left {
  left: 0; }

#loader-wrapper .loader-section.section-right {
  right: 0; }

.ip-header {
  position: fixed;
  top: 0;
  z-index: 99999;
  min-height: 480px;
  width: 100%;
  height: 100%;
  background: #ffffff; }
  .ip-header h1 {
    margin: 0; }
  .ip-header .ip-inner {
    display: block;
    margin: 0 auto; }
  .ip-header .ip-logo {
    position: absolute;
    top: 40%;
    text-align: center; }
    .ip-header .ip-logo a {
      display: inline-block; }
  .ip-header .ip-loader svg path {
    fill: none;
    stroke-width: 6; }
  .ip-header .ip-loader svg path.ip-loader-circlebg {
    stroke: #ddd; }
  .ip-header .ip-loader svg path.ip-loader-circle {
    -webkit-transition: stroke-dashoffset 0.2s;
    transition: stroke-dashoffset 0.2s;
    stroke: #df1f26; }

.ip-logo,
.ip-loader {
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  cursor: default;
  pointer-events: none; }

.ip-loader {
  top: 46%; }

.loading .ip-logo,
.loading .ip-loader {
  opacity: 1;
  -webkit-animation: animInitialHeader 1s cubic-bezier(0.7, 0, 0.3, 1) both;
  animation: animInitialHeader 1s cubic-bezier(0.7, 0, 0.3, 1) both; }

.loading .ip-loader {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.loaded .ip-loader {
  -webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
  animation: animLoadedLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards; }

.loaded .ip-header {
  -webkit-animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
  animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards; }

.loaded .ip-logo,
.loaded .ip-loader {
  opacity: 1; }

.loaded .ip-logo {
  display: none; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.loaded #loader-wrapper .loader-section.section-left {
  transform: translateX(-100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.loaded #loader-wrapper .loader-section.section-right {
  transform: translateX(100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.loaded #loader {
  opacity: 0;
  transition: all 0.3s ease-out; }

.loaded #loader-wrapper {
  visibility: hidden;
  transform: translateY(-100%);
  transition: all 0.3s 1s ease-out; }

/* @group Banners hover effect */
.banners-effect-1 .banners > div img {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in; }
  .banners-effect-1 .banners > div img:hover {
    opacity: 0.8; }

.banners-effect-2 .banners > div a {
  display: block;
  position: relative;
  overflow: hidden; }
  .banners-effect-2 .banners > div a:hover:before, .banners-effect-2 .banners > div a:hover:after {
    left: 0;
    opacity: 1; }
  .banners-effect-2 .banners > div a:before, .banners-effect-2 .banners > div a:after {
    background-color: rgba(255, 255, 255, 0.4);
    display: block;
    width: 100%;
    height: 100%;
    left: -100%;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    content: "";
    z-index: 1; }

.banners-effect-3 .banners > div a {
  display: block;
  position: relative;
  overflow: hidden; }
  .banners-effect-3 .banners > div a:hover:before, .banners-effect-3 .banners > div a:hover:after {
    border: 0 solid rgba(0, 0, 0, 0.7);
    opacity: 0;
    filter: alpha(opacity=0); }
  .banners-effect-3 .banners > div a:before, .banners-effect-3 .banners > div a:after {
    border: 50px solid transparent;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    top: 0;
    content: "";
    opacity: 1;
    filter: alpha(opacity=100);
    width: 100px;
    height: 100px;
    -webkit-transform: scale(7);
    -moz-transform: scale(7);
    -ms-transform: scale(7);
    -o-transform: scale(7);
    transform: scale(7);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    visibility: visible;
    z-index: 1; }

.banners-effect-4 .banners > div a {
  display: block;
  position: relative;
  overflow: hidden; }
  .banners-effect-4 .banners > div a:hover:before, .banners-effect-4 .banners > div a:hover:after {
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
    -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
    -ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
    -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1); }
  .banners-effect-4 .banners > div a:before, .banners-effect-4 .banners > div a:after {
    border-bottom: 50px solid rgba(0, 0, 0, 0.2);
    border-top: 50px solid rgba(0, 0, 0, 0.2);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    transform-origin: 50% 50% 0;
    width: 100%;
    -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    -ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    -webkit-transition: opacity 0.4s ease 0s, -webkit-transform 0.35s ease 0s;
    -moz-transition: opacity 0.4s ease 0s, -moz-transform 0.35s ease 0s;
    transition: opacity 0.4s ease 0s, transform 0.35s ease 0s;
    visibility: visible;
    z-index: 1; }

.banners-effect-5 .banners > div a {
  display: block;
  position: relative;
  overflow: hidden; }
  .banners-effect-5 .banners > div a:hover:before, .banners-effect-5 .banners > div a:hover:after {
    opacity: 0;
    filter: alpha(opacity=0);
    border: 0 double rgba(255, 255, 255, 0.7);
    visibility: hidden; }
  .banners-effect-5 .banners > div a:before, .banners-effect-5 .banners > div a:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    border: 200px double transparent;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
    -moz-transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
    transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s; }

.banners-effect-6 .banners > div a {
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  background: #000; }

.banners-effect-6 .banners > div a img {
  backface-visibility: hidden;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 1s ease 0s, transform 1s ease 0s;
  -o-transition: opacity 1s ease 0s, transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s; }

.banners-effect-6 .banners > div a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  transform: scale3d(1.1, 1.1, 1); }

.banners-effect-7 .banners > div a {
  display: block;
  position: relative;
  overflow: hidden; }

.banners-effect-7 .banners > div a:before {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  width: 0;
  top: 0;
  left: 50%;
  content: "";
  transition: all 0.3s ease-in-out 0s; }

.banners-effect-7 .banners > div a:hover:before {
  width: 100%;
  left: 0;
  top: 0;
  height: 100%; }

.banners-effect-8 .banners > div a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  background: #000;
  vertical-align: top; }

.banners-effect-8 .banners > div a:before,
.banners-effect-8 .banners > div a:after {
  bottom: 20px;
  content: "";
  left: 20px;
  opacity: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  z-index: 1; }

.banners-effect-8 .banners > div a:before {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1); }

.banners-effect-8 .banners > div a:after {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0); }

.banners-effect-8 .banners > div img {
  opacity: 1;
  width: 100%;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.35s ease 0s;
  -o-transition: opacity 0.35s ease 0s;
  transition: opacity 0.35s ease 0s; }

.banners-effect-8 .banners > div a:hover:before,
.banners-effect-8 .banners > div a:hover:after {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.banners-effect-8 .banners > div a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.banners-effect-9 .banners > div a {
  display: block;
  position: relative;
  z-index: 10; }

.banners-effect-9 .banners > div a:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: #000;
  content: '';
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.2);
  opacity: 0; }

.banners-effect-9 .banners > div a:hover:before {
  opacity: 1; }

.banners-effect-9 .banners > div a img {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
  transform: perspective(1000px) translate3d(0, 0, 0); }

.banners-effect-9 .banners > div a:hover img {
  -webkit-transform: perspective(1000px) translate3d(0, 0, 21px);
  transform: perspective(1000px) translate3d(0, 0, 21px); }

.banners-effect-10 .banners > div a {
  display: block;
  position: relative;
  overflow: hidden; }

.banners-effect-10 .banners > div a:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.2) 75%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.2) 75%);
  content: '';
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s; }

.banners-effect-10 .banners > div a:hover:before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.banners-effect-11 .banners > div a {
  display: block;
  position: relative;
  overflow: hidden; }
  .banners-effect-11 .banners > div a:hover:before, .banners-effect-11 .banners > div a:hover:after {
    width: 100%;
    height: 100%; }
  .banners-effect-11 .banners > div a:before, .banners-effect-11 .banners > div a:after {
    background-color: rgba(0, 0, 0, 0.15);
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    width: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  .banners-effect-11 .banners > div a:after {
    left: auto;
    right: 0;
    bottom: 0; }

.banners-effect-12 .banners > div img {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
  .banners-effect-12 .banners > div img:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }

/* @end */
.icons-social a {
  display: inline-block;
  margin-right: 5px;
  color: #f82e56; }
.icons-social .fa {
  font-size: 20px;
  line-height: 40px;
  vertical-align: top; }
.icons-social .icon-circled {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  border: 1px solid #F4A137;
  color: #F4A137;
  vertical-align: top;
  text-align: center; }
.icons-social .icon-color.fa-facebook {
  background: #3b5998;
  border-color: #3b5998;
  color: #fff; }
.icons-social a:hover .icon-circled {
  background: #F4A137;
  color: #fff; }
.icons-social a:hover .icon-color.fa-facebook {
  background: #4c70ba; }
.icons-social .icon-circled {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  border: 1px solid #F4A137;
  color: #F4A137;
  vertical-align: top;
  text-align: center; }
.icons-social .icon-color.fa-twitter {
  background: #00aced;
  border-color: #00aced;
  color: #fff; }
.icons-social a:hover .icon-circled {
  background: #F4A137;
  color: #fff; }
.icons-social a:hover .icon-color.fa-twitter {
  background: #21c2ff; }
.icons-social .icon-circled {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  border: 1px solid #F4A137;
  color: #F4A137;
  vertical-align: top;
  text-align: center; }
.icons-social .icon-color.fa-google-plus {
  background: #dd4b39;
  border-color: #dd4b39;
  color: #fff; }
.icons-social a:hover .icon-circled {
  background: #F4A137;
  color: #fff; }
.icons-social a:hover .icon-color.fa-google-plus {
  background: #e47365; }
.icons-social .icon-circled {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  border: 1px solid #F4A137;
  color: #F4A137;
  vertical-align: top;
  text-align: center; }
.icons-social .icon-color.fa-linkedin {
  background: #007bb5;
  border-color: #007bb5;
  color: #fff; }
.icons-social a:hover .icon-circled {
  background: #F4A137;
  color: #fff; }
.icons-social a:hover .icon-color.fa-linkedin {
  background: #009ee8; }
.icons-social .icon-circled {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  border: 1px solid #F4A137;
  color: #F4A137;
  vertical-align: top;
  text-align: center; }
.icons-social .icon-color.fa-instagram {
  background: #125688;
  border-color: #125688;
  color: #fff; }
.icons-social a:hover .icon-circled {
  background: #F4A137;
  color: #fff; }
.icons-social a:hover .icon-color.fa-instagram {
  background: #1872b5; }
.icons-social .icon-circled {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  border: 1px solid #F4A137;
  color: #F4A137;
  vertical-align: top;
  text-align: center; }
.icons-social .icon-color.fa-youtube {
  background: #b00;
  border-color: #b00;
  color: #fff; }
.icons-social a:hover .icon-circled {
  background: #F4A137;
  color: #fff; }
.icons-social a:hover .icon-color.fa-youtube {
  background: #ee0000; }

.divider {
  clear: both;
  height: 40px; }

.alert {
  border-radius: 0; }
  .alert .fa {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 10px; }

.tab-content {
  padding: 15px 15px 10px;
  margin-bottom: 20px;
  z-index: 2;
  border: 1px solid #ddd;
  border-top: 0px; }

.simple-ul {
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none; }
  .simple-ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px; }
    .simple-ul li:before {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      font-family: "FontAwesome";
      font-size: 14px;
      content: "\f105"; }
    .simple-ul li ul {
      margin: 10px 0 10px 0;
      padding: 0;
      list-style: none; }
      .simple-ul li ul li:before {
        content: "\f111";
        font-size: 7px; }

.decimal-list {
  margin: 0px 0 15px 20px;
  padding: 0;
  list-style: decimal outside; }
  .decimal-list li {
    padding-left: 0;
    margin-bottom: 5px;
    text-indent: 0; }

blockquote {
  font-size: 12px; }

.well {
  border-radius: 0; }

.feature-box {
  border-radius: 0;
  margin-bottom: 20px; }
  .feature-box .feature-icon {
    color: #3e7cb4;
    display: inline-block;
    font-size: 40px;
    height: 40px;
    text-align: center;
    width: 40px;
    float: left; }
  .feature-box .feature-content {
    padding-left: 50px; }

.featured-icon {
  border-radius: 50%;
  color: #fff;
  background-color: #3e7cb4;
  display: inline-block;
  font-size: 40px;
  height: 110px;
  line-height: 110px;
  margin: 5px;
  position: relative;
  text-align: center;
  width: 110px;
  z-index: 1; }

.simple-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.bold-list > li > a {
  font-weight: 700;
  text-transform: uppercase; }

.simple-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative; }

.simple-list li {
  margin: 0;
  padding: 0 0 8px; }

.simple-list .checkbox {
  padding-left: 0; }

.simple-list .checkbox input[type=checkbox] {
  margin-right: 10px; }

.simple-list .icon {
  margin-right: 9px; }

.arrow-list li {
  padding-left: 12px;
  position: relative; }
  .arrow-list li a {
    color: #444; }
    .arrow-list li a:hover {
      color: #F4A137; }

.arrow-list li:before {
  margin-right: 10px;
  font-size: 14px;
  display: inline-block;
  font-family: "FontAwesome";
  content: "\f105"; }

.page-login .well {
  background: #fff;
  min-height: 285px;
  border: 1px solid #e7e7e7;
  margin: 0;
  line-height: 23px;
  border-radius: 0; }
  .page-login .well h2 {
    padding-bottom: 10px;
    font-size: 14px;
    text-transform: uppercase;
    position: relative; }
.page-login .bottom-form {
  background: #f5f5f5;
  border: 1px solid #e7e7e7;
  border-top: 0;
  padding: 10px 20px;
  overflow: hidden;
  line-height: 35px; }
  .page-login .bottom-form .btn {
    padding: 7px 12px;
    background: #555555;
    color: #fff;
    border-radius: 0;
    border-color: #555555; }
    .page-login .bottom-form .btn:hover {
      background: #F4A137;
      border-color: #F4A137;
      color: #fff; }
  .page-login .bottom-form a {
    color: #444; }
    .page-login .bottom-form a:hover {
      color: #F4A137; }

div.required .control-label:before {
  content: '* ';
  color: #F00;
  font-weight: bold; }

/*******************************************************************
******                SO Framework: Sass Menu                 ******
********************************************************************/
div.horizontal ul.megamenu > li {
  float: left; }
div.horizontal ul.megamenu .sub-menu .title-submenu,
div.horizontal ul.megamenu li .sub-menu .content .static-menu a.main-menu {
  text-transform: uppercase;
  color: #222222;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 5px; }
div.horizontal ul.megamenu .sub-menu .image-link {
  margin-bottom: 10px;
  color: #333333; }
  div.horizontal ul.megamenu .sub-menu .image-link:hover {
    color: #F4A137; }
div.horizontal .image-link .thumbnail {
  position: relative;
  overflow: hidden;
  border-radius: 0;
  background: #fff;
  padding: 3px;
  margin: 0 0 10px; }
div.horizontal .image-link .btn {
  position: absolute;
  top: -100px;
  left: calc(50% - 50px);
  padding: 7px 12px;
  background: #555555;
  color: #fff;
  border-radius: 0;
  border-color: #555555;
  background: #F4A137;
  border-color: #F4A137;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 2px; }
  div.horizontal .image-link .btn:hover {
    background: #F4A137;
    border-color: #F4A137;
    color: #fff; }
  div.horizontal .image-link .btn:hover {
    background: #555555;
    border-color: #555555; }
div.horizontal .image-link:hover .thumbnail {
  border: 1px solid #bcbcbc;
  background: #ddd; }
  div.horizontal .image-link:hover .thumbnail img {
    opacity: 0.8; }
div.horizontal .image-link .figcaption {
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0; }
div.horizontal ul.megamenu .label-hot {
  position: absolute;
  z-index: 2;
  top: -10px;
  right: 0px; }
div.horizontal ul.megamenu .sub-menu .content {
  border-top: 3px solid #F4A137; }
div.horizontal ul.megamenu .sub-menu a {
  color: #444;
  line-height: 24px;
  display: block;
  padding: 3px 0; }
  div.horizontal ul.megamenu .sub-menu a:hover {
    color: #F4A137; }
@media (min-width: 1200px) {
  div.horizontal ul.megamenu .megamenu--container {
    min-width: 1170px; } }

header .so-megamenu .navbar-header {
  color: white; }

@media (min-width: 992px) {
  div.so-vertical-menu {
    position: relative; }
    div.so-vertical-menu .vertical-wrapper {
      border-top: 3px solid #F4A137; }
    div.so-vertical-menu ul.megamenu > li {
      border: none; }
      div.so-vertical-menu ul.megamenu > li a {
        color: #444;
        line-height: 24px; }
        div.so-vertical-menu ul.megamenu > li a:hover {
          color: #F4A137; }
      div.so-vertical-menu ul.megamenu > li > a:hover, div.so-vertical-menu ul.megamenu > li.loadmore:hover {
        background: #F4A137;
        color: white; }
        div.so-vertical-menu ul.megamenu > li > a:hover .caret, div.so-vertical-menu ul.megamenu > li.loadmore:hover .caret {
          background-position: center 0; }
      div.so-vertical-menu ul.megamenu > li .caret {
        background: url("/content/ctheme/image/theme/icons/ico-menu-parent.png") no-repeat;
        width: 15px;
        height: 15px;
        background-position: center -25px;
        border: none;
        margin: 5px  0;
        position: absolute;
        right: 10px; }
      div.so-vertical-menu ul.megamenu > li.loadmore {
        border-top: 1px solid #ddd; }
    div.so-vertical-menu ul.megamenu > li.active > a {
      background: #F4A137;
      color: white; } }
.list-product {
  padding: 0; }
  .list-product .image {
    margin-right: 15px; }
  .list-product .caption h4 {
    margin: 0;
    /* [4] */
    /* [6] */
    /* [6] */
    /* [7] */
    font-size: 14px;
    /* [8] */
    font-size: 1.4rem;
    /* [8] */ }

.megamenuToogle-wrapper .container > div {
  float: left;
  margin: 3px 10px 0px 0px; }

/* 	+----------------------------------------------------+
		TABLE OF CONTENTS
	+----------------------------------------------------+

	[1]		Header Wrapper
	[2]		Content Wrapper
	[3]		Footer Wrapper
	
*/
/* ************************************************************************************************
STRUCTURE
************************************************************************************************ */
@media (max-width: 1024px) {
  .no-res {
    width: 1190px; } }
.wrapper-boxed, .wrapper-iframed, .wrapper-rounded {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
  .wrapper-boxed header.navbar-compact, .wrapper-iframed header.navbar-compact, .wrapper-rounded header.navbar-compact {
    width: auto; }

.wrapper-iframed {
  margin: 20px auto; }

.wrapper-rounded {
  margin: 20px auto;
  border-radius: 10px;
  overflow: hidden; }

#wrapper {
  overflow: hidden; }

@media (min-width: 1360px) {
  .container-full {
    clear: both;
    margin-left: -10%;
    margin-right: -10%; } }
@media (min-width: 1600px) {
  .container-full {
    clear: both;
    margin-left: -40%;
    margin-right: -40%; } }
/**************************************************************
	  Header Wrapper
**************************************************************/
.header-top {
  background: #eee; }

.header-center {
  padding: 35px 0; }

.header-bottom {
  background: #666666;
  min-height: 45px;
  margin-bottom: 15px; }

/**************************************************************
	  Content Wrapper
**************************************************************/
#content {
  margin-bottom: 30px; }
  #content:before, #content:after {
    content: " ";
    display: table; }
  #content:after {
    clear: both; }

/* 	+----------------------------------------------------+
		TABLE OF CONTENTS
	+----------------------------------------------------+

	[1]		BLOCK MODULE STYLE
	[2]		BLOCK LIST ITEM
	[3]		BLOCK MENU CATEGORY
	[4]		BLOCK FILTER SHOP BY
	[5]		BLOCK TAGS
	[6]		BLOCK LANGUAGE
	[7]		BLOCK CURRENCY
	[8]		BLOCK BREADCRUMB
	[9]		BLOCK LATEST PRODUCT
*/
.module {
  margin-bottom: 30px; }
  .module h3.modtitle {
    margin: 0  0 15px;
    text-transform: capitalize;
    font-weight: bold; }

.titleLine h3.modtitle {
  /* [4] */
  /* [6] */
  /* [6] */
  /* [7] */
  font-size: 16px;
  /* [8] */
  font-size: 1.6rem;
  /* [8] */
  border-bottom: 1px solid #e6e6e6;
  line-height: 30px;
  margin: 0 0 10px;
  text-transform: uppercase;
  position: relative; }
  .titleLine h3.modtitle:after {
    content: "";
    width: 120px;
    height: 1px;
    background: #F4A137;
    display: block;
    position: absolute;
    bottom: 0;
    margin-bottom: -1px; }

.modLine h3.modtitle {
  display: table-cell;
  vertical-align: middle; }
.modLine .modcontent {
  display: table-cell;
  padding: 0 15px; }

.list-item {
  list-style: none;
  padding: 0; }
  .list-item li {
    margin-bottom: 3px; }
    .list-item li:before {
      font-family: "FontAwesome";
      margin-right: 10px;
      display: inline-block;
      content: "\f105"; }
    .list-item li a {
      color: #444; }
      .list-item li a:hover {
        color: #F4A137; }

.menu-category .modcontent {
  border: 1px solid #e6e6e6;
  margin-top: 20px;
  padding: 0 20px; }
.menu-category .list-group > li {
  border-bottom: 1px dotted #E4E4E4;
  margin: 0;
  position: relative; }
  .menu-category .list-group > li span.button-view {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    cursor: pointer;
    z-index: 10;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px; }
  .menu-category .list-group > li a {
    color: #333333;
    padding: 10px 0;
    display: block; }
    .menu-category .list-group > li a:hover {
      color: #F4A137; }
  .menu-category .list-group > li a:hover + .button-view {
    color: #F4A137; }
  .menu-category .list-group > li .active, .menu-category .list-group > li .active + .button-view {
    color: #F4A137; }
  .menu-category .list-group > li .active + .button-view:before {
    content: '\f147'; }
  .menu-category .list-group > li li {
    padding: 0 10px;
    position: relative;
    list-style: none; }
    .menu-category .list-group > li li a {
      padding: 5px 0; }
      .menu-category .list-group > li li a:before {
        content: '';
        padding: 0 5px;
        font-family: "FontAwesome";
        content: "\f105";
        margin-left: -10px;
        transition: all 400ms ease;
        opacity: 0; }
      .menu-category .list-group > li li a:hover:before {
        opacity: 1;
        margin: 0; }

.filter-shopby, .filter-row {
  border: 1px solid #e6e6e6;
  padding: 20px; }
  .filter-shopby .table_layout, .filter-row .table_layout {
    display: block; }
  .filter-shopby .table_cell, .filter-row .table_cell {
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: #f1f1f1 1px solid;
    display: block; }
  .filter-shopby legend, .filter-row legend {
    border: none;
    font-size: 13px;
    margin: 0;
    text-transform: uppercase; }
  .filter-shopby .checkboxes_list > li:not(:last-child), .filter-row .checkboxes_list > li:not(:last-child), .filter-shopby .simple_vertical_list li:not(:last-child), .filter-row .simple_vertical_list li:not(:last-child) {
    margin-bottom: 5px; }
  .filter-shopby .color_btn, .filter-row .color_btn {
    position: relative;
    padding-left: 32px; }
  .filter-shopby .color_btn::before, .filter-row .color_btn::before {
    content: "" !important;
    padding: 1px;
    background-clip: content-box !important;
    border: 1px solid #eaeaea;
    border-radius: 50% !important;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease; }
  .filter-shopby .color_btn.green::before, .filter-row .color_btn.green::before {
    background: #269300; }
  .filter-shopby .color_btn.yellow::before, .filter-row .color_btn.yellow::before {
    background: #fccd36; }
  .filter-shopby .color_btn.red::before, .filter-row .color_btn.red::before {
    background: #ff0000; }
  .filter-shopby .color_btn.blue::before, .filter-row .color_btn.blue::before {
    background: #018bc8; }
  .filter-shopby .color_btn.grey::before, .filter-row .color_btn.grey::before {
    background: #b2b2b2; }
  .filter-shopby .color_btn.orange::before, .filter-row .color_btn.orange::before {
    background: #ff7b1a; }
  .filter-shopby input[type="checkbox"]:checked + .color_btn::before, .filter-row input[type="checkbox"]:checked + .color_btn::before {
    border-color: #333; }

.filter-row {
  padding: 0; }
  .filter-row .table_layout {
    display: table;
    width: 100%;
    table-layout: fixed; }
  .filter-row .table_row {
    display: table;
    width: 100%; }
  .filter-row .table_cell {
    display: table-cell;
    border-right: 1px solid #e6e6e6;
    padding: 19px; }
  .filter-row .bottom_box {
    padding: 15px 19px; }

.ui-slider {
  height: 7px;
  background: #f8f8f8;
  border: 1px solid #eaeaea;
  max-width: 220px; }

.ui-slider .ui-slider-handle {
  display: block;
  width: 19px;
  height: 19px;
  background: #fff;
  border: 1px solid #eaeaea;
  cursor: pointer;
  top: -7px; }

.ui-slider .ui-slider-handle::before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  background: #b2b2b2;
  position: absolute;
  top: 4px;
  left: 4px; }

.ui-slider .ui-slider-handle,
.ui-slider .ui-slider-handle::before {
  border-radius: 50%; }

.range {
  margin-bottom: 15px; }

.range > * {
  display: inline; }

.checkboxes_list {
  color: #333; }

.simple_vertical_list input[type="radio"], .simple_vertical_list input[type="checkbox"],
.checkboxes_list input[type="radio"],
.checkboxes_list input[type="checkbox"] {
  display: none; }
.simple_vertical_list input[type="radio"] + label,
.simple_vertical_list input[type="checkbox"] + label,
.checkboxes_list input[type="radio"] + label,
.checkboxes_list input[type="checkbox"] + label {
  position: relative;
  width: auto !important;
  margin: 0 17px 0 0 !important;
  padding-left: 32px;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none; }
.simple_vertical_list input[type="radio"] + label::before,
.simple_vertical_list input[type="checkbox"] + label::before,
.checkboxes_list input[type="radio"] + label::before,
.checkboxes_list input[type="checkbox"] + label::before {
  content: "";
  display: block;
  text-align: center;
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
  top: -1px;
  width: 22px;
  height: 22px;
  color: inherit;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 3px; }
.simple_vertical_list input[type="checkbox"] + label::before,
.checkboxes_list input[type="checkbox"] + label::before {
  font-size: 12px; }
.simple_vertical_list input[type="radio"] + label::before,
.checkboxes_list input[type="radio"] + label::before {
  border-radius: 50%; }
.simple_vertical_list input[type="radio"] + label:empty,
.checkboxes_list input[type="radio"] + label:empty {
  width: 22px !important;
  padding-left: 0px;
  margin: 0px !important; }
.simple_vertical_list input[type="checkbox"]:checked + label::before,
.checkboxes_list input[type="checkbox"]:checked + label::before {
  content: '\f00c'; }
.simple_vertical_list input[type="radio"]:checked + label::before,
.checkboxes_list input[type="radio"]:checked + label::before {
  content: "\f10c"; }

.tags_cloud li {
  display: inline-block;
  margin: 0 4px 4px 0; }

.button_grey {
  padding: 6px 15px;
  display: inline-block;
  color: #555555;
  background: #f1f1f1;
  text-transform: capitalize;
  border-radius: 3px;
  border: none; }
  .button_grey:hover {
    color: white;
    background: #F4A137; }

.button_submit {
  background: #F4A137;
  color: white;
  margin-right: 5px; }

.header-top ul.dropdown-menu {
  min-width: 120px;
  margin: 0;
  border-radius: 0; }
  .header-top ul.dropdown-menu li > a {
    color: #666; }
  .header-top ul.dropdown-menu li:hover > a {
    color: #F4A137; }

.languages-block, .currencies-block {
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  z-index: 10;
  position: relative;
  vertical-align: top;
  margin: 0;
  display: inline-block; }
  .languages-block form > a, .currencies-block form > a {
    color: #666;
    display: block;
    line-height: 30px;
    padding: 1px 10px; }
  .languages-block form:hover, .currencies-block form:hover {
    background: #F4A137;
    border-color: #F4A137; }
    .languages-block form:hover > a, .currencies-block form:hover > a {
      color: #fff; }
  .languages-block form .dropdown-menu, .currencies-block form .dropdown-menu {
    margin: 0; }
  .languages-block form span.fa-angle-down, .currencies-block form span.fa-angle-down {
    margin-left: 3px; }

.currencies-block {
  margin-left: -5px; }

@media (max-width: 767px) {
  .collapsed-block .tabBlockTitle {
    margin: 6px 0px;
    line-height: 20px; }
    .collapsed-block .tabBlockTitle .expander {
      margin: 0 10px;
      color: #333333;
      font-size: 14px; }

  .collapsed-block .tabBlock {
    display: none; } }
.breadcrumb {
  background: none;
  border-radius: 0;
  display: block;
  padding: 0; }
  .breadcrumb li {
    position: relative;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 24px;
    line-height: 21px;
    margin-right: 3px;
    padding: 0 15px 0 20px; }
    .breadcrumb li a {
      color: #666; }
    .breadcrumb li:after {
      content: "";
      background: #fff;
      border-right: 1px solid #e1e1e1;
      border-top: 1px solid #e1e1e1;
      display: inline-block;
      height: 17px;
      width: 16px;
      position: absolute;
      right: -8px;
      top: 3px;
      z-index: 1;
      transform: rotate(45deg); }
    .breadcrumb li:first-child {
      border-left: 1px solid #ddd;
      border-color: #F4A137 !important; }
      .breadcrumb li:first-child a {
        color: #F4A137; }
      .breadcrumb li:first-child:after, .breadcrumb li:first-child:before {
        border-color: #F4A137; }
    .breadcrumb li + li:before {
      content: "";
      background: #fff;
      border-left: 1px solid #e1e1e1;
      border-top: 1px solid #e1e1e1;
      display: inline-block;
      height: 18px;
      width: 17px;
      position: absolute;
      left: -9px;
      top: 2px;
      transform: rotate(135deg); }
    .breadcrumb li + li:hover {
      border-color: #F4A137; }
      .breadcrumb li + li:hover a {
        color: #F4A137; }
      .breadcrumb li + li:hover:after, .breadcrumb li + li:hover:before {
        border-color: #F4A137; }

/*==========================BLOCK CART ======================*/
.shopping_cart {
  padding: 0; }
  .shopping_cart .btn-group {
    display: block;
    z-index: 5; }
  .shopping_cart a.top_cart {
    display: block;
    position: relative;
    box-shadow: none !important;
    text-decoration: none !important; }
    .shopping_cart a.top_cart .shopcart .title {
      color: #444;
      font-weight: bold;
      text-transform: uppercase; }
    .shopping_cart a.top_cart .shopcart .text-shopping-cart {
      color: #999;
      margin-bottom: 0;
      white-space: nowrap; }
    .shopping_cart a.top_cart .handle {
      background: url("/content/ctheme/image/theme//icons/icon_minicart.png") no-repeat 8px 8px;
      background-color: #F4A137;
      width: 36px;
      height: 34px;
      margin: 5px 10px; }
  .shopping_cart .shoppingcart-box {
    padding: 15px;
    border-radius: 0;
    border-top: 3px solid #F4A137;
    min-width: 300px; }
    @media (min-width: 1200px) {
      .shopping_cart .shoppingcart-box:before {
        content: "";
        height: 1px;
        width: 1px;
        border-style: solid;
        border-bottom: 10px solid #F4A137;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: transparent;
        position: absolute;
        top: -10px;
        right: 129px; } }
    .shopping_cart .shoppingcart-box .added_items {
      margin-bottom: 10px; }
    .shopping_cart .shoppingcart-box .table-striped > tbody > tr:nth-of-type(odd) {
      background: #fff; }
    .shopping_cart .shoppingcart-box .table-striped a {
      color: #666;
      font-weight: bold; }
      .shopping_cart .shoppingcart-box .table-striped a.fa-edit {
        display: none; }
      .shopping_cart .shoppingcart-box .table-striped a:hover {
        color: #F4A137; }
    .shopping_cart .shoppingcart-box .table-striped a.fa-delete {
      width: 20px;
      height: 20px;
      background: #d6d6d6;
      border-radius: 3px;
      text-align: center;
      line-height: 19px;
      color: #000; }
      .shopping_cart .shoppingcart-box .table-striped a.fa-delete:hover {
        background: #F4A137;
        color: #fff;
        text-decoration: none; }
    .shopping_cart .shoppingcart-box a.btn {
      color: #fff;
      background: #444;
      border-color: #444; }
      .shopping_cart .shoppingcart-box a.btn i {
        margin-right: 5px; }
      .shopping_cart .shoppingcart-box a.btn:hover {
        border: 1px solid #F4A137;
        background: #F4A137; }
  .shopping_cart .table-bordered {
    border-left: 0;
    border-right: 0; }
  .shopping_cart .table > tbody > tr {
    margin: 10px 0; }
    .shopping_cart .table > tbody > tr:first-child > td {
      border-top: 0; }
  .shopping_cart .table > tbody > tr > td, .shopping_cart .table > tbody > tr > th, .shopping_cart .table > tfoot > tr > td, .shopping_cart .table > tfoot > tr > th, .shopping_cart .table > thead > tr > td, .shopping_cart .table > thead > tr > th {
    vertical-align: middle; }
  .shopping_cart .table-bordered > tbody > tr > td, .shopping_cart .table-bordered > tbody > tr > th, .shopping_cart .table-bordered > tfoot > tr > td,
  .shopping_cart .table-bordered > tfoot > tr > th, .shopping_cart .table-bordered > thead > tr > td, .shopping_cart .table-bordered > thead > tr > th {
    border: 0; }

.latest-product .product-latest-item {
  margin-bottom: 20px; }
.latest-product .product-latest-item:last-child {
  margin: 0; }
.latest-product .media .media-left {
  float: left;
  border: 1px solid #ddd;
  padding: 0;
  margin-right: 20px; }
.latest-product .media .media-body h4 {
  margin-top: 0; }
  .latest-product .media .media-body h4 a {
    font-size: 13px;
    color: #666;
    font-weight: bold; }
    .latest-product .media .media-body h4 a:hover {
      color: #F4A137; }
.latest-product .media:hover .media-left {
  border-color: #F4A137; }

.main-newsleter-popup .so-custom-popup {
  background-color: #fff;
  border-radius: 5px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .main-newsleter-popup .so-custom-popup {
      width: 85% !important; }
      .main-newsleter-popup .so-custom-popup:before {
        content: "";
        position: absolute;
        z-index: 2;
        background: rgba(255, 255, 255, 0.9);
        width: 100%;
        height: 100%;
        top: 0;
        right: 0; } }
  @media (max-width: 767px) {
    .main-newsleter-popup .so-custom-popup:before {
      content: "";
      position: absolute;
      z-index: 2;
      background: rgba(255, 255, 255, 0.9);
      width: 100%;
      height: 100%;
      top: 0;
      right: 0; } }
.main-newsleter-popup .modcontent {
  position: relative;
  z-index: 9; }
.main-newsleter-popup .so-custom-popup .oca_popup .popup-content {
  padding: 15px 10px;
  text-align: center; }
  @media (min-width: 1200px) {
    .main-newsleter-popup .so-custom-popup .oca_popup .popup-content {
      padding: 60px 30px;
      padding-left: 55%;
      margin: 0 20px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .main-newsleter-popup .so-custom-popup .oca_popup .popup-content {
      padding: 60px 30px;
      padding-left: 55%;
      margin: 0 20px; } }
  .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .popup-title {
    font-weight: bold;
    font-size: 22px;
    color: #333333;
    text-transform: uppercase; }
  .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .newsletter_promo {
    font-size: 18px;
    color: #F4A137;
    font-weight: bold; }
  .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .email {
    margin: 30px 0; }
  .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .form-control {
    background: white;
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 41px;
    max-width: 280px;
    display: inline-block;
    width: 100%; }
  .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .hidden-popup {
    font-weight: normal; }
  .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .btn-default {
    padding: 7px 12px;
    background: #555555;
    color: #fff;
    border-radius: 0;
    border-color: #555555;
    background: #F4A137;
    border-color: #F4A137;
    margin-bottom: 20px;
    min-width: 160px;
    text-transform: uppercase;
    padding: 8px 10px;
    border-radius: 3px; }
    .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .btn-default:hover {
      background: #F4A137;
      border-color: #F4A137;
      color: #fff; }
    .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .btn-default:hover {
      background: #555555;
      border-color: #555555; }
  .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .newsletter_promo {
    padding: 10px 0; }

.yt-content-slider--arrow1 .owl2-controls .owl2-nav div {
  position: absolute;
  top: 44.5%;
  outline: 0;
  width: 30px;
  height: 50px;
  font-size: 0;
  z-index: 9;
  transition: all 0.3s ease; }
  .yt-content-slider--arrow1 .owl2-controls .owl2-nav div.owl2-prev {
    left: 0px;
    background: url("/content/ctheme/image/theme//icons/arrow-slider-left.png") no-repeat; }
    .yt-content-slider--arrow1 .owl2-controls .owl2-nav div.owl2-prev:hover {
      background-position: 0 -59px; }
  .yt-content-slider--arrow1 .owl2-controls .owl2-nav div.owl2-next {
    right: 0px;
    background: url("/content/ctheme/image/theme//icons/arrow-slider-right.png") no-repeat; }
    .yt-content-slider--arrow1 .owl2-controls .owl2-nav div.owl2-next:hover {
      background-position: 0 -59px; }

.yt-content-slider--arrow2 {
  padding: 0px 70px 15px 70px;
  direction: ltr; }
  .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-prev,
  .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-next {
    width: 20px;
    height: 27px;
    border: 1px solid #ddd;
    background-image: url("/content/ctheme/image/theme/icons/ico-slider.png");
    background-repeat: no-repeat;
    background-color: #fff;
    display: inline-block;
    text-indent: -999em;
    position: absolute;
    transition: all 0.2s ease-in-out 0s;
    top: calc(50% - 13px); }
    .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-prev:hover,
    .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-next:hover {
      background-color: #F4A137;
      background-position: 0px 0;
      border-color: #F4A137; }
  .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-prev {
    background-position: -31px 0; }
    .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-prev:hover {
      background-position: 0px 0; }
  .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-next {
    background-position: -60px 0; }
    .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-next:hover {
      background-position: -90px 0; }
  .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-prev {
    left: 0px; }
  .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-next {
    right: 0px; }

.slider-brand--home6 {
  padding: 0;
  direction: ltr; }
  .slider-brand--home6 .owl2-controls {
    opacity: 0; }
    .slider-brand--home6 .owl2-controls .owl2-nav .owl2-prev,
    .slider-brand--home6 .owl2-controls .owl2-nav .owl2-next {
      width: 20px;
      height: 27px;
      border: 1px solid #ddd;
      background-image: url("/content/ctheme/image/theme/icons/ico-slider.png");
      background-repeat: no-repeat;
      background-color: #fff;
      display: inline-block;
      text-indent: -999em;
      position: absolute;
      transition: all 0.2s ease-in-out 0s;
      top: calc(50% - 13px); }
      .slider-brand--home6 .owl2-controls .owl2-nav .owl2-prev:hover,
      .slider-brand--home6 .owl2-controls .owl2-nav .owl2-next:hover {
        background-color: #F4A137;
        background-position: 0px 0;
        border-color: #F4A137; }
    .slider-brand--home6 .owl2-controls .owl2-nav .owl2-prev {
      background-position: -31px 0; }
      .slider-brand--home6 .owl2-controls .owl2-nav .owl2-prev:hover {
        background-position: 0px 0; }
    .slider-brand--home6 .owl2-controls .owl2-nav .owl2-next {
      background-position: -60px 0; }
      .slider-brand--home6 .owl2-controls .owl2-nav .owl2-next:hover {
        background-position: -90px 0; }
    .slider-brand--home6 .owl2-controls .owl2-nav .owl2-prev {
      left: 0px; }
    .slider-brand--home6 .owl2-controls .owl2-nav .owl2-next {
      right: 0px; }
    .slider-brand--home6 .owl2-controls .owl2-nav .owl2-prev {
      left: -30px; }
    .slider-brand--home6 .owl2-controls .owl2-nav .owl2-next {
      right: -30px; }
  .slider-brand--home6:hover .owl2-controls {
    opacity: 1; }
  .slider-brand--home6 a {
    border: 1px solid #ddd;
    display: block; }
    .slider-brand--home6 a:hover {
      border-color: #F4A137; }

.block-clientsay .yt-content-slide {
  border: 1px solid #ddd;
  padding: 15px 20px;
  margin-right: 1px; }
  .block-clientsay .yt-content-slide .client-info {
    border-top: 1px solid #ddd;
    margin-top: 15px;
    padding-top: 20px; }
    .block-clientsay .yt-content-slide .client-info strong {
      font-size: 116.6%;
      text-transform: uppercase;
      font-weight: bold;
      color: #444; }
    .block-clientsay .yt-content-slide .client-info img {
      float: left;
      margin-right: 10px;
      width: auto; }
.block-clientsay .owl2-controls {
  position: absolute;
  top: -30px;
  width: 100%; }
  .block-clientsay .owl2-controls .owl2-nav .owl2-prev,
  .block-clientsay .owl2-controls .owl2-nav .owl2-next {
    width: 20px;
    height: 27px;
    border: 1px solid #ddd;
    background-image: url("/content/ctheme/image/theme/icons/ico-slider.png");
    background-repeat: no-repeat;
    background-color: #fff;
    display: inline-block;
    text-indent: -999em;
    position: absolute;
    transition: all 0.2s ease-in-out 0s;
    top: calc(50% - 13px); }
    .block-clientsay .owl2-controls .owl2-nav .owl2-prev:hover,
    .block-clientsay .owl2-controls .owl2-nav .owl2-next:hover {
      background-color: #F4A137;
      background-position: 0px 0;
      border-color: #F4A137; }
  .block-clientsay .owl2-controls .owl2-nav .owl2-prev {
    background-position: -31px 0; }
    .block-clientsay .owl2-controls .owl2-nav .owl2-prev:hover {
      background-position: 0px 0; }
  .block-clientsay .owl2-controls .owl2-nav .owl2-next {
    background-position: -60px 0; }
    .block-clientsay .owl2-controls .owl2-nav .owl2-next:hover {
      background-position: -90px 0; }
  .block-clientsay .owl2-controls .owl2-nav .owl2-prev {
    right: 25px;
    left: auto; }
  .block-clientsay .owl2-controls .owl2-nav .owl2-next {
    right: 0px; }

/*===============================================
	[SASS DIRECTORY ]
	
    [1] SO LATSET BLOG
    [2] SIMPLE BLOG
    [3] ARTICLE INFO
	
==============================================*/
/*============SO LATSET BLOG ==================*/
.blog-listitem.list .itemBlogImg.left-block {
  padding-right: 30px; }

.so-latest-blog .blog-external-simple {
  /*display: inline-block;*/ }
  .so-latest-blog .blog-external-simple .media-left {
    display: inline-block;
    float: left;
    padding-right: 20px; }
  .so-latest-blog .blog-external-simple .media-body {
    padding-top: 7px; }
    .so-latest-blog .blog-external-simple .media-body .fa-calendar {
      display: none; }
    .so-latest-blog .blog-external-simple .media-body .media-heading a {
      font-size: 13px;
      font-weight: 300;
      color: #545454;
      text-transform: capitalize; }
      .so-latest-blog .blog-external-simple .media-body .media-heading a:hover {
        color: #F4A137; }
    .so-latest-blog .blog-external-simple .media-body .media-date-added {
      font-size: 12px;
      color: #F4A137; }

/*--------------BLOG CATEGORY ---------------------*/
.blog-category {
  border-radius: 0;
  border: 0;
  box-shadow: none; }
  .blog-category .box-content {
    margin-bottom: 30px; }
    .blog-category .box-content ul {
      margin-bottom: 0; }
  .blog-category ul li.list-group-item {
    border-radius: 0;
    border: 0;
    border-bottom: 1px dotted #E4E4E4;
    margin: 0;
    padding: 10px 0; }
    .blog-category ul li.list-group-item a {
      border-radius: 0;
      border: 0;
      padding: 0;
      color: #444; }
      .blog-category ul li.list-group-item a:hover {
        color: #F4A137; }

/*============SIMPLE BLOG ==================*/
.blog-header {
  margin-bottom: 10px; }
  .blog-header h3 {
    font-weight: bold;
    text-transform: uppercase;
    margin: 0; }

.blog-listitem.list .left-block,
.blog-listitem.list .right-block {
  padding: 0; }

.blog-listitem.grid .itemBlogImg.left-block {
  display: block;
  position: relative; }

.blog-listitem.list .blog-item .itemBlogImg .article-image {
  margin: 0; }

.blog-listitem {
  margin: 0 -15px; }
  .blog-listitem .blog-item {
    float: left;
    width: 100%;
    padding: 15px 0; }
    .blog-listitem .blog-item .itemBlogImg .article-image {
      margin-bottom: 10px;
      position: relative;
      z-index: 1; }
    .blog-listitem .blog-item .itemBlogImg img {
      border: 0;
      padding: 0;
      border-radius: 0;
      width: 100%; }
    .blog-listitem .blog-item .itemBlogContent .article-title h4 {
      margin: 0px 0px 8px; }
      .blog-listitem .blog-item .itemBlogContent .article-title h4 a {
        font-size: 16px;
        color: #333333; }
        .blog-listitem .blog-item .itemBlogContent .article-title h4 a:hover {
          color: #F4A137; }
    .blog-listitem .blog-item .itemBlogContent .see-more {
      font-size: 14px;
      color: #F4A137;
      display: block;
      text-align: left; }
      .blog-listitem .blog-item .itemBlogContent .see-more b {
        font-weight: 400; }
      .blog-listitem .blog-item .itemBlogContent .see-more:hover {
        text-decoration: underline; }
      .blog-listitem .blog-item .itemBlogContent .see-more .fa-angle-right {
        float: none;
        padding-left: 8px; }
    .blog-listitem .blog-item .itemBlogContent .article-sub-title {
      border: 0;
      margin-bottom: 0;
      display: inline; }
      .blog-listitem .blog-item .itemBlogContent .article-sub-title .article-date {
        font-size: 11px;
        color: #999; }
        .blog-listitem .blog-item .itemBlogContent .article-sub-title .article-date i {
          margin-right: 5px; }
    .blog-listitem .blog-item .itemBlogContent .article-description {
      padding: 8px 0; }
    .blog-listitem .blog-item .itemBlogContent .blog-meta {
      float: left;
      border: 0;
      margin: 0;
      color: #999;
      line-height: 10px; }
      .blog-listitem .blog-item .itemBlogContent .blog-meta > span {
        padding: 0 10px;
        line-height: 15px;
        font-weight: normal;
        font-size: 11px; }
        .blog-listitem .blog-item .itemBlogContent .blog-meta > span.comment_count {
          padding-left: 0;
          border-right: 1px solid #E5E5E5; }
          .blog-listitem .blog-item .itemBlogContent .blog-meta > span.comment_count a {
            color: #F4A137;
            line-height: 10px; }

/*============ARTICLE INFO==================*/
div.article-info {
  border: 0; }
  div.article-info .article-title {
    font-size: 20px;
    font-weight: normal;
    color: #444; }
    div.article-info .article-title h1 {
      font-size: 16px;
      margin-top: 0;
      font-weight: bold; }
  div.article-info .article-sub-title {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px; }
    div.article-info .article-sub-title span {
      font-weight: bold;
      border-right: 1px solid #E5E5E5;
      display: block;
      float: left;
      font-size: 11px;
      color: #999;
      line-height: 11px;
      padding: 0 11px;
      font-weight: normal !important; }
      div.article-info .article-sub-title span.bullet {
        display: none; }
      div.article-info .article-sub-title span.article-author {
        padding-left: 0; }
        div.article-info .article-sub-title span.article-author a {
          font-size: 11px;
          color: #999;
          font-weight: normal; }
      div.article-info .article-sub-title span.article-comment {
        border-right: 0; }
    div.article-info .article-sub-title .article-share {
      display: none; }
  div.article-info .article-image {
    clear: both; }
    div.article-info .article-image img {
      border: 0;
      border-radius: 0;
      padding: 0;
      height: auto; }
  div.article-info .article-description {
    font-size: 13px; }
  div.article-info .related-comment {
    border-radius: 0;
    border: 0;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    box-shadow: none; }
    div.article-info .related-comment .panel-body {
      padding: 0;
      border: 0; }
      div.article-info .related-comment .panel-body .form-group #comments {
        padding: 0;
        border: 0;
        overflow: hidden; }
        div.article-info .related-comment .panel-body .form-group #comments h2#review-title {
          margin: 0 0 30px;
          padding: 0;
          font-weight: bold;
          text-transform: uppercase;
          font-size: 14px; }
    div.article-info .related-comment #button-comment {
      background: #F4A137;
      border-color: #F4A137; }
      div.article-info .related-comment #button-comment:hover {
        background: #444;
        border-color: #444; }
  div.article-info #comment-list h5 {
    display: none; }
  div.article-info #comment-list a {
    color: #F4A137;
    text-decoration: underline; }
  div.article-info .itemFullText {
    text-align: justify; }

/*****************************************************************************
******                     SO Framework: Sass Garenal                   ******
******************************************************************************/
/* 2. STYLE OWL
------------------------------*/
/* 3. STYLE ALL SITE
-------------------------------*/
body {
  color: #555555;
  font-size: 13px;
  line-height: 22px;
  font-family: Open Sans, sans-serif; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1; }

/* Override the bootstrap defaults */
h1 {
  font-size: 25px; }

h2 {
  font-size: 20px; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 15px; }

h5 {
  font-size: 12px; }

h6 {
  font-size: 10.2px; }

ul.menu, ul.blank, .htmlcontent-home, .menu-category .list-group, .menu-category .list-group > li ul, .filter-shopby .checkboxes_list, .filter-row .checkboxes_list, .filter-shopby .simple_vertical_list, .filter-row .simple_vertical_list, .tags_cloud, #collections_block ul, ul.contact-address, ul.product-options {
  list-style: none;
  padding: 0; }

option {
  padding: 2px 5px;
  border-width: 1px; }

.alert ol li {
  list-style-type: decimal;
  margin: 0 0 5px 15px; }

img {
  max-width: 100%; }

.align-center {
  display: table;
  margin: 0 auto; }

.text-danger {
  color: #fff;
  display: inline-block;
  background-color: #a94442;
  padding: 0 5px;
  margin: 5px 0;
  border-radius: 3px;
  font-size: 11px; }

a, .btn-link {
  color: #F4A137;
  transition: color 0.3s ease-in-out; }
  a:hover, .btn-link:hover {
    color: #f7b867;
    text-decoration: none; }

a, a:visited, a:active, a:link, a:focus {
  cursor: pointer;
  text-decoration: none;
  outline: none; }

.btn.active, .btn:active {
  box-shadow: none !important; }

.input-group-btn > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

ol {
  counter-reset: item;
  list-style-type: none;
  margin: 0 0 0 15px; }

em {
  font-style: normal; }

.fancybox-outer, .fancybox-inner {
  text-align: center; }
  .fancybox-outer .wishlist_product_view, .fancybox-inner .wishlist_product_view {
    margin-bottom: 15px; }

.list-inline {
  display: inline-block; }

.zoomContainer {
  overflow: hidden; }

.img-thumbnail.pull-left {
  margin-right: 30px; }
.img-thumbnail.pull-right {
  margin-left: 30px; }

.selector {
  display: inline-block;
  position: relative;
  height: 30px;
  padding-right: 30px; }
  .selector span {
    display: none; }
  .selector select {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    top: 0px;
    left: 0px;
    font-size: 13px;
    color: #999;
    padding: 5px 7px;
    border: solid 1px #e6e6e6; }
    .selector select:focus {
      box-shadow: none;
      outline: none;
      border-color: #e6e6e6; }
  .selector:after {
    content: "\f0d7";
    margin: 0;
    height: 28px;
    width: 28px;
    text-align: center;
    color: #666;
    position: absolute;
    top: 1px;
    right: 1px;
    background: #fff;
    pointer-events: none;
    line-height: 25px;
    font-size: 12px; }

.margin-zero {
  margin: 0; }

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-15 {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left; } }
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left; } }
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left; } }
/* 4. FORM
-----------------------------------------------------------------*/
.clearfix {
  clear: both; }

.inline {
  display: inline-block; }

legend {
  font-size: 18px;
  padding: 7px 0px; }

label {
  font-size: 12px;
  font-weight: normal; }

select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
  font-size: 12px;
  border-radius: 0; }

.input-group .input-group-addon {
  font-size: 12px;
  height: 30px; }

.dropdown-menu {
  font-size: inherit; }

textarea, input[type="text"], input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"],
input[type="tel"], input[type="color"], .uneditable-input {
  border-radius: 0; }

.btn {
  border-radius: 0; }

.btn-default.active, .btn-default.focus, .btn-default:active,
.btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
  background: #F4A137;
  border-color: #F4A137;
  color: white; }

.buttonGray {
  padding: 7px 12px;
  background: #555555;
  color: #fff;
  border-radius: 0;
  border-color: #555555; }
  .buttonGray:hover {
    background: #F4A137;
    border-color: #F4A137;
    color: #fff; }

.submit {
  margin: 1em 0; }

select, textarea {
  color: #666; }

select {
  box-shadow: none !important;
  padding-left: 5px;
  -webkit-box-shadow: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("/content/ctheme/image/theme/icons/bg-selectbox.png") no-repeat right center #fff; }

textarea {
  height: auto;
  resize: none; }

.alert-danger,
.alert-success {
  display: inline-block;
  width: 100%;
  border-radius: 0; }

.filter_group input {
  display: none; }

.filter_group [type=checkbox] + span:before {
  content: "\f00c";
  font-family: FontAwesome;
  width: 18px;
  padding-left: 2px;
  line-height: 16px;
  height: 18px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 12px;
  color: #ffffff; }

.filter_group [type=checkbox]:checked + span:before {
  color: #333333; }

/* 5. TABLE
-----------------------------------------------------*/
.table thead > tr > th {
  background: #eee; }

table.std th, table.std td {
  vertical-align: middle;
  border: #ccc;
  padding: 10px;
  text-align: center; }

table.std th {
  white-space: nowrap;
  background: #f5f5f5; }

table.std tfoot td {
  color: #333;
  text-align: right;
  white-space: nowrap; }

table.std {
  background: #fdfdfd;
  border-spacing: 0;
  vertical-align: middle;
  border: #ccc;
  width: 100%; }

table th {
  border: #ccc;
  color: #7a7a7a;
  font-size: 13px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase; }

.delivery_option table td {
  text-align: center; }

table tfoot td {
  text-align: right; }

table.table-bordered thead > * {
  background-color: rgba(51, 51, 51, 0.1);
  font-weight: bold; }

.no-margin {
  margin: 0 !important; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.sidebar-menu .box-category-menu {
  z-index: 2; }

.label-mega {
  background: #ee3b27; }

.carousel-inner > .item > a > img, .carousel-inner > .item > img,
.img-responsive, .thumbnail a > img, .thumbnail > img {
  margin: 0 auto; }

#button-review {
  margin-top: 12px;
  padding: 7px 12px;
  margin-right: 10px;
  background: gray;
  color: #fff;
  text-transform: capitalize;
  border-radius: 0;
  border-color: gray; }
  #button-review:hover {
    background: #F4A137;
    border-color: #F4A137; }

.product-search .checkbox-inline {
  display: block; }

/* 	+----------------------------------------------------+
		TABLE OF CONTENTS
	+----------------------------------------------------+

	[1]		Page Faq
	[2]		Page About us
	[3]		Page Contact
	[4]		page 404 
	
*/
#map-canvas {
  height: 600px; }

ul.yt-accordion {
  margin: 0;
  padding: 0;
  list-style: none; }

ul.yt-accordion li.accordion-group {
  margin-bottom: 1px; }
  ul.yt-accordion li.accordion-group h3.accordion-heading {
    margin: 0;
    cursor: pointer;
    background-color: #f4f4f4;
    position: relative;
    z-index: 2; }
    ul.yt-accordion li.accordion-group h3.accordion-heading span {
      padding: 10px;
      font-size: 16px;
      display: block;
      margin-left: 40px;
      line-height: 24px; }
    ul.yt-accordion li.accordion-group h3.accordion-heading .fa {
      margin: 0px;
      font-family: verdana;
      font-size: 17px;
      width: 40px;
      background: #A0A0A0;
      color: white;
      text-align: center;
      line-height: 40px;
      vertical-align: top;
      position: absolute;
      z-index: 5;
      top: 0;
      bottom: 0; }
  ul.yt-accordion li.accordion-group .accordion-inner {
    border: 1px solid #f4f4f4;
    padding: 10px 15px;
    background: #E6E6E3; }

ul.yt-accordion li.accordion-group h3.accordion-heading .fa-plus-square:before {
  content: "+"; }

ul.yt-accordion li.accordion-group h3.accordion-heading.active .fa-plus-square:before {
  content: "-"; }

ul.yt-accordion li.accordion-group h3.accordion-heading:hover {
  color: white;
  background: #8E8E8E; }

ul.yt-accordion li.accordion-group h3.accordion-heading:hover .fa {
  background: #666; }

.about-us .about-title {
  font-size: 171%;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 20px; }
.about-us .name-member {
  font-size: 116.67%;
  font-weight: bold; }
.about-us .job-member {
  margin: 7px 0 5px;
  font-style: italic; }
  .about-us .job-member:before, .about-us .job-member:after {
    content: "---";
    margin: 0 5px; }
.about-us .social-member {
  list-style: none; }
  .about-us .social-member .social-icon {
    display: inline-block;
    margin: 0 3px; }
    .about-us .social-member .social-icon a {
      display: inline-block;
      color: #fff;
      font-size: 16px;
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      border-radius: 50%;
      border-radius: 50%; }
      .about-us .social-member .social-icon a span {
        display: none; }
      .about-us .social-member .social-icon a:hover {
        background-color: #F4A137 !important; }
    .about-us .social-member .social-icon.rss a {
      background-color: #f8bc2e; }
    .about-us .social-member .social-icon.facebook a {
      background-color: #39599f; }
    .about-us .social-member .social-icon.twitter a {
      background-color: #45b0e3; }
    .about-us .social-member .social-icon.google a {
      background-color: #1872bf; }
.about-us .des-member.des-client {
  max-width: 950px;
  margin: 0 auto;
  font-style: italic;
  margin-bottom: 10px; }
.about-us .member-info {
  text-align: center;
  padding-top: 15px; }
.about-us .client-say-content {
  text-align: center; }
  .about-us .client-say-content .client-say-slider {
    padding-top: 15px; }
    .about-us .client-say-content .client-say-slider .owl2-dots {
      position: absolute;
      left: 0;
      top: -23px;
      width: 100%; }
      .about-us .client-say-content .client-say-slider .owl2-dots span {
        width: 16px;
        height: 16px;
        background-color: #d9d9d9;
        border: none;
        margin: 0 2px;
        opacity: 1;
        display: block;
        border-radius: 50%;
        -webkit-border-radius: 50%; }
      .about-us .client-say-content .client-say-slider .owl2-dots .owl2-dot {
        display: inline-block; }
        .about-us .client-say-content .client-say-slider .owl2-dots .owl2-dot.active span {
          background-color: #929292; }
        .about-us .client-say-content .client-say-slider .owl2-dots .owl2-dot span:hover {
          background-color: #929292; }
.about-us .about-us-center {
  text-align: center; }
  .about-us .about-us-center .content-description {
    padding-top: 25px;
    clear: both;
    margin-bottom: 30px; }
.about-us .client-logo-content {
  border-bottom: 1px dashed #e7e7e7;
  border-top: 1px dashed #e7e7e7;
  padding-bottom: 10px;
  text-align: center; }
  .about-us .client-logo-content .about-title {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    position: relative;
    text-align: center;
    top: -19px; }
.about-us .owl2-controls .owl2-nav div {
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 29%;
  overflow: visible;
  display: inline-block;
  width: 34px;
  height: 34px;
  text-indent: -9999px;
  margin: 0 3px;
  background-color: #A6A6A8;
  border-radius: 50%;
  -webkit-border-radius: 50%; }
  .about-us .owl2-controls .owl2-nav div:hover {
    background-color: #F4A137; }
  .about-us .owl2-controls .owl2-nav div.owl2-next {
    right: -19px; }
  .about-us .owl2-controls .owl2-nav div.owl2-prev {
    left: -19px; }
  .about-us .owl2-controls .owl2-nav div:before {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #a6a6a7;
    line-height: 32px;
    top: 1px; }
  .about-us .owl2-controls .owl2-nav div:hover:before {
    background-color: #F4A137; }
.about-us .client-logo-slider {
  padding: 0 25px; }
  .about-us .client-logo-slider img {
    width: auto;
    display: inline-block; }
.about-us .about-image-slider {
  max-width: 570px;
  margin: 0 auto; }
  .about-us .about-image-slider .owl2-controls .owl2-nav div {
    top: 50%;
    margin-top: -15px;
    border: none !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    overflow: hidden;
    border-radius: 3px;
    -webkit-border-radius: 3px; }
    .about-us .about-image-slider .owl2-controls .owl2-nav div:before {
      border-radius: 0;
      -webkit-border-radius: 0;
      background-color: transparent;
      color: #c8c8c8; }
    .about-us .about-image-slider .owl2-controls .owl2-nav div.owl2-next {
      right: 10px; }
    .about-us .about-image-slider .owl2-controls .owl2-nav div.owl2-prev {
      left: 10px; }
    .about-us .about-image-slider .owl2-controls .owl2-nav div:hover {
      border-color: #F4A137; }
      .about-us .about-image-slider .owl2-controls .owl2-nav div:hover:before {
        color: #fff; }
.about-us .skills-value {
  padding-top: 52px; }
  .about-us .skills-value .label-skill {
    font-weight: bold; }
.about-us .about-us-content .description-about {
  padding: 20px 0; }
.about-us .content-faq {
  position: relative;
  top: -15px; }
  .about-us .content-faq .panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    border-radius: 0;
    -webkit-border-radius: 0;
    margin: 0; }
    .about-us .content-faq .panel .panel-title {
      font-size: 100%;
      font-weight: bold; }
      .about-us .content-faq .panel .panel-title a {
        display: block;
        padding: 15px 0 15px 25px;
        position: relative; }
        .about-us .content-faq .panel .panel-title a:after {
          transform: rotate(135deg);
          content: "";
          width: 4px;
          height: 4px;
          position: absolute;
          left: 6px;
          top: 50%;
          margin-top: 6px;
          background-color: #F4A137; }
        .about-us .content-faq .panel .panel-title a:before {
          background-color: #F4A137;
          content: "-";
          width: 16px;
          height: 16px;
          display: inline-block;
          position: absolute;
          left: 0px;
          top: 50%;
          margin-top: -8px;
          border-radius: 2px;
          -webkit-border-radius: 2px;
          color: #fff;
          text-align: center;
          line-height: 16px; }
        .about-us .content-faq .panel .panel-title a.collapsed:after {
          background-color: #737373; }
        .about-us .content-faq .panel .panel-title a.collapsed:before {
          background-color: #737373;
          content: "?"; }
    .about-us .content-faq .panel .panel-body {
      padding: 0 0 13px; }
.about-us .owl2-theme .owl2-controls .owl2-nav > div:before {
  display: inline-block;
  text-indent: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 1px;
  color: #fff;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%; }
.about-us .owl2-theme .owl2-controls .owl2-nav > div.owl2-prev:before {
  content: "\f104";
  font-family: FontAwesome; }
.about-us .owl2-theme .owl2-controls .owl2-nav > div.owl2-next:before {
  content: "\f105";
  font-family: FontAwesome; }

.about-demo-1 .about-image,
.about-demo-1 .about-info {
  margin-bottom: 40px; }
.about-demo-1 .what-client-say {
  margin-bottom: 60px; }
.about-demo-1 .line-hori {
  text-align: center;
  position: relative;
  z-index: 3; }
  .about-demo-1 .line-hori > span {
    background: white;
    display: inline-block;
    position: relative;
    z-index: 10;
    padding: 0 20px; }
  .about-demo-1 .line-hori:before {
    position: absolute;
    content: "";
    border-bottom: 1px dashed #ccc;
    top: 50%;
    left: 0;
    height: 1px;
    width: 100%;
    z-index: 3; }

.about-demo-2 .our-team {
  margin-bottom: 60px; }

.about-demo-3 .about-image,
.about-demo-3 .about-info {
  margin-bottom: 30px; }

.info-contact .name-store h3 {
  padding: 7px 0px;
  margin-top: 10px; }
.info-contact .icon {
  float: left;
  padding-right: 15px; }
  .info-contact .icon .fa {
    font-size: 20px; }
.info-contact .comment {
  line-height: 24px; }

.contact-form legend {
  border-bottom: 0; }

/*******************************************************************************
******                 SO Framework: Sass ProductList                     ******
********************************************************************************/
/*-----------Block Ratings----------------*/
.rating-box {
  margin: 5px  0; }
  .rating-box span.fa-stack {
    width: 14px;
    height: 14px;
    line-height: 14px; }
    .rating-box span.fa-stack .fa-star-o:before {
      color: #999; }
    .rating-box span.fa-stack .fa-star.fa-stack-1x {
      position: relative;
      z-index: 1; }
      .rating-box span.fa-stack .fa-star.fa-stack-1x:before {
        color: #ebdb2c; }

/*-----------Block Price----------------*/
.price {
  font-size: 18px; }
  .price .price-new {
    color: #e74c3c; }
  .price .price-old {
    text-decoration: line-through;
    color: #999;
    font-size: 13px; }

.refine-search .thumbnail {
  margin: 0 0 10px; }
.refine-search a {
  color: #444; }
  .refine-search a:hover {
    color: #F4A137; }

h2.title-category {
  border-bottom: 1px solid #e6e6e6;
  margin: 0 0 30px;
  padding: 0 0 10px 0; }

.filters-panel {
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-color: #DDDDDD;
  margin-bottom: 15px;
  padding: 10px 0;
  margin-top: 30px; }
  .filters-panel .list-view {
    text-align: left;
    margin-top: 4px; }
    .filters-panel .list-view button.btn {
      border-radius: 0;
      padding: 3px 8px;
      color: #666; }
      .filters-panel .list-view button.btn.active {
        background: #F4A137;
        color: #fff;
        border-color: #F4A137;
        box-shadow: none; }
        .filters-panel .list-view button.btn.active:hover {
          background: #F4A137;
          color: #fff; }
      .filters-panel .list-view button.btn:hover {
        color: #F4A137;
        background: transparent;
        border-color: #F4A137; }
      .filters-panel .list-view button.btn:focus {
        border-radius: 0;
        border-color: #F4A137;
        outline: none; }
    .filters-panel .list-view .fa {
      font-size: 14px; }
  .filters-panel.product-filter-bottom {
    margin-top: 15px; }
  .filters-panel .box-pagination ul {
    margin: 4px 0 0 0;
    height: 27px; }

.filters-panel select {
  border-radius: 0; }

.box-pagination .pagination > li span, .box-pagination .pagination > li a {
  padding: 0;
  width: 27px;
  height: 28px;
  line-height: 28px;
  text-align: center; }

.short-by-show .form-group {
  margin-right: 10px; }

.mfp-iframe-holder .mfp-close {
  right: 0;
  left: auto; }

.label-new, .label-sale {
  font-size: 12px;
  height: 30px;
  padding: 3px 10px;
  min-width: 56px;
  text-align: center;
  display: block;
  position: absolute;
  z-index: 1;
  line-height: 23px;
  text-transform: uppercase; }

.label-sale {
  background: #e74c3c;
  top: 10px;
  left: 10px; }
  .label-sale:after {
    content: "";
    border-top: 9px solid #e74c3c;
    border-left: 8px solid transparent;
    position: absolute;
    bottom: -6px;
    right: 8px; }

.label-new {
  background: #00ABF0;
  top: 10px;
  right: 10px; }
  .label-new:after {
    content: "";
    border-top: 9px solid #00ABF0;
    border-right: 8px solid transparent;
    position: absolute;
    bottom: -6px;
    right: 8px; }

.label-percent {
  padding: 2px 5px;
  background: #F4A137;
  font-size: 13px;
  font-weight: normal; }

.products-list, div.tab-slider .ltabs-items-container .ltabs-items {
  /*----------------PRODUCT LIST GRID ------------------*/
  /*----------------PRODUCT LIST LIST ------------------*/ }
  .products-list .product-layout .left-block .quickview, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .left-block .quickview {
    cursor: pointer;
    display: block;
    text-align: center;
    background: none repeat scroll 0 0 white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
    color: #777676;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    left: 50%;
    margin: -21px 0 0 -53px;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 107px;
    border-radius: 0; }
    .products-list .product-layout .left-block .quickview:hover, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .left-block .quickview:hover {
      background: #F4A137;
      color: #fff;
      border-color: #F4A137; }
  .products-list .product-layout .left-block .product-image-container, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .left-block .product-image-container {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    text-align: center; }
    .products-list .product-layout .left-block .product-image-container.second_img .img_0, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .left-block .product-image-container.second_img .img_0 {
      position: absolute;
      z-index: 8;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      top: 100%;
      left: 0;
      opacity: 0; }
  .products-list .product-layout .left-block .countdown_box, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .left-block .countdown_box {
    width: 100%;
    position: absolute;
    top: 35%;
    transition: 0.3s all ease 0s;
    transform: scale(1);
    left: 0; }
    .products-list .product-layout .left-block .countdown_box .title, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .left-block .countdown_box .title {
      color: white;
      font-weight: bold;
      padding: 5px 0;
      text-align: center;
      font-size: 14px; }
    .products-list .product-layout .left-block .countdown_box .countdown_inner, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .left-block .countdown_box .countdown_inner {
      float: left;
      width: 100%;
      background: #F4A137; }
      .products-list .product-layout .left-block .countdown_box .countdown_inner .time-item, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .left-block .countdown_box .countdown_inner .time-item {
        width: 25%;
        float: left;
        color: #fff;
        padding: 3px;
        text-align: center;
        border: 1px solid #f8c380;
        border-left: 0; }
        .products-list .product-layout .left-block .countdown_box .countdown_inner .time-item:last-child, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .left-block .countdown_box .countdown_inner .time-item:last-child {
          border-right: none; }
        .products-list .product-layout .left-block .countdown_box .countdown_inner .time-item .num-time, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .left-block .countdown_box .countdown_inner .time-item .num-time {
          font-weight: bold;
          font-size: 15px; }
  .products-list .product-layout .caption, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .caption {
    overflow: hidden; }
    .products-list .product-layout .caption h4, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .caption h4 {
      font-size: 15px;
      margin: 0 0 5px;
      font-weight: bold; }
    .products-list .product-layout .caption a, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .caption a {
      color: #444; }
      .products-list .product-layout .caption a:hover, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .caption a:hover {
        color: #F4A137; }
  .products-list .product-layout .button-group, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .button-group {
    margin: 10px 0; }
    .products-list .product-layout .button-group .addToCart, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .button-group .addToCart {
      position: relative;
      border: 1px solid #ddd;
      background: transparent;
      color: #444;
      font-size: 12px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 7px 15px;
      display: inline-block; }
      .products-list .product-layout .button-group .addToCart i, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .button-group .addToCart i {
        margin-right: 5px; }
      .products-list .product-layout .button-group .addToCart:hover, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .button-group .addToCart:hover {
        background: #F4A137;
        color: #fff;
        border-color: #F4A137; }
        .products-list .product-layout .button-group .addToCart:hover:before, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .button-group .addToCart:hover:before {
          background-position: 0px 0px; }
    .products-list .product-layout .button-group .addToCart--notext, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .button-group .addToCart--notext {
      font-size: 16px;
      height: 38px;
      padding: 0 10px;
      vertical-align: top; }
      .products-list .product-layout .button-group .addToCart--notext span, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .button-group .addToCart--notext span {
        display: none; }
    .products-list .product-layout .button-group .wishlist, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .button-group .wishlist, .products-list .product-layout .button-group .compare, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .button-group .compare {
      background: transparent;
      border-radius: 0;
      border: 1px solid #ddd;
      height: 38px;
      text-align: center;
      padding: 0 10px;
      vertical-align: top; }
      .products-list .product-layout .button-group .wishlist:hover, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .button-group .wishlist:hover, .products-list .product-layout .button-group .compare:hover, div.tab-slider .ltabs-items-container .ltabs-items .product-layout .button-group .compare:hover {
        border-color: #F4A137;
        color: #F4A137; }
  .products-list.grid .product-layout .product-item-container, div.tab-slider .ltabs-items-container .grid.ltabs-items .product-layout .product-item-container {
    margin: 15px 0;
    padding: 15px;
    border: 1px solid #dddddd;
    overflow: hidden; }
    .products-list.grid .product-layout .product-item-container .left-block, div.tab-slider .ltabs-items-container .grid.ltabs-items .product-layout .product-item-container .left-block {
      position: relative;
      float: left;
      width: 100%; }
      .products-list.grid .product-layout .product-item-container .left-block .quickview, div.tab-slider .ltabs-items-container .grid.ltabs-items .product-layout .product-item-container .left-block .quickview {
        top: 0;
        opacity: 0; }
      .products-list.grid .product-layout .product-item-container .left-block .product-image-container, div.tab-slider .ltabs-items-container .grid.ltabs-items .product-layout .product-item-container .left-block .product-image-container {
        margin-bottom: 0; }
    .products-list.grid .product-layout .product-item-container .right-block, div.tab-slider .ltabs-items-container .grid.ltabs-items .product-layout .product-item-container .right-block {
      clear: both; }
    .products-list.grid .product-layout .product-item-container:hover, div.tab-slider .ltabs-items-container .grid.ltabs-items .product-layout .product-item-container:hover {
      box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2); }
      .products-list.grid .product-layout .product-item-container:hover .left-block .quickview, div.tab-slider .ltabs-items-container .grid.ltabs-items .product-layout .product-item-container:hover .left-block .quickview {
        top: 46%;
        opacity: 1;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
        background: #F4A137;
        color: #fff;
        border-color: #F4A137; }
        .products-list.grid .product-layout .product-item-container:hover .left-block .quickview:hover, div.tab-slider .ltabs-items-container .grid.ltabs-items .product-layout .product-item-container:hover .left-block .quickview:hover {
          background: #444;
          border-color: #444; }
      .products-list.grid .product-layout .product-item-container:hover .left-block .countdown_box, div.tab-slider .ltabs-items-container .grid.ltabs-items .product-layout .product-item-container:hover .left-block .countdown_box {
        transform: scale(0); }
      .products-list.grid .product-layout .product-item-container:hover .left-block .product-image-container.second_img .img_0, div.tab-slider .ltabs-items-container .grid.ltabs-items .product-layout .product-item-container:hover .left-block .product-image-container.second_img .img_0 {
        top: 0;
        opacity: 1;
        z-index: 0; }
      .products-list.grid .product-layout .product-item-container:hover .right-block .caption h4 a, div.tab-slider .ltabs-items-container .grid.ltabs-items .product-layout .product-item-container:hover .right-block .caption h4 a {
        color: #F4A137; }
  .products-list.list .product-layout, div.tab-slider .ltabs-items-container .list.ltabs-items .product-layout {
    width: 100%; }
  .products-list.list .product-layout .product-item-container, div.tab-slider .ltabs-items-container .list.ltabs-items .product-layout .product-item-container {
    float: left;
    width: 100%;
    margin: 15px 0;
    overflow: hidden; }
    .products-list.list .product-layout .product-item-container .left-block, div.tab-slider .ltabs-items-container .list.ltabs-items .product-layout .product-item-container .left-block {
      border: 1px solid #ddd; }
      .products-list.list .product-layout .product-item-container .left-block .quickview, div.tab-slider .ltabs-items-container .list.ltabs-items .product-layout .product-item-container .left-block .quickview {
        top: 0;
        opacity: 0; }
      .products-list.list .product-layout .product-item-container .left-block .product-image-container, div.tab-slider .ltabs-items-container .list.ltabs-items .product-layout .product-item-container .left-block .product-image-container {
        padding: 15px 0; }
    .products-list.list .product-layout .product-item-container .right-block .caption, div.tab-slider .ltabs-items-container .list.ltabs-items .product-layout .product-item-container .right-block .caption {
      padding: 0 10px; }
    .products-list.list .product-layout .product-item-container .right-block .description, div.tab-slider .ltabs-items-container .list.ltabs-items .product-layout .product-item-container .right-block .description {
      padding: 0;
      margin-top: 15px; }
    .products-list.list .product-layout .product-item-container .right-block .button-group, div.tab-slider .ltabs-items-container .list.ltabs-items .product-layout .product-item-container .right-block .button-group {
      padding: 0 10px; }
    .products-list.list .product-layout .product-item-container:hover .left-block, div.tab-slider .ltabs-items-container .list.ltabs-items .product-layout .product-item-container:hover .left-block {
      box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.3); }
      .products-list.list .product-layout .product-item-container:hover .left-block .quickview, div.tab-slider .ltabs-items-container .list.ltabs-items .product-layout .product-item-container:hover .left-block .quickview {
        top: 46%;
        opacity: 1;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
        background: #F4A137;
        color: #fff;
        border-color: #F4A137; }
        .products-list.list .product-layout .product-item-container:hover .left-block .quickview:hover, div.tab-slider .ltabs-items-container .list.ltabs-items .product-layout .product-item-container:hover .left-block .quickview:hover {
          background: #444;
          border-color: #444; }
      .products-list.list .product-layout .product-item-container:hover .left-block .countdown_box, div.tab-slider .ltabs-items-container .list.ltabs-items .product-layout .product-item-container:hover .left-block .countdown_box {
        transform: scale(0); }
      .products-list.list .product-layout .product-item-container:hover .left-block .product-image-container.second_img .img_0, div.tab-slider .ltabs-items-container .list.ltabs-items .product-layout .product-item-container:hover .left-block .product-image-container.second_img .img_0 {
        top: 0;
        opacity: 1;
        z-index: 0; }
    .products-list.list .product-layout .product-item-container:hover .right-block .caption h4 a, div.tab-slider .ltabs-items-container .list.ltabs-items .product-layout .product-item-container:hover .right-block .caption h4 a {
      color: #F4A137; }

.product-view .content-product-left.class-honizol .thumb-video {
  bottom: 190px; }

.left-content-product {
  margin-bottom: 30px; }
  .left-content-product .content-product-left .large-image {
    cursor: pointer;
    display: block;
    padding: 1px;
    overflow: hidden;
    position: relative;
    border: 1px solid #e6e6e6; }
    .left-content-product .content-product-left .large-image img {
      background: #fff; }
    .left-content-product .content-product-left .large-image .label-sale {
      left: 25px; }
  .left-content-product .content-product-left .thumb-video {
    margin-top: -50px;
    bottom: 40px;
    position: absolute;
    z-index: 950;
    font-size: 32px;
    right: 40px;
    z-index: 540; }
  .left-content-product .content-product-left .full_slider, .left-content-product .content-product-left .not_full_slider {
    margin-top: 10px; }
    .left-content-product .content-product-left .full_slider .thumbnail, .left-content-product .content-product-left .not_full_slider .thumbnail {
      border-radius: 0;
      margin-bottom: 0; }
      .left-content-product .content-product-left .full_slider .thumbnail:hover, .left-content-product .content-product-left .not_full_slider .thumbnail:hover {
        border-color: #F4A137; }
      .left-content-product .content-product-left .full_slider .thumbnail.active, .left-content-product .content-product-left .not_full_slider .thumbnail.active {
        border-color: #F4A137; }
    .left-content-product .content-product-left .full_slider .owl2-nav div, .left-content-product .content-product-left .not_full_slider .owl2-nav div {
      width: 27px;
      height: 27px;
      border: 1px solid #dfdfdf;
      border-radius: 0;
      font-size: 0;
      background-color: transparent;
      -webkit-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
      top: 50%;
      margin-top: -12px;
      position: absolute; }
      .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-prev, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-prev {
        background: url("/content/ctheme/image/theme/icons/next-prev-detail.png") no-repeat;
        background-position: -36px 0px;
        left: -14px;
        float: left;
        background-color: #fff; }
        .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-prev:hover, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-prev:hover {
          border-color: #F4A137;
          background-color: #F4A137;
          background-position: 0px 0px;
          opacity: 1; }
        .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-prev.disabled, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-prev.disabled {
          display: none; }
      .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-next, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-next {
        background: url("/content/ctheme/image/theme/icons/next-prev-detail.png") no-repeat;
        background-position: -71px 0px;
        right: -14px;
        float: right;
        background-color: #fff; }
        .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-next:hover, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-next:hover {
          border-color: #F4A137;
          background-color: #F4A137;
          background-position: -107px 0px;
          opacity: 1; }
        .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-next.disabled, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-next.disabled {
          display: none; }
  .left-content-product .content-product-right .title-product h1 {
    font-size: 22px;
    margin: 0 0 10px;
    font-weight: bold; }
  .left-content-product .content-product-right .box-review .ratings {
    display: inline-block;
    margin-right: 20px; }
  .left-content-product .content-product-right .box-review a {
    color: #444; }
    .left-content-product .content-product-right .box-review a:hover {
      color: #F4A137; }
  .left-content-product .content-product-right .product-box-desc {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 20px; }
    .left-content-product .content-product-right .product-box-desc .inner-box-desc {
      position: relative; }
      .left-content-product .content-product-right .product-box-desc .inner-box-desc:before {
        content: "";
        width: 4px;
        background: #F4A137;
        height: 100%;
        position: absolute;
        left: -20px;
        top: 0; }
    .left-content-product .content-product-right .product-box-desc span {
      font-weight: bold; }
    .left-content-product .content-product-right .product-box-desc .brand a {
      color: #666; }
      .left-content-product .content-product-right .product-box-desc .brand a:hover {
        color: #F4A137; }
  .left-content-product .content-product-right .product-label {
    overflow: hidden; }
    .left-content-product .content-product-right .product-label .price {
      font-size: 24px;
      font-weight: 600; }
      @media (min-width: 1200px) {
        .left-content-product .content-product-right .product-label .price {
          float: left; } }
    @media (min-width: 1200px) {
      .left-content-product .content-product-right .product-label .stock {
        float: right; } }
    .left-content-product .content-product-right .product-label .stock .status-stock {
      color: #00abf0; }
      .left-content-product .content-product-right .product-label .stock .status-stock:before {
        content: "\f046";
        font-family: FontAwesome;
        display: inline-block;
        color: #00abf0;
        margin-right: 5px;
        margin-left: 10px; }
  .left-content-product .content-product-right #product {
    float: left;
    width: 100%;
    margin-top: 10px; }
    .left-content-product .content-product-right #product h3 {
      margin-top: 0; }
    .left-content-product .content-product-right #product .image_option_type label.control-label {
      margin-right: 10px;
      margin-top: 3px; }
    .left-content-product .content-product-right #product .product-options .img-thumbnail {
      width: 22px;
      height: 22px;
      border-radius: 0;
      padding: 1px; }
    .left-content-product .content-product-right #product .box-checkbox label {
      width: 100%; }
    .left-content-product .content-product-right #product .box-date {
      padding-left: 0; }
      .left-content-product .content-product-right #product .box-date label {
        margin-right: 10px;
        width: 80px; }
      .left-content-product .content-product-right #product .box-date input {
        width: 200px; }
      .left-content-product .content-product-right #product .box-date input, .left-content-product .content-product-right #product .box-date button {
        border-radius: 0;
        position: relative;
        z-index: 0;
        margin-left: 0; }
      .left-content-product .content-product-right #product .box-date .input-group-btn {
        float: left; }
      .left-content-product .content-product-right #product .box-date button:hover {
        background: #F4A137;
        color: #fff; }
  .left-content-product .content-product-right .box-info-product {
    float: left;
    width: 100%; }
    .left-content-product .content-product-right .box-info-product .quantity .quantity-control {
      float: left;
      margin: 0;
      background: #eee;
      padding: 4px 10px;
      position: relative; }
      .left-content-product .content-product-right .box-info-product .quantity .quantity-control label {
        float: left;
        font-weight: normal;
        margin-top: 8px;
        padding-right: 5px; }
      .left-content-product .content-product-right .box-info-product .quantity .quantity-control input.form-control {
        float: left;
        height: 33px;
        line-height: 31px;
        margin: 0;
        margin-right: 17px;
        padding: 0 10px;
        width: 35px;
        border: 1px solid #bdc2c9;
        border-radius: 0;
        z-index: 0; }
      .left-content-product .content-product-right .box-info-product .quantity .quantity-control span {
        border: 0 none;
        color: white;
        float: left;
        font-size: 10px;
        font-weight: normal;
        margin-left: 5px;
        border-radius: 0;
        cursor: pointer;
        line-height: 16px; }
        .left-content-product .content-product-right .box-info-product .quantity .quantity-control span.product_quantity_up {
          background: none repeat scroll 0 0 #444444;
          padding: 0 4px;
          position: absolute;
          right: 14px;
          top: 4px;
          height: 16.5px;
          width: 14px; }
        .left-content-product .content-product-right .box-info-product .quantity .quantity-control span.product_quantity_down {
          background: none repeat scroll 0 0 #444444;
          font-size: 13px;
          padding: 0 4px;
          position: absolute;
          right: 14px;
          top: 21px;
          width: 14px;
          height: 15.5px;
          line-height: 15px; }
        .left-content-product .content-product-right .box-info-product .quantity .quantity-control span:hover {
          background: #F4A137 !important; }
    .left-content-product .content-product-right .box-info-product .cart {
      float: left;
      margin-right: 10px; }
      .left-content-product .content-product-right .box-info-product .cart a {
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase; }
        .left-content-product .content-product-right .box-info-product .cart a i {
          margin-right: 5px; }
      .left-content-product .content-product-right .box-info-product .cart input {
        background: #F4A137;
        border-radius: 0;
        color: #fff;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: bold;
        padding: 12px 16px; }
        .left-content-product .content-product-right .box-info-product .cart input:hover {
          background: #444; }
    .left-content-product .content-product-right .box-info-product .add-to-links ul li a {
      display: inline-block;
      padding: 10px 15px;
      font-size: 14px;
      color: #666;
      border: 1px solid #e6e6e6;
      cursor: pointer; }
      .left-content-product .content-product-right .box-info-product .add-to-links ul li a.text {
        display: none; }
      .left-content-product .content-product-right .box-info-product .add-to-links ul li a:hover {
        border-color: #F4A137;
        color: #F4A137; }

.thumb-vertical-outer {
  width: 100px;
  position: relative;
  float: left;
  margin-right: 15px;
  padding: 50px 0; }
  .thumb-vertical-outer .lSAction {
    display: none !important; }
  .thumb-vertical-outer .thumbnail {
    border-color: #e6e6e6; }
  .thumb-vertical-outer .btn-more {
    display: block;
    height: 40px;
    width: 40px;
    text-align: center;
    position: absolute;
    font-size: 36px;
    cursor: pointer;
    margin-left: -20px;
    left: 50%;
    color: #444; }
    .thumb-vertical-outer .btn-more:hover {
      color: #F4A137; }
    .thumb-vertical-outer .btn-more.prev-thumb {
      top: 0; }
    .thumb-vertical-outer .btn-more.next-thumb {
      bottom: 0; }
  .thumb-vertical-outer .prev {
    margin-bottom: 5px; }
  .thumb-vertical-outer .prev, .thumb-vertical-outer .next {
    cursor: pointer; }
    .thumb-vertical-outer .prev.disabled, .thumb-vertical-outer .next.disabled {
      visibility: hidden; }
    .thumb-vertical-outer .prev .fa, .thumb-vertical-outer .next .fa {
      font-size: 16px;
      display: block;
      text-align: center; }
  .thumb-vertical-outer ul.thumb-vertical {
    padding: 0;
    margin: 0;
    list-style: none; }
  .thumb-vertical-outer ul li {
    cursor: pointer;
    margin-bottom: 10px; }
    .thumb-vertical-outer ul li .thumbnail {
      border-radius: 0;
      padding: 0;
      margin: 0; }
      .thumb-vertical-outer ul li .thumbnail img {
        padding: 0px;
        transition: all 0.3s ease;
        position: relative; }
      .thumb-vertical-outer ul li .thumbnail:hover {
        border-color: #F4A137; }
      .thumb-vertical-outer ul li .thumbnail.active {
        border-color: #F4A137; }

/*----------------------PRODUCT TABS ---------------*/
.producttab .tabsslider {
  margin-bottom: 35px;
  padding: 0;
  z-index: 1; }
  .producttab .tabsslider .nav-tabs li {
    margin-bottom: 0; }
    .producttab .tabsslider .nav-tabs li a {
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
      border-radius: 0px;
      margin: 0px;
      border: 1px solid #ddd;
      border-bottom: 0;
      margin-right: -1px;
      padding: 10px 30px;
      position: relative;
      background: #fff;
      color: #666; }
    .producttab .tabsslider .nav-tabs li.active a, .producttab .tabsslider .nav-tabs li:hover a {
      border-top-color: #F4A137; }
      .producttab .tabsslider .nav-tabs li.active a:before, .producttab .tabsslider .nav-tabs li:hover a:before {
        content: "";
        width: 100%;
        height: 3px;
        background: #F4A137;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
        z-index: 9; }
    .producttab .tabsslider .nav-tabs li.active a:after {
      content: "";
      width: 100%;
      height: 1px;
      background: #fff;
      left: 0;
      position: absolute;
      bottom: -1px;
      z-index: 9; }
  .producttab .tabsslider .tab-content {
    padding: 20px;
    display: block;
    margin: 0;
    border: solid 1px #e3e1e1;
    margin-top: -1px; }

.producttab .tabsslider.vertical-tabs {
  border: 1px solid #e6e6e6;
  padding: 0;
  border-bottom: 1px solid #ddd; }
  .producttab .tabsslider.vertical-tabs ul.nav-tabs {
    border-bottom: medium none;
    margin: 0;
    min-height: 180px;
    padding: 0; }
    .producttab .tabsslider.vertical-tabs ul.nav-tabs li {
      border-bottom: 1px solid #ddd;
      clear: both;
      position: relative;
      width: 100%;
      display: block; }
      .producttab .tabsslider.vertical-tabs ul.nav-tabs li a {
        border: 0;
        border-radius: 0;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 16px;
        margin: 0;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
        color: #666; }
        .producttab .tabsslider.vertical-tabs ul.nav-tabs li a:hover {
          background: transparent; }
      .producttab .tabsslider.vertical-tabs ul.nav-tabs li:before {
        content: "";
        width: 5px;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
        z-index: 999; }
      .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover {
        border-left-color: #F4A137; }
        .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover a {
          color: #F4A137; }
          .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover a:before {
            display: none; }
        .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover:before {
          background-color: #F4A137; }
      .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active {
        border-left-color: #F4A137; }
        .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active:before {
          background-color: #F4A137; }
        .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active a {
          background: transparent;
          color: #F4A137; }
          .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active a:before, .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active a:after {
            display: none; }
      .producttab .tabsslider.vertical-tabs ul.nav-tabs li:first-child {
        border-top: 0; }
  .producttab .tabsslider.vertical-tabs .tab-content {
    border: 0;
    border-left: 1px solid #e6e6e6;
    min-height: 180px; }

#product-accordion {
  float: left;
  width: 100%;
  margin-top: 30px;
  border: 1px solid #ddd;
  border-top: 4px solid #F4A137; }
  #product-accordion .panel {
    padding: 10px 20px 0 20px;
    border-bottom: 0;
    box-shadow: none; }
    #product-accordion .panel .panel-heading {
      border-bottom: 1px dotted #ddd;
      padding: 0 0 10px 0; }
      #product-accordion .panel .panel-heading a {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 18px;
        margin: 0;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
        color: #666;
        width: 100%;
        display: inline-block;
        position: relative; }
        #product-accordion .panel .panel-heading a.title-head.collapsed {
          color: #666; }
          #product-accordion .panel .panel-heading a.title-head.collapsed span.arrow-up:before {
            content: "\f0d8"; }
        #product-accordion .panel .panel-heading a.title-head {
          color: #F4A137; }
          #product-accordion .panel .panel-heading a.title-head span.arrow-up:before {
            content: "\f0d7"; }
        #product-accordion .panel .panel-heading a span.arrow-up {
          display: block;
          position: absolute;
          right: 0;
          top: -2px;
          cursor: pointer;
          z-index: 10;
          font-size: 0;
          text-align: center; }
          #product-accordion .panel .panel-heading a span.arrow-up:before {
            content: "\f0d8";
            font-family: "FontAwesome";
            display: block;
            vertical-align: middle;
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 14px; }
      #product-accordion .panel .panel-heading:hover {
        border-bottom-color: #F4A137; }
        #product-accordion .panel .panel-heading:hover a {
          color: #F4A137; }
    #product-accordion .panel:first-child .panel-heading {
      padding-top: 10px; }
    #product-accordion .panel:last-child .panel-heading {
      border-bottom: 0; }
  #product-accordion .panel-heading + .panel-collapse > .list-group, #product-accordion .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px dotted #F4A137;
    margin-top: -1px;
    padding: 0; }

.related {
  clear: both; }
  .related .releate-products .owl2-nav {
    position: absolute;
    top: -45px;
    width: 60px;
    right: -5px; }
    .related .releate-products .owl2-nav div {
      width: 20px;
      height: 27px;
      border: 1px solid #dfdfdf;
      margin: 0 5px;
      font-size: 0;
      float: left;
      background-color: transparent;
      -webkit-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
      position: relative;
      background-color: #fff; }
      .related .releate-products .owl2-nav div.owl2-prev {
        background: url(/content/ctheme/image/theme/icons/next-prev-detail.png) no-repeat;
        background-position: -41px 0px; }
        .related .releate-products .owl2-nav div.owl2-prev:hover {
          border-color: #F4A137;
          background-color: #F4A137;
          background-position: -4px 0px;
          opacity: 1; }
        .related .releate-products .owl2-nav div.owl2-prev.disabled {
          display: none; }
      .related .releate-products .owl2-nav div.owl2-next {
        background: url(/content/ctheme/image/theme/icons/next-prev-detail.png) no-repeat;
        background-position: -76px 0px; }
        .related .releate-products .owl2-nav div.owl2-next:hover {
          border-color: #F4A137;
          background-color: #F4A137;
          background-position: -112px 0px;
          opacity: 1; }
        .related .releate-products .owl2-nav div.owl2-next.disabled {
          display: none; }
  .related .owl-dots {
    display: none; }

.zoomContainer {
  z-index: 90; }

.image_option_type .selected-option {
  padding-left: 0;
  display: inline;
  text-transform: capitalize; }

.image_option_type .radio input[type=radio].image_radio {
  display: none; }

.image_option_type .radio {
  padding-left: 0;
  display: inline; }

.product-description .product-options img.icon-color {
  width: 20px;
  padding: 0; }

.product-options label {
  padding: 0;
  color: #666; }
.product-options .label {
  font-weight: normal;
  font-size: 11px; }
.product-options .radio {
  position: relative;
  z-index: 2;
  text-transform: capitalize;
  cursor: pointer; }
  .product-options .radio .fa {
    display: none; }
.product-options .active .fa {
  display: block; }
.product-options .fa {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 22px;
  height: 22px;
  color: white;
  line-height: 22px;
  text-align: center; }

.slider-products .content-aside {
  width: 100%;
  padding: 0; }
.slider-products .four-block {
  padding: 0; }
.slider-products .policy-detail {
  box-shadow: none; }
  .slider-products .policy-detail .banner-policy {
    padding: 0; }
    .slider-products .policy-detail .banner-policy .policy {
      float: none;
      width: 100%;
      font-size: 12px;
      border: none;
      border-bottom: 1px solid white;
      padding: 25px 10px; }

.banner-policy {
  background-color: #eee;
  text-transform: uppercase; }
  .banner-policy .policy {
    border-bottom: 1px solid #fff;
    line-height: 19px;
    padding: 20px 10px; }
    .banner-policy .policy a {
      color: #666; }
      .banner-policy .policy a span {
        margin-right: 10px; }
      .banner-policy .policy a:hover {
        color: #F4A137; }
    .banner-policy .policy.policy1 a span {
      background: url("/content/ctheme/image/theme/icons/policy_1.png") no-repeat;
      background-position: center 0;
      width: 48px;
      height: 36px;
      font-size: 0;
      float: left; }
    .banner-policy .policy.policy2 a span {
      background: url("/content/ctheme/image/theme/icons/ico-freeship.png") no-repeat;
      background-position: center 0;
      width: 53px;
      height: 35px;
      font-size: 0;
      float: left; }
    .banner-policy .policy.policy3 a span {
      background: url("/content/ctheme/image/theme/icons/ico-celander.png") no-repeat;
      background-position: center 0;
      width: 34px;
      height: 34px;
      font-size: 0;
      float: left; }
    .banner-policy .policy.policy4 a span {
      background: url("/content/ctheme/image/theme/icons/ico-umbrella.png") no-repeat;
      background-position: center 0;
      width: 34px;
      height: 34px;
      font-size: 0;
      float: left; }

.slider-products .banner-policy .policy.policy1 a span, .slider-products .banner-policy .policy.policy2 a span, .slider-products .banner-policy .policy.policy3 a span, .slider-products .banner-policy .policy.policy4 a span {
  width: 53px; }

/**************************************************************
	Style  Header 1
**************************************************************/
.type_1 .header-top-right ul.top-link > li.account {
  background: #F4A137;
  border-left: 1px solid #F4A137; }
.type_1 .header-top-right ul.top-link > li:hover {
  background: #F4A137; }
.type_1 #sosearchpro .button-search:hover {
  background: #F4A137;
  border-color: #F4A137; }

/**************************************************************
	Style  Header 2 
**************************************************************/
.type_2 .header-top-right ul.top-link > li:hover {
  background: #F4A137; }
.type_2 .horizontal ul.megamenu > li.active > a,
.type_2 .horizontal ul.megamenu > li.home > a,
.type_2 .horizontal ul.megamenu > li:hover > a {
  background: #F4A137;
  color: #fff; }
.type_2 #sosearchpro .button-search {
  background: #F4A137; }

/**************************************************************
	Style  Header  3
**************************************************************/
.type_3 .header-top-right ul.top-link > li:hover {
  background: #F4A137; }
.type_3 .horizontal ul.megamenu > li.active > a,
.type_3 .horizontal ul.megamenu > li.home > a,
.type_3 .horizontal ul.megamenu > li:hover > a {
  background: #F4A137;
  color: #fff; }
.type_3 #sosearchpro .button-search i {
  font-size: 18px;
  color: #F4A137; }
.type_3 #sosearchpro .button-search:hover {
  background: #F4A137; }
  .type_3 #sosearchpro .button-search:hover i {
    color: #fff; }

/**************************************************************
	Style  Header  4
**************************************************************/
.type_4 .header-top-right ul.top-link > li:hover {
  background: #F4A137; }
.type_4 .horizontal ul.megamenu > li.active > a,
.type_4 .horizontal ul.megamenu > li.home > a,
.type_4 .horizontal ul.megamenu > li:hover > a {
  background: #F4A137;
  color: #fff; }
.type_4 .wishlist-block a:hover {
  background: #F4A137;
  color: #fff; }
.type_4 #sosearchpro .button-search {
  background: #F4A137; }
.type_4 .shopping_cart a.top_cart {
  background: #F4A137; }
  .type_4 .shopping_cart a.top_cart:hover {
    background: #eb8a0d; }

/*******************************************
*	Theme Name: Market
*	Author: Magentech
*	Author URI: http://www.magentech.com
*	Version: 1.0.0
*	Description: This is html5 Sass template 
*******************************************/
/**************************************************************
	Style  Footer 1
**************************************************************/
.type_footer1 a {
  color: #444; }
  .type_footer1 a:hover {
    color: #F4A137; }
.type_footer1 .footer-top ul.menu li > a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .type_footer1 .footer-top ul.menu li > a:hover {
    margin-left: 5px; }
.type_footer1 .contact-address li:hover span {
  background-color: #F4A137; }
.type_footer1 .collapsed-block.footer-links .footer-directory-title {
  padding: 10px 0; }
.type_footer1 .collapsed-block.footer-links ul li a:hover {
  color: #F4A137; }
.type_footer1 .footer-directory-title {
  /* [4] */
  /* [6] */
  /* [6] */
  /* [7] */
  font-size: 11px;
  /* [8] */
  font-size: 1.1rem;
  /* [8] */ }
  .type_footer1 .footer-directory-title .label-link {
    color: #333333;
    font-weight: bold;
    padding-bottom: 10px;
    /* [4] */
    /* [6] */
    /* [6] */
    /* [7] */
    font-size: 11px;
    /* [8] */
    font-size: 1.1rem;
    /* [8] */ }

/**************************************************************
	Style  Footer 2 
**************************************************************/
.type_footer2 a {
  color: #444; }
  .type_footer2 a:hover {
    color: #F4A137; }
.type_footer2 .footer-top ul.menu li > a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .type_footer2 .footer-top ul.menu li > a:hover:before {
    width: 8px;
    background: #F4A137; }
.type_footer2 .contact-address li:hover span {
  background-color: #F4A137; }

/**************************************************************
	Style  Footer 3
**************************************************************/
.type_footer3 a {
  color: #bcbdc7;
  text-decoration: none; }
  .type_footer3 a:hover {
    color: #fff; }
.type_footer3 .footer-top ul.menu li > a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .type_footer3 .footer-top ul.menu li > a:hover:before {
    width: 8px;
    background: #F4A137; }
.type_footer3 .contact-address li:hover span {
  background-color: #F4A137; }

/**************************************************************
	Style  Footer 4
**************************************************************/
.type_footer4 a {
  color: #c9c9c9;
  text-decoration: none; }
  .type_footer4 a:hover {
    color: #fff; }
.type_footer4 .footer-center ul.menu li > a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .type_footer4 .footer-center ul.menu li > a:hover:before {
    width: 8px;
    background: #F4A137; }
.type_footer4 .contact-address li:hover span {
  background-color: #F4A137; }

/**************************************************************
	Style  Footer 5
**************************************************************/
.type_footer5 a {
  color: #c9c9c9;
  text-decoration: none; }
  .type_footer5 a:hover {
    color: #fff; }
.type_footer5 .footer-center ul.menu li > a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .type_footer5 .footer-center ul.menu li > a:hover:before {
    width: 8px;
    background: #F4A137; }
.type_footer5 .contact-address li:hover span {
  background-color: #F4A137; }

#yt_header_right .first-block {
  margin-bottom: 15px; }
#yt_header_right .two-block {
  padding: 0; }
#yt_header_right .three-block {
  padding-right: 0;
  padding-left: 10px; }
#yt_header_right .four-block {
  padding: 0; }

#collections_block h3.modtitle {
  display: block;
  padding-top: 0;
  margin-bottom: 20px; }
#collections_block ul {
  margin: 5px -5px;
  display: table; }
  #collections_block ul li {
    padding: 0 5px;
    font-size: 14px;
    color: #666666;
    text-align: center;
    width: 200px;
    text-transform: uppercase;
    display: table-cell; }
    #collections_block ul li .color_co {
      background-color: #EEEEEE;
      background-position: center;
      overflow: hidden;
      border-color: white;
      border: 1px solid white; }
      #collections_block ul li .color_co a {
        float: left;
        font-weight: bold;
        width: 100%;
        height: 126px;
        text-decoration: none;
        line-height: 22px;
        padding: 10px;
        color: #999;
        border-bottom: 3px solid #F4A137;
        background-position: center center;
        background-repeat: no-repeat; }
      #collections_block ul li .color_co:hover {
        border-color: #F4A137;
        background: transparent; }
    #collections_block ul li.collection_0 a {
      background-image: url("/content/ctheme/image/theme//icons/collections-1-1.png"); }
    #collections_block ul li.collection_1 a {
      background-image: url("/content/ctheme/image/theme//icons/collections-2-1.png"); }
    #collections_block ul li.collection_2 a {
      background-image: url("/content/ctheme/image/theme//icons/collections-3-1.png"); }
    #collections_block ul li.collection_3 a {
      background-image: url("/content/ctheme/image/theme//icons/collections-4-1.png"); }
    #collections_block ul li.collection_4 a {
      background-image: url("/content/ctheme/image/theme//icons/collections-5-1.png"); }
    #collections_block ul li.collection_5 a {
      background-image: url("/content/ctheme/image/theme//icons/collections-6-1.png"); }

@media (min-width: 1200px) {
  .left_column .so-vertical-menu .vertical-wrapper {
    position: static; } }
.so-spotlight3 {
  background: #F5F5F5; }

.module.so-categories {
  margin: 30px 0 20px 0;
  padding: 0 15px; }
  .module.so-categories .wrap-categories {
    margin: 0px -15px;
    overflow: hidden; }
  .module.so-categories .cat-wrap.theme3 .content-box {
    padding: 15px 0; }
    .module.so-categories .cat-wrap.theme3 .content-box .image-cat {
      position: relative; }
      .module.so-categories .cat-wrap.theme3 .content-box .image-cat img:hover {
        transform: none; }
      .module.so-categories .cat-wrap.theme3 .content-box .image-cat .btn-viewmore {
        font-size: 77%;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        background: #F4A137;
        padding: 5px 20px 5px 10px;
        position: absolute;
        top: 86px;
        left: 22px;
        display: inline-block;
        line-height: 100%; }
        .module.so-categories .cat-wrap.theme3 .content-box .image-cat .btn-viewmore:hover {
          background: #444; }
        .module.so-categories .cat-wrap.theme3 .content-box .image-cat .btn-viewmore:after {
          content: "\f0da";
          font-family: FontAwesome;
          display: block;
          position: absolute;
          right: 8px;
          top: 6px; }
    .module.so-categories .cat-wrap.theme3 .content-box .inner {
      padding: 13px 13px 0; }
    .module.so-categories .cat-wrap.theme3 .content-box .title-cat a {
      color: #444;
      font-weight: bold; }
      .module.so-categories .cat-wrap.theme3 .content-box .title-cat a:hover {
        color: #F4A137; }
    .module.so-categories .cat-wrap.theme3 .content-box .child-cat .child-cat-title {
      padding-left: 11px;
      line-height: 22px;
      position: relative;
      width: 100%;
      color: #666; }
      .module.so-categories .cat-wrap.theme3 .content-box .child-cat .child-cat-title a {
        color: #444; }
        .module.so-categories .cat-wrap.theme3 .content-box .child-cat .child-cat-title a:hover {
          color: #F4A137; }
      .module.so-categories .cat-wrap.theme3 .content-box .child-cat .child-cat-title:before {
        content: "";
        width: 4px;
        height: 4px;
        background: #999;
        position: absolute;
        left: 0;
        top: 10px; }
      .module.so-categories .cat-wrap.theme3 .content-box .child-cat .child-cat-title:hover {
        color: #F4A137; }
        .module.so-categories .cat-wrap.theme3 .content-box .child-cat .child-cat-title:hover:before {
          background: #F4A137; }

/**************************************************************
		HTML Content
**************************************************************/
.so-searchbox-popular-title {
  color: #000;
  margin: 0;
  line-height: 23px;
  font-size: 14px; }

.so-searchbox-keyword a {
  color: #444; }
  .so-searchbox-keyword a:hover {
    color: #F4A137; }

.htmlcontent-block ul li {
  margin-bottom: 10px;
  position: relative; }
  .htmlcontent-block ul li:last-child {
    margin-bottom: 0; }

/*----------BANNER POLICY ---------*/
.policy-detail {
  box-shadow: 3px 3px 0 0 #d9d9d9;
  background-color: #eee; }
  .policy-detail .banner-policy {
    padding: 44px 0;
    overflow: hidden; }
    .policy-detail .banner-policy .policy {
      border-right: 1px solid #ddd;
      border-bottom: 0;
      padding: 0 27px;
      width: 25%;
      float: left;
      font-size: 14px; }
      .policy-detail .banner-policy .policy.policy4 {
        border-right: 0; }

.collections.module h3.modtitle {
  line-height: 18px;
  padding-bottom: 5px; }

/*----------------LISTING TABS -----------------------*/
div.tab-slider {
  margin: 0;
  position: relative;
  z-index: 1; }
  div.tab-slider h3.modtitle {
    position: absolute;
    top: 5px; }
  div.tab-slider .so-listing-tabs {
    margin: 0;
    vertical-align: top; }
    div.tab-slider .so-listing-tabs .ltabs-wrap, div.tab-slider .so-listing-tabs .ltabs-items-container .ltabs-items-inner, div.tab-slider .so-listing-tabs .ltabs-wrap .ltabs-items-container,
    div.tab-slider .so-listing-tabs .ltabs-items-container .ltabs-items {
      overflow: visible; }
    div.tab-slider .so-listing-tabs .ltabs-wrap .ltabs-tabs-container {
      margin: 0 0 5px 0;
      overflow: visible; }
    div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap {
      height: 36px;
      border-bottom: 1px solid #ddd; }
      div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .ltabs-tabs {
        float: right;
        margin-right: 80px; }
        div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .ltabs-tabs li {
          border: 0;
          margin: 0;
          padding: 0; }
          div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .ltabs-tabs li span {
            padding: 0 12px; }
          div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .ltabs-tabs li:hover {
            background: transparent;
            border-bottom: 0; }
            div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .ltabs-tabs li:hover span {
              color: #F4A137; }
          div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .ltabs-tabs li.tab-sel {
            background-color: white;
            border-left: 1px solid #ddd;
            border-bottom: 1px solid white;
            margin-top: 1px;
            padding-bottom: 1px;
            margin-bottom: 0px;
            border-right: 1px solid #ddd;
            border-top: 3px solid #F4A137; }
            div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .ltabs-tabs li.tab-sel span {
              color: #F4A137; }
    div.tab-slider .so-listing-tabs .owl2-controls {
      width: 100%;
      position: absolute;
      top: -23px; }
      div.tab-slider .so-listing-tabs .owl2-controls .owl2-nav .owl2-prev,
      div.tab-slider .so-listing-tabs .owl2-controls .owl2-nav .owl2-next {
        width: 20px;
        height: 27px;
        border: 1px solid #ddd;
        background-image: url("/content/ctheme/image/theme/icons/ico-slider.png");
        background-repeat: no-repeat;
        background-color: #fff;
        display: inline-block;
        text-indent: -999em;
        background-position: -31px 0;
        position: absolute;
        transition: all 0.2s ease-in-out 0s;
        left: inherit;
        right: 25px; }
        div.tab-slider .so-listing-tabs .owl2-controls .owl2-nav .owl2-prev:hover,
        div.tab-slider .so-listing-tabs .owl2-controls .owl2-nav .owl2-next:hover {
          background-color: #F4A137;
          background-position: 0px 0;
          border-color: #F4A137; }
        div.tab-slider .so-listing-tabs .owl2-controls .owl2-nav .owl2-prev:before,
        div.tab-slider .so-listing-tabs .owl2-controls .owl2-nav .owl2-next:before {
          display: none; }
      div.tab-slider .so-listing-tabs .owl2-controls .owl2-nav .owl2-next {
        background-position: -60px 0;
        right: 0px; }
        div.tab-slider .so-listing-tabs .owl2-controls .owl2-nav .owl2-next:hover {
          background-position: -90px 0; }

@charset "UTF-8";
/*******************************************
***          SO Framework: Sass          ***
*******************************************/
/*===============================================
	[SASS DIRECTORY ]
	
    [1] Minxin Link
    [2] Minxin Buton
    [3] Minxin Triangle
   
==============================================*/
.no-margin {
  margin: 0 !important; }

.marginbottom__3x {
  margin-bottom: 30px; }

@-webkit-keyframes animLoadedLogo {
  to {
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } }
@keyframes animLoadedLogo {
  to {
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
    transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } }
@-webkit-keyframes animLoadedLoader {
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } }
@keyframes animLoadedLoader {
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
    transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } }
@-webkit-keyframes animLoadedHeader {
  to {
    -webkit-transform: translate3d(0, -100%, 0); } }
@keyframes animLoadedHeader {
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@-webkit-keyframes animInitialHeader {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 800px, 0); } }
@keyframes animInitialHeader {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 800px, 0);
    transform: translate3d(0, 800px, 0); } }
/*******************************************************
  Style Color
********************************************************/
/*   1.Large devices Desktops     ( Devices ≥1200px)
 *   2.Medium devices Desktops    (992px ≥ Devices ≥ 1199px)
 *   3.Small devices Tablets      (991px ≥ Devices ≥ 768px)
 *   4.Extra small devices Phones ( Devices < 767px)
 */
@media (max-width: 767px) {
  .container-full {
    margin: 0;
    clear: both; }
    .container-full > .container {
      width: auto; }

  .header-top-left, .header-top-right {
    padding: 0; }

  .header-top-right .tabBlockTitle {
    position: absolute;
    z-index: 4;
    right: 0;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  .header-top-right .shopping_cart {
    width: 100%;
    padding: 0 5px; }

  .header-top .languages-block form > a, .header-top .currencies-block form > a {
    padding: 0 5px; }

  .navbar-logo {
    text-align: center;
    margin-bottom: 30px; }

  .search-pro {
    width: 100%;
    margin: 0 0 20px;
    padding: 0 15px;
    clear: both; }

  .header-top .navbar-welcome {
    font-size: 12px; }

  #yt_header_right .two-block {
    margin-bottom: 30px; }

  .shopping_cart {
    padding: 0 15px; }

  .navbar-header .navbar-toggle {
    border-color: #999;
    margin-right: 10px; }

  #header .header-bottom-right {
    padding: 0 15px;
    margin: 0; }

  .responsive .vertical ul.megamenu > li > .sub-menu {
    position: static; }

  .footer-bottom-block {
    text-align: center; }
    .footer-bottom-block .block-payment {
      text-align: center; }

  .ip-loader {
    top: 50%; }

  /*------------------ BREADCRUM ---------------*/
  ul.breadcrumb li {
    border: 0;
    padding: 0 15px 0 5px; }
    ul.breadcrumb li:first-child {
      border: 0; }
    ul.breadcrumb li:last-child:after {
      display: none; }
    ul.breadcrumb li:after {
      font-family: "FontAwesome";
      transform: rotate(0);
      border: 0;
      top: 0;
      content: "\f101"; }
    ul.breadcrumb li + li:before {
      display: none; }

  div.tab-slider h3.modtitle {
    position: relative; }

  div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap {
    border: none;
    height: auto; }

  .policy-detail .banner-policy .policy {
    padding: 0; }

  .banner-wraps .banners {
    margin-bottom: 24px;
    display: inline-block; }

  #collections_block ul li {
    display: inline-block;
    width: 49%; }

  .module.so-categories .wrap-categories {
    margin: 0; }

  /*----------------- PRODUCT ---------------------*/
  .producttab .tabsslider .nav-tabs li {
    float: none; }

  .thumb-vertical-outer {
    padding-left: 0; }

  .add-to-links {
    clear: both; }
    .add-to-links ul li {
      margin: 5px 0;
      display: inline-block; }

  .filter-row .table_cell {
    border-left: none;
    display: block; }

  /*==============HOME 1 =====================*/
  div.type_1 .header-bottom-right {
    padding: 0 15px;
    margin: 0; }

  .type_1 .shopping_cart .btn-group > a {
    min-width: 200px;
    display: table;
    margin: 0 auto; }

  .shopping_cart .btn-group {
    z-index: 65; }

  /*.so-vertical-menu .navbar-header .navbar-toggle{background: $background; border-color: $background;
  	.icon-bar{background: white;}
  }*/
  .ltabs-tab-selected {
    text-align: left; }

  /*==============HOME 2=====================*/
  .news-letter {
    margin-bottom: 30px; }

  .type_2 .navbar-welcome {
    margin: 5px; }

  .type_2 .shopping_cart .btn-group {
    text-align: right; }

  .type_2 .shopping_cart a.top_cart {
    margin: 0; }
  .type_2 .so-megamenu .horizontal .navbar-header {
    color: #555555; }
  .type_2 .header-bottom-right {
    text-align: right;
    color: white;
    position: static; }
    .type_2 .header-bottom-right .tabBlockTitle {
      margin: 15px 0 0; }
    .type_2 .header-bottom-right .tabBlock {
      background: white;
      padding: 10px 15px !important;
      position: absolute;
      z-index: 3;
      left: 0; }
  .type_2 .header-center {
    padding: 15px 0; }

  /*==============HOME 3=====================*/
  .block-policy-v3 .policy {
    margin-bottom: 10px; }
	.layout-home3 .navbar-category .navbar-toggle{color:#666;}
  .type_3 .header-top-left .navbar-welcome {
    padding: 5px 10px; }

  .type_3 .shopping_cart .btn-group > a {
    min-width: 200px;
    display: table;
    margin: 0 auto; }

  .type_3 #sosearchpro .form-control {
    border: 1px solid #e5e5e5; }
  .type_3 .header-bottom-right {
    text-align: right;
    color: white;
    position: static; }
    .type_3 .header-bottom-right .tabBlockTitle {
      margin: 12px 0; }
    .type_3 .header-bottom-right .tabBlock {
      background: white;
      padding: 10px 15px !important;
      position: absolute;
      z-index: 3;
      left: 0; }

  .layout-home3 .so-megamenu .so-vertical-menu .vertical-wrapper {
    position: fixed !important; }

  /*==============HOME 4=====================*/
  .currencies-block .dropdown-menu {
    right: 0;
    left: auto; }

  .layout-home4 #sosearchpro {
    padding: 7px 15px;
    margin: 0; }

  .type_4 .header-top-right ul.top-link {
    width: 100%; }
    .type_4 .header-top-right ul.top-link > li {
      float: left; }
  .type_4 #sosearchpro .form-control {
    border: 1px solid #e5e5e5; }
  .type_4 .search-pro {
    width: 33%;
    clear: none; }
  .type_4 .shopping_cart {
    clear: both;
    padding: 0; }
  .type_4 .search-pro {
    text-align: right;
    color: white;
    position: static;
    margin: 0; }
    .type_4 .search-pro .tabBlockTitle {
      margin: 15px 0 12px; }
    .type_4 .search-pro .tabBlock {
      background: white;
      padding: 10px 15px !important;
      position: absolute;
      z-index: 300;
      left: 0;
      width: 100%; }
  .type_4 .shopping_cart a.top_cart {
    border: none;
    background: #777;
    border-radius: 0 !important;
    padding: 6px 15px; }

  /*==============HOME 5 =====================*/
  .layout-home5 {
    background: #fff; }
    .layout-home5 #sosearchpro .search {
      max-width: 50px;
      float: right; }
      .layout-home5 #sosearchpro .search .autosearch-input {
        display: none; }
      .layout-home5 #sosearchpro .search .button-search {
        border-radius: 3px;
        min-width: 45px; }
    .layout-home5 .btn-shopping-cart ul.dropdown-menu {
      right: -20px;
      left: auto; }
    .layout-home5 .header-center {
      padding-bottom: 0; }
    .layout-home5 .header-bottom {
      min-height: 30px; }
    .layout-home5 .header-top-right .shopping_cart {
      width: auto; }
    .layout-home5 header .so-megamenu .navbar-header {
      color: #555555;
      position: absolute;
      z-index: 1;
      top: -65px; }
      .layout-home5 header .so-megamenu .navbar-header .navbar-toggle {
        background: #555555;
        border-color: #555555; }
    .layout-home5 .slider-brand {
      padding: 15px 70px 0; }

  /*==============HOME 6 =====================*/
  .layout-home6 .header-top-right .tabBlockTitle {
    -webkit-transform: translateY(-35px);
    -moz-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    -o-transform: translateY(-35px);
    transform: translateY(-35px);
    color: #fff; }
    .layout-home6 .header-top-right .tabBlockTitle a {
      color: #999; }
      .layout-home6 .header-top-right .tabBlockTitle a:hover {
        color: #F4A137; }
  .layout-home6 .type_6 #sosearchpro {
    margin-top: 0; }
  .layout-home6 .services-v1 .policy {
    margin-bottom: 10px; }
  .layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container {
    min-height: 200px; }
    .layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container .button-group {
      overflow: hidden; }
    .layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container .addToCart {
      margin-bottom: 10px;
      display: block; }
  .layout-home6 .modLine h3.modtitle {
    display: block; }

  /*==============HOME 7 =====================*/
  .layout-home7 .header-top-right .tabBlockTitle {
    -webkit-transform: translateY(-35px);
    -moz-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    -o-transform: translateY(-35px);
    transform: translateY(-35px);
    color: #fff; }
    .layout-home7 .header-top-right .tabBlockTitle a {
      color: #999; }
      .layout-home7 .header-top-right .tabBlockTitle a:hover {
        color: #F4A137; }
  .layout-home7 .banner1-id7 ul.blank > li:first-child {
    margin-bottom: 30px; }
  .layout-home7 .type_7 .header-bottom .header-bottom__content {
    margin: 0 -15px;
    padding: 0 20px;
    background: rgba(255, 255, 255, 0.1); }
  .layout-home7 .so-listing-tabs .ltabs-items-container .ltabs-items .product-col {
    padding: 0; }
    .layout-home7 .so-listing-tabs .ltabs-items-container .ltabs-items .product-col .ltabs-item {
      width: 100%;
      padding: 0 15px;
      float: left; }
  .layout-home7 .services-v1 .policy {
    margin-bottom: 10px; }
  .layout-home7 .modLine h3.modtitle {
    display: block; }
  .layout-home7 .tab-slider--full {
    margin: 0;
    padding: 10px 0; }
  .layout-home7 .subscribe-home {
    margin-bottom: 30px; }
  .layout-home7 .slider-brand--home6 .owl2-controls {
    display: none; }

  /*==============HOME 8 =====================*/
  .layout-home8 .header-top-right .tabBlockTitle {
    -webkit-transform: translateY(-35px);
    -moz-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    -o-transform: translateY(-35px);
    transform: translateY(-35px);
    color: #fff; }
    .layout-home8 .header-top-right .tabBlockTitle a {
      color: #999; }
      .layout-home8 .header-top-right .tabBlockTitle a:hover {
        color: #F4A137; }
  .layout-home8 .home8--banner1 {
    text-align: center; }
    .layout-home8 .home8--banner1 .banner__img {
      float: none;
      display: inline-block; }
  .layout-home8 .so-megamenu .navbar-header {
    color: #555555;
    z-index: 1; }
    .layout-home8 .so-megamenu .navbar-header .navbar-toggle {
      background: #555555;
      border-color: #555555; }
  .layout-home8 .footer-center .icons-social .modtitle {
    display: block; }
  .layout-home8 .footer-center .icons-social .modcontent {
    display: block; } }
@media (min-width: 768px) and (max-width: 991px) {
  .container-full {
    margin: 0;
    clear: both; }
    .container-full > .container {
      width: auto; }

  /*==============HOME 1 =====================*/
  .navbar-logo {
    text-align: center;
    margin-bottom: 30px; }

  #yt_header_right .two-block {
    margin-bottom: 30px; }

  /*==============HOME 2=====================*/
  header.type_2 .so-megamenu .horizontal .navbar-header {
    color: #555555; }

  .news-letter {
    margin-bottom: 30px; }

  .content-aside {
    padding: 0; }
    .content-aside .module {
      width: 45%;
      margin: 0 2% 30px;
      display: inline-block;
	  float:left;
      vertical-align: top; }

  /*==============HOME 3=====================*/
  .layout-home3 .so-megamenu .so-vertical-menu .vertical-wrapper {
    position: fixed !important; }
	.layout-home3  .aside-verticalmenu{margin:0;}
	.layout-home3 .navbar-category .navbar-toggle{color:#666;}
  .block-policy-v3 .policy {margin-bottom: 10px; }

  .navbar-header .navbar-toggle {
    border-color: #999;
    margin: 5px; }

  .responsive .vertical ul.megamenu > li > .sub-menu {
    position: static; }

  .footer-top .box-account {
    clear: both; }

  .policy-detail .banner-policy .policy {
    padding: 0;
    border: none; }

  #collections_block ul li {
    display: inline-block;
    width: 33%; }

  .products-category .products-list .product-layout .button-group .addToCart {
    margin: 0 20px 10px 0; }

  .add-to-links {
    clear: both; }
    .add-to-links ul li {
      margin: 5px 0;
      display: inline-block; }

  .filter-row .table_cell {
    border-left: none;
    display: block; }

  /*==============HOME 5 =====================*/
  .layout-home5 {
    background: #fff; }
    .layout-home5 #sosearchpro .search {
      max-width: 320px;
      float: right; }
    .layout-home5 .header-center {
      padding-bottom: 0; }
    .layout-home5 .header-bottom {
      min-height: 30px; }
    .layout-home5 header .so-megamenu .navbar-header {
      color: #555555;
      position: absolute;
      z-index: 1;
      top: -40px; }
      .layout-home5 header .so-megamenu .navbar-header .navbar-toggle {
        background: #555555;
        border-color: #555555; }

  /*==============HOME 6 =====================*/
  .layout-home6 .type_6 #sosearchpro {
    margin-top: 0; }
  .layout-home6 .services-v1 .policy {
    margin-bottom: 10px; }
  .layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container {
    min-height: 215px; }
    .layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container .button-group {
      overflow: hidden; }
    .layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container .addToCart {
      margin-bottom: 10px;
      display: block; }

  /*==============HOME 7 =====================*/
  .layout-home7 .type_7 .header-bottom .header-bottom__content {
    padding: 0 10px;
    background: rgba(255, 255, 255, 0.1); }
  .layout-home7 .services-v1 .policy {
    margin-bottom: 10px; }
  .layout-home7 .subscribe-home {
    margin-bottom: 30px; }
  .layout-home7 .so-listing-tabs .ltabs-items-container .ltabs-items .product-col {
    padding: 0; }
    .layout-home7 .so-listing-tabs .ltabs-items-container .ltabs-items .product-col .ltabs-item {
      width: 50%;
      padding: 0 15px;
      float: left; }

  /*==============HOME 8 =====================*/
  .layout-home8 .home8--banner1 {
    text-align: center; }
    .layout-home8 .home8--banner1 .banner__img {
      float: none;
      display: inline-block; }
  .layout-home8 .so-megamenu .navbar-header {
    color: #555555;
    z-index: 1; }
    .layout-home8 .so-megamenu .navbar-header .navbar-toggle {
      background: #555555;
      border-color: #555555; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .container-full {
    margin: 0;
    clear: both; }

  /*==============HOME 1 =====================*/
  .layout-home1 #yt_header_right .three-block .htmlcontent-home {
    margin: 0; }
  .layout-home1 #yt_header_right .three-block .htmlcontent-home img {
    width: 100%;
    height: 140px; }
  .layout-home1 #yt_header_right .two-block .owl2-carousel .owl2-item img {
    width: 100%; }

  .products-list.grid .product-layout .product-item-container {
    min-height: 250px; }

  .products-category .products-list .product-layout .button-group .addToCart {
    margin: 0 10px 10px 0; }

  /*==============HOME 2 =====================*/
  .news-letter .newsletter {
    padding: 15px;
    min-height: 201px; }

  .news-letter .newsletter h2 {
    margin-top: 40px; }

  .type_2 .horizontal ul.megamenu > li > a {
    padding: 0 8px; }

  /*==============HOME 3 =====================*/
  .layout-home3.common-home .sidebar-menu .vertical.open .vertical-wrapper {
    display: block !important; }

  /*==============HOME 4 =====================*/
  .policy-v3 .block-policy-v3 .policy .policy-inner {
    min-height: 100px; }

  /*==============HOME 5 =====================*/
  .layout-home5 {
    background: #fff; }

  /*==============HOME 6 =====================*/
  .layout-home6 div.tab-slider .ltabs-items-container .ltabs-items .button-group > button {
    min-width: 36px;
    padding: 7px 10px; }
  .layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container {
    min-height: 212px; }
    .layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container .addToCart {
      margin-bottom: 10px; } }
@media (min-width: 1200px) {
  /*==============HOME 1 =====================*/
  .container {
    width: 1200px; }

  #yt_header_right .two-block {
    width: 69%; }

  #yt_header_right .three-block {
    width: 31%;
    margin: 0; }

  .common-home .sidebar-menu .vertical.open .vertical-wrapper {
    display: block !important; } }

/*# sourceMappingURL=responsive.css.map */


/*added to control layout shifts*/
img {
    aspect-ratio: attr(width)/attr(height);
}

.product-image-container img.c-product-img-th {
    aspect-ratio: 1/1;
    width: 100%;
}

img.c-mainbanner-home {
    aspect-ratio: 600/422;
    width: 100%;
}

img.c-mainbanner-search {
    aspect-ratio: 870/260;
    width: 100%;
}

img.c-catImg-home {
    aspect-ratio: 270/140;
    width: 100%;
}

.navbar-logo {
    max-width: 268px;
    max-height: 60px;
}

.img-Cus-height-search {
    min-height: 200px;
}

.img-Cus-height-Featured {
    min-height: 169px;
}

.img-CusHeight-SearchHome {
    min-height: 273px;
}


.field-validation-error,
.has-error {
    color: red;
}

input.has-error {
    border: 1px solid red;
}

.radioHomeSearch {
    display: inline-block;
    margin-right: 20px; /* Add some space between radio buttons */
    /* vertical-align: middle; */ /* Aligns elements in the middle */
}

.searchStyle {
    font-size: 14px;
    font-weight: bold;
}


.services-v1 .policy-inner {
    border: 3px solid transparent;
    padding: 20px 28px;
    height: 80px;
    /*background: #f2f2f2;*/
    background: #ffffff;
    margin-bottom: 10px;
}

    .services-v1 .policy-inner:hover {
        border-color: #F4A137;
    }

.services-v1 span {
    float: left;
    text-indent: -999em;
    /*margin-right: 10px;*/
    background-repeat: no-repeat;
}

.services-v1 h2 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
    margin: 0;
    line-height: 20px;
}

.services-v1 a {
    color: #999;
    text-transform: capitalize;
}

.services-v1 .policy115 .ico-policy {
    background-image: url('../../Content/cTheme/image/theme/icons/QurbaniIcon.png');
}

.services-v1 .policy1 .ico-policy {
    background-image: url('../../Content/cTheme/image/theme/icons/ico-money.png');
}

.services-v1 .policy99 .ico-policy {
    background-image: url('../../Content/cTheme/image/theme/icons/collections-2-1.png');
}

.services-v1 .policy99 .ico-policy {
    background-image: url('../../Content/cTheme/image/theme/icons/collections-2-1.png');
}

.services-v1 .policy2 .ico-policy {
    background-image: url('../../Content/cTheme/image/theme/icons/ico-freeship.png');
}

.services-v1 .policy3 .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/Products-Showcase.png');*/
    background-image: url('../../Content/images/indexicons/prokistan_new_icons_products_showcase.png');
}

.services-v1 .policy4 .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/ico-umbrella.png');*/
    background-image: url('../../Content/images/indexicons/prokistan_new_icons_gigs.png');
}

.services-v1 .policy11 .ico-policy {
    /* background-image: url('../../Content/cTheme/image/theme/icons/wholesale-bazar.png');*/
    background-image: url('../../Content/images/indexicons/prokistan_new_icons_wholesale_market.png');
}

.services-v1 .policy12 .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/retail-bazar.png');*/
    background-image: url('../../Content/images/indexicons/prokistan_new_icons_retail_market.png');
}

.services-v1 .policy12a .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/used-mobile.png');*/
    background-image: url('../../Content/images/indexicons/prokistan_new_icons_used_mobile.png');
}

.services-v1 .policy121 .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/Suppliers.png');*/
    background-image: url(' ../../Content/Images/IndexIcons/Prokistan_new_Icons_Exporters.png');
}

.services-v1 .policy131 .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/Manufucturers.png');*/
    background-image: url(' ../../Content/Images/IndexIcons/Prokistan_new_Icons_Exporters.png');
}

.services-v1 .policy13 .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/purchased-request.png');*/
    background-image: url('../../Content/images/indexicons/prokistan_new_icons_want_to_buy.png');
}

.services-v1 .policy14 .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/food-restaurants.png');*/
    background-image: url('../../Content/images/indexicons/prokistan_new_icons_restaurants.png');
}

.services-v1 .policy15 .ico-policy {
    background-image: url('../../Content/cTheme/image/theme/icons/jumma-bazar.png');
}

.services-v1 .policy16 .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/used-products.png');*/
    background-image: url('../../Content/images/indexicons/prokistan_new_icons_used_products.png');
}

.services-v1 .policy17 .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/urgent-sale.png');*/
    background-image: url('../../Content/images/indexicons/prokistan_new_icons_urjent_sale.png');
}

.services-v1 .policy18 .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/super-market.png');*/
    background-image: url('../../Content/images/indexicons/prokistan_new_icons_super_markets.png');
}

.services-v1 .policy19 .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/itwaar-bazar.png');*/
    background-image: url('../../Content/images/indexicons/prokistan_new_icons_itwar_bazar.png');
}

.services-v1 .policy20 .ico-policy {
    background-image: url('../../Content/cTheme/image/theme/icons/legal-services.png');
}

.services-v1 .policy21 .ico-policy {
    background-image: url('../../Content/cTheme/image/theme/icons/legal-services.png');
}

.services-v1 .policy22 .ico-policy {
    /* background-image: url('../../Content/cTheme/image/theme/icons/matrimonial-services.png');*/
    background-image: url('../../Content/Images/IndexIcons/Prokistan_new_Icons_Matrimonial.png');
}

.services-v1 .policy23 .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/medical-services.png');*/
    background-image: url('../../Content/images/indexicons/prokistan_new_icons_dentist_doctors.png');
}

.services-v1 .policy24 .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/job-seeker.png');*/
    background-image: url('../../Content/images/indexicons/prokistan_new_icons_jobs.png');
}

.services-v1 .policy25 .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/international-services.png');*/
    background-image: url('../../Content/images/indexicons/prokistan_new_icons_international_services.png');
}

.services-v1 .policy26 .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/it-services.png');*/
    background-image: url('../../Content/images/indexicons/prokistan_new_icons_it_services.png');
}

.services-v1 .policy27 .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/jobs.png');*/
    background-image: url('../../Content/images/indexicons/prokistan_new_icons_jobs.png');
}

.services-v1 .policy50 .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/auto-Mobiles.png');*/
    background-image: url('../../Content/images/indexicons/prokistan_new_icons_auto_mobiles.png');
}

.services-v1 .policy51 .ico-policy {
    /*background-image: url('../../Content/cTheme/image/theme/icons/property.png');*/
    background-image: url('../../Content/images/indexicons/prokistan_new_icons_real_estate.png');
}

.services-v1 .policy52 .ico-policy {
    background-image: url('../../Content/cTheme/image/theme/icons/male.png');
}

.services-v1 .policy53 .ico-policy {
    background-image: url('../../Content/cTheme/image/theme/icons/Female.png');
}

.services-v1 .policy54 .ico-policy {
    background-image: url('../../Content/cTheme/image/theme/icons/2nd_Marriage.png');
}

.services-v1 .policy55 .ico-policy {
    background-image: url('../../Content/cTheme/image/theme/icons/Ghar_Damad.png');
}

.services-v1 .ico-policy {
    width: 53px;
    height: 53px;
    margin-top: -10px;
}
/*.form-group {
    overflow:hidden;
}*/
.c-padding-0 {
    padding: 0px;
}

.c-padding-10 {
    padding: 10px;
}

.c-padding-15 {
    padding: 15px;
}

.c-padding-0-5 {
    padding: 0px 5px;
}

.c-padding-10-0 {
    padding: 10px 0px;
}

.c-padding-15-0 {
    padding: 15px 0px;
}

.c-padding-left-0 {
    padding-left: 0px;
}

.c-padding-bottom-10 {
    padding-bottom: 10px;
}

.c-padding-right-0 {
    padding-right: 0px;
}

.c-display-none {
    display: none;
}

.c-productStoreName {
    max-height: 43px;
    display: inline-block;
    word-wrap: break-word;
    /*max-width: 72px;*/
    width: 100%;
    text-align: center;
    position: relative;
    color: #535353;
    font-weight: normal;
    vertical-align: middle;
    margin-top: 6px;
    border-top: 1px dotted #ccc;
    padding-top: 5px;
    font-size: 10px;
}

.c-btn-market {
    padding: 20px;
    text-align: left;
    width: 100%;
}

.c-btn-market-active {
    padding: 20px;
    border: 5px solid #f4a135;
    background: #f4a135;
    text-align: left;
    width: 100%;
}

.btnHome {
    background-color: #ffffff;
}

    .btnHome a {
        float: left;
        font-weight: bold;
        width: 100%;
        height: 126px;
        text-decoration: none;
        line-height: 17px;
        padding: 10px;
        color: #999;
        border-bottom: 3px solid #F4A137;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .btnHome:hover {
        border-color: #F4A137;
    }

/*.c-productStoreName {
            max-height: 43px;
            display: inline-block;
            word-wrap: break-word;
            max-width: 72px;
            text-align: center;
            position: absolute;
            color: #444;
            font-weight:bold;
        }*/


.products-list .product-layout .caption h4,
div.tab-slider .ltabs-items-container .ltabs-items .product-layout .caption h4 {
    font-weight: normal;
    font-size: 14px;
}

.product-item-container {
    padding: 8px !important;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 2px #ccc;
}

.product-layout.col-sm-6, .product-layout.col-xs-6 {
    padding-right: 5px;
    padding-left: 5px;
}

.price .price-old {
    line-height: 16px;
}
/*for product labels*/
.label.label-new {
    top: -8px;
    right: -8px;
    font-size: 10px;
}

.label-sale {
    background: #e74c3c;
    top: -8px;
    left: -8px;
    min-width: unset;
}

    .label-sale::after {
        left: 8px;
        right: unset;
    }

.lblFeatured {
    background: #F0AD4E;
}

    .lblFeatured::after {
        border-top-color: #F4A135;
    }
/*Asad Start*/
.social-widgets .custFacebook .tab-icon {
    background: #3b5998;
    background-clip: content-box;
    color: white;
}

.social-widgets .custInstagram .tab-icon {
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background-clip: content-box;
    color: white;
}

.social-widgets .custLinkedin .tab-icon {
    background: #0077B5;
    background-clip: content-box;
    color: white;
}

.social-widgets .custYoutube .tab-icon {
    background: #DA2723;
    background-clip: content-box;
    color: white;
}

.social-widgets .custTiktok .tab-icon {
    background: #0c0c0c;
    background-image: url('/Content/Images/tiktok.png');
    background-repeat: no-repeat;
    background-position: center;
    background-clip: content-box;
    color: white;
}

.social-widgets .custTwitter .tab-icon {
    background: #1DA1F2;
    background-clip: content-box;
    color: white;
}

.social-widgets .custWhatsApp .tab-icon {
    background: #25d366;
    background-clip: content-box;
    color: white;
}

.social-widgets .item-04 {
    top: 135px;
    z-index: 96;
}

.social-widgets .item-05 {
    top: 180px;
    z-index: 96;
}

.social-widgets .item-06 {
    top: 225px;
    z-index: 96;
}

.footer-container {
    background: #2c3e50;
    color: #F4A137;
}

.module h3.footer-title {
    color: #F4A137;
}

.type_footer1 a, .contact-address li {
    color: #ffffff;
}

.footer-bottom-block {
    background: #141518;
}

.copyright-text {
    font-style: italic;
}

    .copyright-text span {
        color: #f4a137;
        font-weight: 800;
    }
/*Asad End*/


.custPassEye {
    cursor: pointer;
}

.custRadioBtn {
    margin-left: 40px;
}

.custLbl {
    margin-left: 5px;
}

.modal-header .close {
    margin-top: -30px;
    font-size: 35px;
    filter: alpha(opacity=50);
    opacity: .5
}

.header-center {
    padding: 25px 0;
}

@media only screen and (max-width: 850px) {
    .container {
        padding-left: unset;
    }

    .header-center {
        padding: 15px 0;
    }

    .navbar-logo {
        width: 200px;
    }

    #sosearchpro {
        padding: unset;
    }

    .shopping_cart {
        width: 115px;
    }
}

/*Spinner Loader used just passing  Id*/
.spinnerloaddark {
    width: 30px;
    height: 30px;
    /*color: #000;*/
    /*color: #6ad2eb;*/
    position: absolute;
    margin: 20px auto;
    transition: 0.2s ease-in-out all;
    width: 95%;
    top: 40%;
}

.double-bouncedark1, .double-bouncedark2 {
    width: 50px;
    height: 50px;
    max-width: 50px;
    max-height: 50px;
    background-color: #f0ad4e;
    border-color: #eea236;
    border-radius: 50%;
    /*background: rgba(0,0,0,0.5);*/
    opacity: 0.6;
    position: absolute;
    top: 48%;
    left: 48%;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bouncedark2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0)
    }

    50% {
        transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
    }
}

button.button.btn-proceed-checkout {
    background: #fdd922;
    cursor: pointer;
    border: 1px solid #ccc !important;
    color: #000;
    padding: 15px 90px;
    font-size: 18px;
}

/*Start - css form gry white items input theme*/
.wrapper-full {
    background: #f2f2f2;
}
/*.c-bg-mainWraper {
    background: #ffffff;
}*/

.c-bg-w {
    background: #ffffff;
}

.c-bg-g {
    background: #f2f2f2;
}

.c-bg-g1 {
    background: #e5e5e5 !important;
}

.menu-category .modcontent {
    background: #ffffff;
}

.breadcrumb li {
    background: #ffffff;
}
/*End - css form gry white items input theme*/


.c-section-lightCream {
    background: #fbf4ea;
    padding: 45px 30px 35px 35px;
    margin: 10px 0px;
    overflow-y: hidden;
}

.c-title-h1 {
    font-family: Moderat, sans-serif;
    font-size: 3rem;
    line-height: 5rem;
    margin-top: 0px;
    /*color: #333333;*/
}

.c-text-orange {
    color: #f4a137;
}

/* ======= Info Section ======= */

.info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 28px;
    align-items: stretch;
    margin: 40px 0;
}

/* ======= Base Card ======= */
.c-detail-box {
    position: relative;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    padding: 36px 30px 30px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: all 0.25s ease;
    font-family: "Montserrat", "Inter", sans-serif;
}

    .c-detail-box:hover {
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
        transform: translateY(-4px);
        border-color: #e8a822;
    }

    /* ======= Decorative Accent Bar ======= */
    .c-detail-box::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        border-radius: 16px 16px 0 0;
        background: linear-gradient(90deg, #e8a822, #f5ca45);
    }

/* ======= Icon Circle ======= */
.c-detail-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #fff7d6;
    color: #e8a822;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
}

/* ======= Text ======= */
.c-detail-box-title {
    font-size: 20px;
    font-weight: 700;
    color: #1e1e1e;
    margin: 6px 0 2px;
}

.c-detail-box-content {
    font-size: 15px;
    line-height: 1.6;
    color: #6b7280;
}

/* ======= Subtle Background Variants ======= */
.c-detail-box-1 {
    background: linear-gradient(180deg, #ffffff, #fffef9);
}

.c-detail-box-2 {
    background: linear-gradient(180deg, #ffffff, #fef9fc);
}

.c-detail-box-3 {
    background: linear-gradient(180deg, #ffffff, #f9fbfd);
}

/* ======= Optional CTA Link ======= */
.c-detail-box .cta-link {
    margin-top: 10px;
    font-weight: 600;
    color: #e8a822;
    text-decoration: none;
}

    .c-detail-box .cta-link:hover {
        text-decoration: underline;
    }

/* ======= Responsive ======= */
@media (max-width: 768px) {
    .c-detail-box {
        padding: 30px 24px;
    }
}





.c-btn-wizard-select {
    padding: 10px 5px;
    background-color: #EEEEEE;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    border: #F1F1F1 1px solid;
    border-radius: 5px;
    color: #666666 !important;
    margin-bottom: 15px; /* Added for better spacing on mobile */
    height: 100%; /* Make all the same height in a row */
}

    .c-btn-wizard-select a {
        float: left;
        width: 100%;
        padding: 10px 0px 5px 0px;
        color: #444;
        border-bottom: 3px solid #F4A137;
        background-position: center center;
        background-repeat: no-repeat;
        text-decoration: none; /* Prevent underlines on hover */
    }

    .c-btn-wizard-select h2 {
        font-weight: bold;
        font-size: 75%;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 17px;
        word-wrap: break-word;
        margin-top: 10px;
        min-height: 34px; /* Consistent height for titles */
    }

    .c-btn-wizard-select:hover, .c-btn-wizard-select:active {
        transform: scale(0.97);
        transition: transform 0.2s ease; /* Smooth transition */
    }

    .c-btn-wizard-select img {
        aspect-ratio: 1;
        max-width: 40px;
        margin: 0 auto; /* Center the image */
        display: block; /* Better centering */
    }

.c-btn-wizard-active {
    background-image: url(/content/icons/check.png);
    background-position: right 0;
    background-repeat: no-repeat;
    background-size: 30px 28px;
    border: 1px solid #72b33f;
    color: #000000;
}

/* Add responsive adjustments */
@media (min-width: 1200px) {
    .col-lg-2 {
        width: 10%; /* Keeping close to your original 9.92% */
    }
}

@media (max-width: 991px) {
    .c-btn-wizard-select h2 {
        font-size: 70%;
    }
}

@media (max-width: 767px) {
    .c-btn-wizard-select {
        padding: 8px 3px;
    }

        .c-btn-wizard-select h2 {
            font-size: 65%;
            line-height: 14px;
        }

        .c-btn-wizard-select img {
            max-width: 35px;
        }
}

@media (max-width: 480px) {
    .col-xs-4 {
        width: 50%; /* Make it 2 per row on very small screens */
    }
}


/* ========================================
                  REUSABLE BUTTON CSS
                  Add this to your main CSS file
                  ======================================== */

/* Button Container */
.btn-container {
    text-align: center;
    margin: 30px 0;
    padding: 0 15px;
}

/* Button Styles - Reusable anywhere */
.btn-primary-gradient {
    background: linear-gradient(135deg, #ff8c42 0%, #ff6b6b 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 15px 40px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(255, 140, 66, 0.3) !important;
    display: inline-block !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    line-height: 1.4 !important;
}

    .btn-primary-gradient:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(255, 140, 66, 0.4) !important;
        background: linear-gradient(135deg, #ff7a2e 0%, #ff5757 100%) !important;
        color: #ffffff !important;
        text-decoration: none !important;
    }

    .btn-primary-gradient:active {
        transform: translateY(0) !important;
    }

    .btn-primary-gradient:focus {
        outline: none !important;
        box-shadow: 0 0 0 3px rgba(255, 140, 66, 0.3) !important;
    }

    /* Button with icon */
    .btn-primary-gradient i {
        margin-left: 8px;
        font-size: 12px;
    }

/* Secondary button variant */
.btn-secondary-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 15px 40px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) !important;
    display: inline-block !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

    .btn-secondary-gradient:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4) !important;
    }

/* Small button variant */
/*   .btn-sm {
            padding: 10px 25px !important;
            font-size: 13px !important;
        }
*/
/* Large button variant */
/*.btn-lg {
    padding: 18px 50px !important;
    font-size: 17px !important;
}*/

/* Mobile responsive */
@media (max-width: 767px) {
    .btn-primary-gradient,
    .btn-secondary-gradient {
        padding: 12px 30px !important;
        font-size: 14px !important;
    }

    .btn-container {
        margin: 20px 0;
    }
}





.c-btn-addtoCart {
    background: linear-gradient(135deg,#57728c 0%,#2c3e50 100%) !important;
    color: #fff !important;
    border: none !important;
    padding: 15px 40px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(102,126,234,.3) !important;
    display: inline-block !important;
    text-decoration: none !important;
    transition: all .3s ease !important;
}

.c-btn-sendmessage {
    background: #f4a137;
    color: #fff !important;
    border: none !important;
    padding: 15px 40px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(102,126,234,.3) !important;
    display: inline-block !important;
    text-decoration: none !important;
    transition: all .3s ease !important;
    border-radius: 6px;
    font-size: 15px;
}

    .c-btn-sendmessage:hover {
        background: #333333;
    }

/* IMARKED V1 — global skin (desktop + shared)
   Source: Website-Clone brand-spec + imarked-marketplace.html
   Phase 1: chrome / tokens only — do not replace logos. */

:root {
    --im-bg: #f5f7fa;
    --im-surface: #ffffff;
    --im-fg: #181c23;
    --im-text: #333d4d;
    --im-muted: #6e7a8a;
    --im-border: #e7ebf0;
    --im-primary: #0066ff;
    --im-primary-hover: #0052cc;
    --im-primary-dark: #004493;
    --im-accent: #d9a441;
    --im-accent-strong: #f4a137;
    --im-accent-strong-hover: #e58f1f;
    --im-navy: #1a2230;
    --im-navy-hover: #0e141f;
    --im-footer: #1a2230;
    --im-success: #2f9e5f;
    --im-chip: #f1f3fe;
    --im-shadow-sm: 0 1px 2px rgba(24, 28, 35, 0.05), 0 1px 3px rgba(24, 28, 35, 0.06);
    --im-shadow-md: 0 4px 16px rgba(24, 28, 35, 0.08), 0 1px 4px rgba(24, 28, 35, 0.04);
    --im-shadow-header: 0 8px 24px rgba(15, 23, 42, 0.04);
    --im-shadow-hover: 0 4px 14px rgba(15, 23, 42, 0.06);
    --im-radius: 14px;
    --im-radius-sm: 10px;
    --im-radius-pill: 999px;
    --im-font: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
    --im-header-font: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
    --im-max: 1180px;
    --im-header-max: 1440px;
}

body.imarked-v1 {
    font-family: var(--im-font) !important;
    background: var(--im-bg) !important;
    color: var(--im-text);
    -webkit-font-smoothing: antialiased;
}

body.imarked-v1 #wrapper {
    background: var(--im-bg);
}

/* ── Header / topbar ── */
body.imarked-v1 #header.variantleft.type_1,
body.imarked-v1 .header-center {
    background: var(--im-surface) !important;
    border-bottom: 1px solid var(--im-border);
    box-shadow: var(--im-shadow-sm);
}

body.imarked-v1 .header-center.left.c-bg-w {
    background: var(--im-surface) !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

body.imarked-v1 .navbar-logo {
    max-width: 160px !important;
    max-height: 48px !important;
    overflow: hidden !important;
}

body.imarked-v1 .navbar-logo img {
    max-height: 39px !important;
    height: 39px !important;
    width: auto !important;
    max-width: 150px !important;
    object-fit: contain !important;
    aspect-ratio: auto !important;
}

body.imarked-v1 #sosearchpro .search.input-group,
body.imarked-v1 #sosearchpro .autosearch-input.form-control {
    border-radius: var(--im-radius-pill);
}

body.imarked-v1 #sosearchpro .autosearch-input.form-control {
    border: 1px solid var(--im-border);
    height: 44px;
    box-shadow: none;
    padding-left: 18px;
    font-size: 14px;
    color: var(--im-fg);
    background: var(--im-chip);
}

body.imarked-v1 #sosearchpro .im-search-wrap .autosearch-input.form-control:focus {
    border-color: transparent;
    background: transparent;
    outline: none;
    box-shadow: none;
}

body.imarked-v1 #sosearchpro .im-search-wrap .button-search.btn,
body.imarked-v1 #sosearchpro .im-search-wrap #btnSearch.button-search {
    background: var(--im-navy) !important;
    border-color: var(--im-navy) !important;
    color: #fff !important;
    border-radius: 50% !important;
    height: 34px;
    min-width: 34px;
    margin-left: 0;
}

body.imarked-v1 #sosearchpro .im-search-wrap .button-search.btn:hover,
body.imarked-v1 #sosearchpro .im-search-wrap #btnSearch.button-search:hover {
    background: var(--im-navy-hover) !important;
    border-color: var(--im-navy-hover) !important;
}

/* Primary CTAs */
body.imarked-v1 .btn-primary,
body.imarked-v1 a.btn-primary,
body.imarked-v1 button.btn-primary,
body.imarked-v1 .btn.btn-primary {
    background: var(--im-primary) !important;
    border-color: var(--im-primary) !important;
    color: #fff !important;
    border-radius: var(--im-radius-sm);
    font-weight: 600;
    font-family: var(--im-font);
}

body.imarked-v1 .btn-primary:hover,
body.imarked-v1 a.btn-primary:hover {
    background: var(--im-primary-hover) !important;
    border-color: var(--im-primary-hover) !important;
}

body.imarked-v1 .btn-default,
body.imarked-v1 .btn.btn-default {
    border-radius: var(--im-radius-sm);
    border-color: var(--im-border);
    color: var(--im-text);
    font-family: var(--im-font);
}

body.imarked-v1 a {
    transition: color 0.15s ease;
}

body.imarked-v1 a:hover {
    color: var(--im-primary);
}

/* Links that look like sell / accent */
body.imarked-v1 .header-center .btn-link,
body.imarked-v1 .top-links a:hover {
    color: var(--im-primary);
}

/* Cards / product tiles (common theme classes) */
body.imarked-v1 .product-layout .product-item-container,
body.imarked-v1 .products-list .product-layout,
body.imarked-v1 .product-item-container,
body.imarked-v1 .item-inner,
body.imarked-v1 .panel,
body.imarked-v1 .well {
    border-radius: var(--im-radius) !important;
    border-color: var(--im-border) !important;
    box-shadow: var(--im-shadow-sm);
    background: var(--im-surface);
}

body.imarked-v1 .main-container.container {
    padding-top: 20px;
    padding-bottom: 32px;
}

body.imarked-v1 h1,
body.imarked-v1 h2,
body.imarked-v1 h3,
body.imarked-v1 h4,
body.imarked-v1 .modtitle {
    font-family: var(--im-font);
    color: var(--im-fg);
    letter-spacing: -0.02em;
}

/* Form controls */
body.imarked-v1 .form-control {
    border-radius: var(--im-radius-sm);
    border-color: var(--im-border);
    font-family: var(--im-font);
}

body.imarked-v1 .form-control:focus {
    border-color: var(--im-primary);
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12);
}

/* ── Footer (legacy dark rules — V1 chrome footer uses im-footer light styles) ── */
body.imarked-v1 footer.footer-container:not(.im-footer),
body.imarked-v1 .footer-container.type_footer1:not(.im-footer),
body.imarked-v1 .footer-top,
body.imarked-v1 .footer-bottom-block {
    background: var(--im-footer) !important;
    color: rgba(255, 255, 255, 0.85);
}

body.imarked-v1 footer.footer-container:not(.im-footer) .modtitle,
body.imarked-v1 footer.footer-container:not(.im-footer) h3 {
    color: #fff !important;
    font-weight: 700;
}

body.imarked-v1 footer.footer-container:not(.im-footer) a,
body.imarked-v1 footer.footer-container:not(.im-footer) .menu li a {
    color: rgba(255, 255, 255, 0.78) !important;
}

body.imarked-v1 footer.footer-container:not(.im-footer) a:hover {
    color: var(--im-accent) !important;
}

body.imarked-v1 .footer-bottom-block {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

body.imarked-v1 .footer-bottom-block .copyright-text,
body.imarked-v1 .footer-bottom-block a {
    color: rgba(255, 255, 255, 0.7) !important;
}

body.imarked-v1 .back-to-top {
    background: var(--im-primary) !important;
    border-radius: var(--im-radius-pill);
    color: #fff !important;
}

/* Gold accent utility (hero text can use later) */
body.imarked-v1 .im-accent,
body.imarked-v1 .text-im-accent {
    color: var(--im-accent) !important;
}

body.imarked-v1 .im-primary-bg {
    background: var(--im-primary) !important;
    color: #fff !important;
}

/* Megamenu / nav polish */
body.imarked-v1 .megamenu-wrapper,
body.imarked-v1 .container-megamenu {
    font-family: var(--im-font);
}

body.imarked-v1 .horizontal ul.megamenu > li > a {
    font-weight: 600;
    color: var(--im-text);
}

body.imarked-v1 .horizontal ul.megamenu > li > a:hover,
body.imarked-v1 .horizontal ul.megamenu > li.active > a {
    color: var(--im-primary) !important;
}

/* Pagination */
body.imarked-v1 .pagination > .active > a,
body.imarked-v1 .pagination > .active > span {
    background: var(--im-primary) !important;
    border-color: var(--im-primary) !important;
}

body.imarked-v1 .pagination > li > a:hover {
    color: var(--im-primary);
}

/* ── Professional loader (replaces legacy yellow loader.GIF) ── */
@keyframes im-loader-spin {
    to { transform: rotate(360deg); }
}

body.imarked-v1 .im-loader,
body.imarked-v1 #imgLoader.im-loader {
    text-align: center;
    margin: 14px auto;
    padding: 4px 0;
    line-height: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-loader__spinner {
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 2.5px solid rgba(0, 102, 255, 0.16);
    border-top-color: var(--im-primary, #0066ff);
    border-radius: 50%;
    box-sizing: border-box;
    vertical-align: middle;
    animation: im-loader-spin 0.7s linear infinite;
}

/* Legacy <img id="imgLoader" src="...loader.GIF"> — restyle into same spinner */
body.imarked-v1 img#imgLoader {
    display: block;
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    margin: 14px auto !important;
    padding: 0 !important;
    border: 2.5px solid rgba(0, 102, 255, 0.16) !important;
    border-top-color: var(--im-primary, #0066ff) !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    object-fit: none !important;
    object-position: 40px 40px !important; /* hide yellow GIF pixels */
    overflow: hidden !important;
    animation: im-loader-spin 0.7s linear infinite !important;
}

/* IMARKED V1 — desktop header + footer chrome (match Website-Clone mockup) */

/* Undo main.css img aspect-ratio hack that blows up logos without width/height attrs */
body.imarked-v1 img {
    aspect-ratio: auto !important;
}

body.imarked-v1 .product-image-container img.c-product-img-th {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover;
}

body.imarked-v1 .im-wrap {
    width: min(100% - 32px, var(--im-max, 1180px));
    margin-inline: auto;
    box-sizing: border-box;
}

/* Header + subnav only: Plus Jakarta Sans + wider 1440px canvas, per approved spec.
   Scoped strictly to .im-topbar / .im-subnav — body/hero typography and width are untouched.
   Text-bearing elements only (never "i"/".fa") so FontAwesome glyphs keep their icon font. */
body.imarked-v1 .im-topbar,
body.imarked-v1 .im-topbar a,
body.imarked-v1 .im-topbar button,
body.imarked-v1 .im-topbar input,
body.imarked-v1 .im-topbar select,
body.imarked-v1 .im-topbar option,
body.imarked-v1 .im-topbar span,
body.imarked-v1 .im-topbar p,
body.imarked-v1 .im-topbar div,
body.imarked-v1 .im-subnav,
body.imarked-v1 .im-subnav a,
body.imarked-v1 .im-subnav button,
body.imarked-v1 .im-subnav span,
body.imarked-v1 .im-subnav p,
body.imarked-v1 .im-subnav div,
body.imarked-v1 .im-subnav li {
    font-family: var(--im-header-font, "Inter", "Segoe UI", system-ui, sans-serif) !important;
}

/* Both header rows share Bootstrap's .container. The generic .im-wrap rule
   above (used by the footer/hero) is more specific than Bootstrap's own
   .container breakpoints, so here we mirror Bootstrap 3's exact container
   width table (750/970) at its own breakpoints and only widen the largest
   (lg, >=1200px) tier to the approved 1280-1320px canvas — no new/invented
   breakpoints, no change to Bootstrap's grid math. */
body.imarked-v1 .im-topbar .im-wrap.container,
body.imarked-v1 .im-subnav .im-wrap.container {
    width: auto;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 768px) {
    body.imarked-v1 .im-topbar .im-wrap.container,
    body.imarked-v1 .im-subnav .im-wrap.container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    body.imarked-v1 .im-topbar .im-wrap.container,
    body.imarked-v1 .im-subnav .im-wrap.container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    body.imarked-v1 .im-topbar .im-wrap.container,
    body.imarked-v1 .im-subnav .im-wrap.container {
        width: 1300px;
        max-width: 1300px;
    }
}

/* Homepage/page content shares the exact same canvas as the header rows —
   same padding, same lg-tier width — so nothing sits on a different grid.
   Bootstrap's own .container widths at sm/md (750/970) are untouched;
   only the top tier is widened to match the header's 1300px. */
body.imarked-v1 .main-container.container {
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 1200px) {
    body.imarked-v1 .main-container.container {
        width: 1300px;
        max-width: 1300px;
    }
}

/* Homepage sections nest another Bootstrap .container inside
   .main-container — that inner box defaults to 1170px while the header
   uses 1300px, which causes the stair-step margin effect. Stretch nested
   containers to the full main-container width (padding already on parent). */
body.imarked-v1 .main-container.container > .container,
body.imarked-v1 .main-container.container > .im-search-page,
body.imarked-v1 .main-container.container section .container,
body.imarked-v1 .main-container.container .so-spotlight1 .container {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Market cards sit directly in .main-container; neutralise the -10px pull
   so their outer edges line up with the header container edges. */
body.imarked-v1 .main-container.container .services-v1 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Reset old theme header chrome when V1 shell is present */
body.imarked-v1 #header.im-chrome-header {
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/* Only hide leftover legacy header-center if present — keep .im-subnav.header-bottom */
body.imarked-v1 #header.im-chrome-header > .header-center {
    display: none !important;
}

body.imarked-v1 #header.im-chrome-header .im-subnav.header-bottom {
    display: block !important;
}

/* ── Top bar ── */
body.imarked-v1 .im-topbar {
    background: var(--im-surface, #fff);
    border-bottom: 1px solid #e8edf3;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
    position: sticky;
    top: 0;
    /* Above .im-cat-col (1002) so the mini-cart dropdown is not covered by the subnav */
    z-index: 1105;
    overflow: visible;
}

/* Modal stack (desktop + mobile):
   header(1105) < search-sheet/overlay(~10050) < modal-backdrop < modal dialogs.
   Keep all app popups above chrome and the search “locked” sheet. */
body.imarked-v1 .modal-backdrop,
body.imarked-v1 .modal-backdrop.fade,
body.imarked-v1 .modal-backdrop.in {
    z-index: 12040 !important;
}

body.imarked-v1 .modal,
body.imarked-v1 .modal.fade,
body.imarked-v1 .modal.in,
body.imarked-v1 #myModal_Message,
body.imarked-v1 #myModal_SignUp,
body.imarked-v1 #myModal_Summary,
body.imarked-v1 #myModal_Blank,
body.imarked-v1 #myModal_progressbar {
    z-index: 12050 !important;
}

/* Row 1: Bootstrap col-sm-2/6/4 keeps the grid; each column becomes a
   flex box so logo, search and actions share one vertical center line.
   (table-layout:fixed was forcing equal thirds and breaking the 2/6/4 split.) */
body.imarked-v1 .im-topbar-row {
    min-height: 76px;
    padding: 14px 0;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    body.imarked-v1 .im-topbar-row > .im-logo-col,
    body.imarked-v1 .im-topbar-row > .im-search-col,
    body.imarked-v1 .im-topbar-row > .im-actions-col {
        display: flex;
        align-items: center;
        min-height: 48px;
    }

    body.imarked-v1 .im-topbar-row > .im-logo-col {
        justify-content: flex-start;
    }

    body.imarked-v1 .im-topbar-row > .im-search-col {
        justify-content: flex-start;
    }

    body.imarked-v1 .im-topbar-row > .im-actions-col {
        justify-content: flex-end;
        padding: 0px;
    }
}

/* Logo: brand sizing only — column/positioning stays Bootstrap's own grid.
   Height trimmed so it no longer dominates the row vertically; width stays
   in the approved 150-165px range. */
body.imarked-v1 .im-logo-link {
    display: inline-flex !important;
    align-items: center;
    width: 158px !important;
    max-width: 158px !important;
    height: 39px !important;
    max-height: 39px !important;
    overflow: hidden !important;
    text-decoration: none !important;
}

body.imarked-v1 .im-logo-link img,
body.imarked-v1 .im-topbar img {
    max-height: 39px !important;
    height: 39px !important;
    width: auto !important;
    max-width: 156px !important;
    display: block !important;
    object-fit: contain !important;
    aspect-ratio: auto !important;
}

body.imarked-v1 .im-search-host {
    width: 100%;
}

body.imarked-v1 .im-search-form {
    width: 100%;
}

/* Search box: flex-centred input-group — category trigger, input and navy
   button share one vertical centre line; Bootstrap dropdown menu styles
   the open item list (native <select> stays sr-only for sync logic). */
body.imarked-v1 .im-search-wrap.input-group {
    display: flex;
    align-items: center;
    padding: 0 4px 0 0;
    overflow: visible;
}

body.imarked-v1 .im-search-wrap > .input-group-btn {
    width: auto;
    flex: 0 0 auto;
    float: none;
    vertical-align: middle;
}

body.imarked-v1 .im-search-wrap {
    width: 100%;
    max-width: 100%;
    background: #ffffff;
    border: 1px solid var(--im-border, #e7ebf0);
    border-radius: 15px;
    height: 46px;
    box-shadow: none;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

body.imarked-v1 .im-search-wrap:hover {
    box-shadow: var(--im-shadow-hover, 0 4px 14px rgba(15, 23, 42, 0.06));
}

body.imarked-v1 .im-search-wrap:focus-within {
    border-color: #b8c2ce;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.05), 0 4px 12px rgba(15, 23, 42, 0.06);
}

/* Category trigger (closed state) */
body.imarked-v1 .im-search-type-dd {
    position: relative;
}

body.imarked-v1 .im-search-type-trigger {
    display: inline-flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: auto;
    min-width: 118px;
    max-width: 145px;
    height: 46px !important;
    padding: 0 14px 0 16px !important;
    margin: 0 !important;
    border: 0 !important;
    border-right: 1px solid #eef1f5 !important;
    border-radius: 14px 0 0 14px !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--im-text, #333d4d) !important;
    line-height: 1.2;
    text-align: left;
    white-space: nowrap;
    transition: color 150ms ease;
}

body.imarked-v1 .im-search-type-trigger:hover,
body.imarked-v1 .im-search-type-dd.open .im-search-type-trigger {
    background: transparent !important;
    color: var(--im-fg, #181c23) !important;
}

body.imarked-v1 .im-search-type-label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-search-type-chevron {
    flex: 0 0 auto;
    font-size: 10px;
    color: var(--im-muted, #6e7a8a);
    transition: transform 150ms ease, color 150ms ease;
}

body.imarked-v1 .im-search-type-dd.open .im-search-type-chevron {
    transform: rotate(180deg);
    color: var(--im-fg, #181c23);
}

/* Open menu — item presentation */
body.imarked-v1 .im-search-type-menu {
    min-width: 168px;
    margin-top: 8px;
    padding: 6px;
    border: 1px solid var(--im-border, #e7ebf0);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
    background: #fff;
    z-index: 1101;
}

body.imarked-v1 .im-search-type-menu > li > a.im-search-type-option {
    display: block;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--im-text, #333d4d) !important;
    text-decoration: none !important;
    line-height: 1.3;
    transition: background 150ms ease, color 150ms ease;
}

body.imarked-v1 .im-search-type-menu > li > a.im-search-type-option:hover,
body.imarked-v1 .im-search-type-menu > li > a.im-search-type-option:focus {
    background: var(--im-bg, #f5f7fa) !important;
    color: var(--im-fg, #181c23) !important;
    outline: none;
}

body.imarked-v1 .im-search-type-menu > li.active > a.im-search-type-option {
    background: rgba(0, 102, 255, 0.08) !important;
    color: var(--im-primary, #0066ff) !important;
    font-weight: 600;
}

body.imarked-v1 .im-search-wrap input#search,
body.imarked-v1 .im-search-wrap input.autosearch-input {
    -webkit-appearance: none;
    appearance: none;
    flex: 1 1 auto;
    float: none;
    width: 1%;
    border: none !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 400;
    color: var(--im-fg, #181c23);
    min-width: 0;
    height: 46px !important;
    line-height: 46px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

body.imarked-v1 .im-search-wrap input#search::placeholder,
body.imarked-v1 .im-search-wrap input.autosearch-input::placeholder {
    color: #a3adbb;
    font-size: 14px;
    font-weight: 400;
    opacity: 1;
}

body.imarked-v1 .im-search-btn-addon {
    display: flex;
    align-items: center;
    padding: 0 5px 0 4px;
}

body.imarked-v1 .type_1 #sosearchpro .im-search-wrap .button-search.btn,
body.imarked-v1 .im-search-btn,
body.imarked-v1 #btnSearch.im-search-btn {
    -webkit-appearance: none;
    appearance: none;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 50% !important;
    background: var(--im-navy, #1a2230) !important;
    background-color: var(--im-navy, #1a2230) !important;
    border: none !important;
    border-color: var(--im-navy, #1a2230) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    transition: background 150ms ease, background-color 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

body.imarked-v1 .im-search-btn i,
body.imarked-v1 #btnSearch.im-search-btn i {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #fff !important;
}

body.imarked-v1 .type_1 #sosearchpro .im-search-wrap .button-search.btn:hover,
body.imarked-v1 .type_1 #sosearchpro .im-search-wrap .button-search.btn:focus,
body.imarked-v1 #btnSearch.im-search-btn:hover,
body.imarked-v1 #btnSearch.im-search-btn:focus {
    background: var(--im-navy-hover, #0e141f) !important;
    background-color: var(--im-navy-hover, #0e141f) !important;
    border-color: var(--im-navy-hover, #0e141f) !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(26, 34, 48, 0.25);
    outline: none !important;
}

/* Actions row is a Bootstrap .nav.navbar-nav.navbar-right — Bootstrap's own
   navbar-right float positions the whole group at the column's right edge;
   display:flex only governs alignment *within* that group so the 4 unevenly
   shaped actions (stacked icon+label vs. the horizontal cart pill) share one
   visual baseline instead of top-aligning like plain floats would. Kept as a
   tight, non-spread group per spec. */
body.imarked-v1 .im-actions-col,
body.imarked-v1 .im-top-actions {
    overflow: visible !important;
}

body.imarked-v1 .im-top-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    float: none !important;
    list-style: none;
    gap: 4px;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    z-index: 1;
}

body.imarked-v1 .im-top-actions.navbar-nav {
    margin: 0 !important;
}

body.imarked-v1 .im-top-actions > li {
    display: flex;
    align-items: center;
    float: none !important;
    margin: 0;
}

body.imarked-v1 .im-sub-links.navbar-nav,
body.imarked-v1 .im-sub-country.navbar-nav {
    margin: 0 !important;
}

body.imarked-v1 a.im-icon-action {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 64px;
    min-width: 64px;
    padding: 8px 4px;
    border-radius: 12px;
    border: 1px solid transparent;
    font-size: 12px;
    font-weight: 500;
    color: var(--im-muted, #6e7a8a) !important;
    text-decoration: none !important;
    background: transparent;
    line-height: 1.15;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

body.imarked-v1 a.im-icon-action span:not(.im-badge) {
    display: block;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.01em;
    transition: color 150ms ease;
}

body.imarked-v1 a.im-icon-action i {
    font-size: 23px;
    line-height: 1;
    color: #5f6b7a;
    transition: color 150ms ease, transform 150ms ease;
}

body.imarked-v1 a.im-icon-action:hover {
    background: #f3f6fa;
    border-color: #dde3eb;
    color: var(--im-navy, #1a2230) !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

body.imarked-v1 a.im-icon-action:hover i {
    color: var(--im-navy, #1a2230);
}

body.imarked-v1 a.im-icon-action:active,
body.imarked-v1 a.im-icon-action.is-active {
    background: #e9eef4;
    border-color: #cfd8e3;
    color: var(--im-navy, #1a2230) !important;
    transform: translateY(0);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.06);
}

body.imarked-v1 a.im-icon-action:active i,
body.imarked-v1 a.im-icon-action.is-active i {
    color: var(--im-navy, #1a2230);
}

body.imarked-v1 a.im-icon-action:focus {
    outline: none;
}

body.imarked-v1 a.im-icon-action:focus-visible {
    border-color: #b8c2ce;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.06);
}

body.imarked-v1 a.im-icon-action .im-badge {
    position: absolute;
    top: 4px;
    right: 6px;
    background: #ba1a1a;
    color: #fff;
    font-size: 9px;
    min-width: 14px;
    height: 14px;
    line-height: 14px;
    border-radius: 999px;
    text-align: center;
    padding: 0 3px;
}

body.imarked-v1 .im-icon-action-wrap {
    position: relative;
}

/* Cart host — CartScript replaces #cart-sidebar inner HTML on every AJAX update */
body.imarked-v1 #cart-sidebar.im-cart-host {
    position: relative;
    margin: 0 0 0 2px;
    display: flex;
    align-items: center;
}

body.imarked-v1 #cart-sidebar.im-cart-host .top_cart,
body.imarked-v1 #cart-sidebar.im-cart-host > a {
    display: flex !important;
    align-items: center;
    text-decoration: none !important;
    cursor: pointer;
    outline: none;
    border-radius: 13px;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .top_cart:hover,
body.imarked-v1 #cart-sidebar.im-cart-host .top_cart:focus,
body.imarked-v1 #cart-sidebar.im-cart-host.open .top_cart,
body.imarked-v1 #cart-sidebar.im-cart-host.open .top_cart:hover {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .top_cart:focus {
    outline: none;
}

body.imarked-v1 #cart-sidebar.im-cart-host .top_cart:focus-visible .shopcart {
    outline: none;
}

/* Orange filled pill — genuine single-row horizontal layout: icon, then
   "Handlekurv", then the dynamic count, all inline left-to-right. Smaller
   footprint than the other actions' hit area, on purpose, so it reads as
   "one of the actions" rather than a separate ad banner. */
body.imarked-v1 #cart-sidebar.im-cart-host .shopcart,
body.imarked-v1 #cart-sidebar.im-cart-host .top_cart:hover .shopcart,
body.imarked-v1 #cart-sidebar.im-cart-host .top_cart:focus .shopcart,
body.imarked-v1 #cart-sidebar.im-cart-host.open .top_cart .shopcart,
body.imarked-v1 #cart-sidebar.im-cart-host.open > a .shopcart,
body.imarked-v1 #cart-sidebar.im-cart-host.open .top_cart:hover .shopcart {
    display: flex !important;
    align-items: center;
    gap: 6px;
    min-width: auto;
    padding: 8px 12px;
    border-radius: 13px;
    background: var(--im-accent-strong, #f4a137) !important;
    background-color: var(--im-accent-strong, #f4a137) !important;
    color: #fff !important;
    border: none;
    box-shadow: none;
    transition: transform 150ms ease;
}

body.imarked-v1 #cart-sidebar.im-cart-host .top_cart:hover .shopcart {
    transform: translateY(-1px);
}

body.imarked-v1 #cart-sidebar.im-cart-host .top_cart:active .shopcart {
    transform: translateY(0);
}

body.imarked-v1 #cart-sidebar.im-cart-host.open .top_cart .shopcart,
body.imarked-v1 #cart-sidebar.im-cart-host.open > a .shopcart {
    transform: translateY(-1px);
}

body.imarked-v1 #cart-sidebar.im-cart-host .title {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #fff !important;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1;
    white-space: nowrap;
    margin: 0 !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .text-shopping-cart,
body.imarked-v1 #cart-sidebar.im-cart-host .cart-total-full,
body.imarked-v1 #cart-sidebar.im-cart-host .items_cart {
    font-size: 11px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    white-space: nowrap;
    line-height: 1;
    margin: 0 !important;
}

/* Icon: left-most flex item, vertically centered on the pill's baseline */
body.imarked-v1 #cart-sidebar.im-cart-host .handle,
body.imarked-v1 #cart-sidebar.im-cart-host .handle.pull-left {
    float: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px;
    margin: 0 !important;
    box-shadow: none;
}

body.imarked-v1 #cart-sidebar.im-cart-host .handle:before {
    content: "\f07a";
    font-family: FontAwesome;
    font-size: 15px;
    color: #fff;
}

/* ── Cart popup ── */
@keyframes im-cart-drop-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

body.imarked-v1 #cart-sidebar.im-cart-host .dropdown-menu.shoppingcart-box {
    display: none;
    position: absolute;
    top: calc(100% + 12px);
    right: -4px;
    left: auto;
    float: none !important;
    margin: 0;
    width: 400px;
    max-width: calc(100vw - 24px);
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06);
    padding: 0;
    z-index: 1100;
    list-style: none;
    overflow: hidden;
    flex-direction: column;
}

body.imarked-v1 #cart-sidebar.im-cart-host.open .dropdown-menu.shoppingcart-box {
    display: flex !important;
    animation: im-cart-drop-in 180ms ease-out;
}

/* Brief “added to cart” toast — desktop + mobile */
body.imarked-v1 .im-cart-toast {
    position: fixed;
    top: 88px;
    right: 20px;
    z-index: 12050;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    width: auto;
    max-width: min(420px, calc(100vw - 32px));
    padding: 10px 16px 10px 12px;
    border-radius: 999px;
    background: #1a2230;
    color: #fff;
    font-family: var(--im-header-font, "Inter", "Segoe UI", system-ui, sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.01em;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18), 0 2px 6px rgba(15, 23, 42, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
}

body.imarked-v1 .im-cart-toast.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

body.imarked-v1 .im-cart-toast__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #5eead4;
    color: #0f172a;
}

body.imarked-v1 .im-cart-toast__icon .fa {
    font-size: 13px;
    line-height: 1;
}

body.imarked-v1 .im-cart-toast__msg {
    flex: 1 1 auto;
    min-width: 0;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
}

body.imarked-v1 .im-cart-toast__link {
    flex: 0 0 auto;
    margin-left: 4px;
    color: #f4a137;
    text-decoration: none;
    font-weight: 700;
    white-space: nowrap;
}

body.imarked-v1 .im-cart-toast__link:hover,
body.imarked-v1 .im-cart-toast__link:focus {
    color: #ffb84d;
    text-decoration: none;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-cart-toast {
        top: auto;
        bottom: calc(72px + env(safe-area-inset-bottom, 0px));
        left: 50%;
        right: auto;
        transform: translate(-50%, 8px);
        max-width: calc(100vw - 32px);
    }

    body.imarked-v1 .im-cart-toast.is-visible {
        transform: translate(-50%, 0);
    }
}

body.imarked-v1 #cart-sidebar.im-cart-host .dropdown-menu.shoppingcart-box:before {
    content: "";
    position: absolute;
    top: -7px;
    right: 30px;
    width: 12px;
    height: 12px;
    background: #fff;
    border-left: 1px solid #e5e7eb;
    border-top: 1px solid #e5e7eb;
    transform: rotate(45deg);
}

body.imarked-v1 #cart-sidebar.im-cart-host .dropdown-menu.shoppingcart-box > li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Empty */
body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-empty {
    padding: 36px 28px 28px;
    text-align: center;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-empty__icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f4f6;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-empty__icon .fa {
    display: inline-block !important;
    font-size: 24px !important;
    line-height: 1 !important;
    color: #6b7280 !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-empty__title {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-empty__hint {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #6b7280;
}

/* Item list — Google/Microsoft style spacing */
body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart__items {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-height: 0;
    max-height: 320px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px 0;
    -webkit-overflow-scrolling: touch;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-list {
    display: block;
    position: relative;
    float: none !important;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 20px;
    border-radius: 0;
    float: none !important;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    transition: background 120ms ease;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item + .im-minicart-item {
    border-top: 1px solid #f3f4f6;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item:hover {
    background: #fafafa;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item__thumb {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #eceff3;
    background: #f9fafb;
    text-decoration: none !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item__thumb img.preview {
    display: block;
    width: 56px !important;
    height: 56px !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item__body {
    flex: 1 1 auto;
    min-width: 0;
    padding-top: 2px;
}

body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box .cart_product_name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 0 8px;
    color: #111827 !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.35;
    text-decoration: none !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box .cart_product_name:hover {
    color: #111827 !important;
    text-decoration: underline !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item__qty {
    display: block;
    color: #6b7280;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item__aside {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    min-width: 72px;
    padding-top: 2px;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item__price {
    color: #111827;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    white-space: nowrap;
    line-height: 1.3;
}

/* Soft ghost remove — no bordered boxes */
body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item__remove.fa-delete,
body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.fa-delete {
    flex: 0 0 auto;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    border: 0 !important;
    background: transparent !important;
    color: #9ca3af !important;
    text-decoration: none !important;
    line-height: 1 !important;
    cursor: pointer;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item__remove .fa {
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: inherit !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item__remove.fa-delete:hover,
body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.fa-delete:hover {
    border: 0 !important;
    background: #f3f4f6 !important;
    color: #111827 !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.fa-edit {
    display: none !important;
}

/* Summary + actions — never overlay the item list */
body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart__summary {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    clear: both;
    float: none !important;
    margin: 0;
    padding: 16px 20px 20px;
    background: #fff;
    border-top: 1px solid #e5e7eb;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-totals {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-totals__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    font-size: 13px;
    color: #6b7280;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-totals__row strong {
    color: #111827;
    font-weight: 600;
    white-space: nowrap;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-totals__row--total {
    margin-top: 2px;
    padding-top: 12px;
    border-top: 1px solid #e5e7eb;
    font-size: 14px;
    color: #111827;
    font-weight: 600;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-totals__row--total strong {
    color: #111827;
    font-size: 16px;
    font-weight: 700;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart__actions {
    display: flex;
    gap: 10px;
    margin: 16px 0 0;
}

body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.btn {
    flex: 1 1 0;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 10px 14px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.btn.view-cart {
    background: #fff !important;
    color: #111827 !important;
    border: 1px solid #d1d5db !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.btn.checkout-cart {
    background: var(--im-accent-strong, #f4a137) !important;
    color: #fff !important;
    border: 1px solid var(--im-accent-strong, #f4a137) !important;
    box-shadow: none !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.btn.view-cart:hover,
body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.btn.view-cart:focus {
    background: #f9fafb !important;
    border-color: #9ca3af !important;
    color: #111827 !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.btn.checkout-cart:hover,
body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.btn.checkout-cart:focus {
    background: #e09028 !important;
    border-color: #e09028 !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-totals__row:only-child {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-totals__row:only-child strong {
    color: #111827;
    font-size: 16px;
    font-weight: 700;
}

/* ── Sub nav (very thin white bar) + working Alle Kategorier megamenu ──
   col-md-3/col-md-9 (and col-sm/col-xs) are Bootstrap's own grid, untouched.
   display:table (auto layout, not fixed) only adds vertical centering
   between the two columns and lets .im-cat-col keep its shrink-to-fit width;
   Bootstrap's native col-xs-12 stacking below 768px still applies as-is. */
body.imarked-v1 .im-subnav.header-bottom {
    background: #ffffff !important;
    border-bottom: 1px solid var(--im-border, #e7ebf0);
    padding: 0 !important;
    margin: 0 !important;
    min-height: 52px;
}

/* Row 2 mirrors row 1 grid: col-sm-2 (Alle kategorier) + col-sm-10 (nav).
   Same column flex-centering pattern as the top bar. */
@media (min-width: 768px) {
    body.imarked-v1 .im-subnav-row > .im-cat-col,
    body.imarked-v1 .im-subnav-row > .im-nav-col {
        display: flex;
        align-items: center;
        min-height: 52px;
    }

    body.imarked-v1 .im-subnav-row > .im-cat-col {
        justify-content: flex-start;
    }

    body.imarked-v1 .im-subnav-row > .im-nav-col {
        justify-content: stretch;
    }
}

body.imarked-v1 .im-cat-col {
    position: relative;
    z-index: 1002;
}

body.imarked-v1 .im-nav-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.imarked-v1 .im-subnav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 52px;
    overflow-x: auto;
}

/* .im-sub-links (navbar-left) / .im-sub-country (navbar-right): Bootstrap's
   own nav classes still carry the left/right semantics; display:flex only
   keeps every pill — including the taller "Ny annonse" button — on one
   consistent baseline instead of top-aligning like plain floats would. */
body.imarked-v1 .im-sub-links,
body.imarked-v1 .im-sub-country {
    display: flex;
    align-items: center;
    float: none !important;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 .im-sub-links {
    gap: 4px;
    flex: 1 1 auto;
    min-width: 0;
}

body.imarked-v1 .im-sub-country {
    gap: 4px;
    flex: 0 0 auto;
    margin-left: 12px;
    margin-right: 20px;
}

body.imarked-v1 .im-sub-links > li,
body.imarked-v1 .im-sub-country > li {
    float: none !important;
    margin: 0;
}

/* Style original #menuHeading as V1 Alle Kategorier control */
body.imarked-v1 #menuVertical {
    position: relative;
}

body.imarked-v1 #menuHeading {
    display: block !important;
    position: relative !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    cursor: pointer;
}

body.imarked-v1 #menuHeading .megamenuToogle-wrapper,
body.imarked-v1 #menuHeading .megamenuToogle-pattern,
body.imarked-v1 #menuHeading .container {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    box-shadow: none !important;
}

body.imarked-v1 #menuHeading .container {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 20px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    border: 1px solid var(--im-border, #e7ebf0) !important;
    color: var(--im-muted, #6e7a8a) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    white-space: nowrap;
    transition: background 150ms ease, color 150ms ease;
}

body.imarked-v1 #menuHeading:hover .container {
    background: var(--im-bg, #f5f7fa) !important;
    color: var(--im-fg, #181c23) !important;
}

body.imarked-v1 #menuHeading .container > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    width: 12px !important;
}

body.imarked-v1 #menuHeading .container > div span {
    display: block !important;
    height: 1.5px !important;
    width: 12px !important;
    background: currentColor !important;
    margin: 0 !important;
}

body.imarked-v1 #menuHeading .arrow-circle {
    margin-left: auto !important;
    color: inherit !important;
    font-size: 11px;
}

body.imarked-v1 #menuVertical .navbar-header {
    display: none !important;
}

/* Alle Kategorier dropdown panels — see imarked-v1-category-menu.css */

body.imarked-v1 .im-sub-link,
body.imarked-v1 a.im-sub-link,
body.imarked-v1 button.im-sub-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 6px;
    font-size: 1.186rem;
    font-weight: 500;
    color: var(--im-muted, #6e7a8a) !important;
    white-space: nowrap;
    background: transparent;
    border: 0;
    text-decoration: none !important;
    position: relative;
    transition: background 150ms ease, color 150ms ease;
}

body.imarked-v1 .im-sub-link:hover {
    background: var(--im-bg, #f5f7fa);
    color: var(--im-fg, #181c23) !important;
}

/* Selected item: subtle underline only — Ny annonse stays the one primary
   blue action, so Home no longer competes with it for attention. */
body.imarked-v1 .im-sub-link.active {
    background: transparent !important;
    color: var(--im-primary, #0066ff) !important;
    font-weight: 600;
    box-shadow: none;
}

body.imarked-v1 .im-sub-link.active::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 1px;
    height: 2px;
    border-radius: 2px;
    background: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-sub-link.active:hover {
    background: var(--im-bg, #f5f7fa) !important;
    color: var(--im-primary-hover, #0052cc) !important;
}

body.imarked-v1 .im-sub-cta,
body.imarked-v1 a.im-sub-cta,
body.imarked-v1 button.im-sub-cta {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    padding: 7px 16px;
    border-radius: 14px;
    font-size: 1.186rem;
    font-weight: 500;
    white-space: nowrap;
    border: 0;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

body.imarked-v1 .im-sub-cta:hover {
    background: var(--im-primary-hover, #0052cc) !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: var(--im-shadow-hover, 0 4px 14px rgba(15, 23, 42, 0.06));
}

body.imarked-v1 .im-lang-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    color: var(--im-muted, #6e7a8a);
    background: transparent;
    border: 0;
    transition: background 0.15s;
}

body.imarked-v1 .im-lang-btn:hover {
    background: var(--im-bg, #f5f7fa);
}

body.imarked-v1 .im-flag {
    width: 18px;
    height: 13px;
    border-radius: 2px;
    flex-shrink: 0;
    display: inline-block;
    position: relative;
    overflow: hidden;
    background-color: #ba0c2f;
    background-image:
        linear-gradient(90deg, transparent 31.82%, #00205b 31.82%, #00205b 40.91%, transparent 40.91%),
        linear-gradient(0deg, transparent 43.75%, #00205b 43.75%, #00205b 56.25%, transparent 56.25%),
        linear-gradient(90deg, transparent 27.27%, #fff 27.27%, #fff 45.45%, transparent 45.45%),
        linear-gradient(0deg, transparent 37.5%, #fff 37.5%, #fff 62.5%, transparent 62.5%);
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

body.imarked-v1 .im-badge-pill {
    display: inline-block;
    margin-left: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    background: #d8e2ff;
    color: #004493;
    font-size: 0.7rem;
    font-weight: 700;
}

body.imarked-v1 .im-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}

/* ── Footer — dark marketplace chrome (theme --im-footer) ── */
body.imarked-v1 footer.im-footer,
body.imarked-v1 footer.im-footer.footer-container,
body.imarked-v1 footer.im-footer.type_footer1 {
    background: var(--im-footer, #1a2230) !important;
    color: rgba(255, 255, 255, 0.78) !important;
    padding: 40px 0 0;
    margin-top: 40px;
    border-top: 0;
}

body.imarked-v1 footer.im-footer .im-footer-main {
    padding-bottom: 28px;
}

body.imarked-v1 footer.im-footer .im-footer-col {
    margin-bottom: 24px;
}

body.imarked-v1 footer.im-footer .im-footer-logo {
    display: inline-block;
    margin-bottom: 12px;
    text-decoration: none !important;
}

body.imarked-v1 footer.im-footer .im-footer-logo img,
body.imarked-v1 footer.im-footer img {
    max-height: 36px !important;
    height: 36px !important;
    width: auto !important;
    max-width: 160px !important;
    display: block !important;
    object-fit: contain !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
}

body.imarked-v1 footer.im-footer .im-footer-desc {
    margin: 0 0 16px;
    max-width: 280px;
    font-size: 13px;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.68) !important;
}

body.imarked-v1 footer.im-footer .im-footer-desc strong {
    color: #fff;
    font-weight: 600;
}

body.imarked-v1 footer.im-footer .im-footer-heading,
body.imarked-v1 footer.im-footer h3.im-footer-heading {
    margin: 4px 0 14px;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: none;
    color: #fff !important;
    border: 0;
    background: none;
}

body.imarked-v1 footer.im-footer .im-footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.imarked-v1 footer.im-footer .im-footer-menu li {
    margin: 0 0 8px;
    padding: 0;
}

body.imarked-v1 footer.im-footer .im-footer-menu a,
body.imarked-v1 footer.im-footer .im-footer-contact a {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.72) !important;
    text-decoration: none !important;
    transition: color 140ms ease;
}

body.imarked-v1 footer.im-footer .im-footer-menu a:hover,
body.imarked-v1 footer.im-footer .im-footer-contact a:hover {
    color: var(--im-accent, #d9a441) !important;
}

body.imarked-v1 footer.im-footer .im-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 12px;
}

body.imarked-v1 footer.im-footer .im-socials a {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.08);
    display: grid;
    place-items: center;
    color: #fff !important;
    text-decoration: none !important;
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}

body.imarked-v1 footer.im-footer .im-socials a:hover {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.18);
    color: var(--im-accent, #d9a441) !important;
}

body.imarked-v1 footer.im-footer .im-footer-contact {
    margin: 0;
    font-size: 13px;
}

body.imarked-v1 footer.im-footer .im-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px 20px;
    flex-wrap: wrap;
    padding: 16px 0 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 12px;
    color: rgba(255, 255, 255, 0.62);
}

body.imarked-v1 footer.im-footer .im-footer-bottom-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    min-width: 0;
}

body.imarked-v1 footer.im-footer .im-footer-copy {
    color: rgba(255, 255, 255, 0.62);
}

body.imarked-v1 footer.im-footer .im-footer-legal {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
}

body.imarked-v1 footer.im-footer .im-footer-legal a {
    color: rgba(255, 255, 255, 0.72) !important;
    text-decoration: none !important;
    font-weight: 500;
}

body.imarked-v1 footer.im-footer .im-footer-legal a:hover {
    color: var(--im-accent, #d9a441) !important;
}

body.imarked-v1 footer.im-footer .im-footer-lang {
    color: rgba(255, 255, 255, 0.78);
    padding: 4px 8px;
}

body.imarked-v1 footer.im-footer .im-footer-lang:hover {
    background: rgba(255, 255, 255, 0.08);
}

body.imarked-v1 .im-back-top {
    background: #0066ff !important;
    border-radius: 999px;
    color: #fff !important;
}

@media (max-width: 767px) {
    body.imarked-v1 footer.im-footer {
        padding-top: 28px;
        margin-top: 28px;
    }

    body.imarked-v1 footer.im-footer .im-footer-col {
        margin-bottom: 20px;
    }

    body.imarked-v1 footer.im-footer .im-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 24px;
    }

    body.imarked-v1 footer.im-footer .im-footer-bottom-right {
        width: 100%;
    }
}

/* Below 768px Bootstrap's own col-sm-2/6/4 + col-xs-12 already stack every
   column to 100% width (no float, no custom grid CSS needed) — we only trim
   sizing/spacing so the stacked header stays compact. Breakpoint matches
   Bootstrap 3's own grid-float-breakpoint so there's no dead zone between
   this and the table-cell rules above. */
@media (max-width: 767px) {
    body.imarked-v1 .im-topbar-row {
        min-height: 0;
        padding: 12px 0;
    }
    body.imarked-v1 .im-logo-col,
    body.imarked-v1 .im-search-col {
        margin-bottom: 10px;
    }
    body.imarked-v1 .im-logo-link {
        width: 130px !important;
        max-width: 130px !important;
        height: 40px !important;
        max-height: 40px !important;
    }
    body.imarked-v1 .im-logo-link img,
    body.imarked-v1 .im-topbar img {
        max-height: 34px !important;
        height: 34px !important;
        max-width: 128px !important;
    }
    body.imarked-v1 .im-top-actions .im-icon-action span {
        display: none;
    }
    body.imarked-v1 .im-search-type-trigger {
        min-width: 100px;
        max-width: 118px;
        padding: 0 10px 0 12px !important;
        font-size: 0.8125rem !important;
    }
    body.imarked-v1 a.im-icon-action {
        width: 40px;
        min-width: 40px;
        padding: 8px 4px;
    }
    body.imarked-v1 #cart-sidebar.im-cart-host .title,
    body.imarked-v1 #cart-sidebar.im-cart-host .text-shopping-cart {
        display: none;
    }
    body.imarked-v1 #cart-sidebar.im-cart-host .shopcart {
        min-width: auto;
        padding: 8px;
    }
    body.imarked-v1 #cart-sidebar.im-cart-host .dropdown-menu.shoppingcart-box {
        right: -60px;
    }
}

@media (max-width: 560px) {
    body.imarked-v1 .im-search-wrap {
        display: none;
    }
}

/* IMARKED V1 — Alle Kategorier left drawer + floating subcategory panel
   Scoped under .im-v1-category-menu / .im-v1-category-browser
   Header chrome is untouched; this file only styles the category shell. */

@media (min-width: 992px) {
    :root {
        --im-cat-panel-top: 130px;
        --im-cat-drawer-w: 370px;
        --im-cat-flyout-w: 640px;
        --im-cat-gap: 12px;
        --im-cat-radius: 16px;
        --im-cat-blue: #0066ff;
        --im-cat-fg: #181c23;
        --im-cat-muted: #6e7a8a;
        --im-cat-border: #ececec;
        --im-cat-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
    }

    body.imarked-v1 .im-subnav-row > .im-cat-col,
    body.imarked-v1 .im-cat-col .so-megamenu,
    body.imarked-v1 .im-cat-col .so-vertical-menu,
    body.imarked-v1 .im-cat-col .navbar-default,
    body.imarked-v1 .im-v1-category-menu {
        overflow: visible !important;
    }

    body.imarked-v1 .im-v1-category-menu {
        position: relative;
        z-index: auto;
    }

    /*
     * Layer order (required):
     *   page < overlay(1040) < left drawer(1050) < right panel(1060)
     *
     * Root cause: .im-cat-col in chrome.css uses z-index:1002, which trapped the
     * fixed drawer in a stacking context below the body-level overlay (was 1055).
     * Raise the cat column only while open so panels sit above the overlay.
     */
    body.imarked-v1.im-v1-cat-open {
        overflow: hidden;
    }

    body.imarked-v1.im-v1-cat-open .im-cat-col {
        z-index: 1050;
    }

    /* Dim page while drawer is open — must stay below both panels.
       left starts after the drawer so the overlay never covers it. */
    body.imarked-v1 .im-v1-category-overlay {
        position: fixed;
        left: var(--im-cat-drawer-w);
        right: 0;
        top: var(--im-cat-panel-top);
        bottom: 0;
        z-index: 1040;
        background: rgba(15, 23, 42, 0.22);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 280ms ease-out, visibility 280ms ease-out;
    }

    body.imarked-v1.im-v1-cat-open .im-v1-category-overlay {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    /* Left navigation drawer — slides in from the left */
    body.imarked-v1 .im-v1-category-menu .vertical-wrapper {
        display: block !important;
        position: fixed;
        left: 0;
        top: var(--im-cat-panel-top);
        z-index: 1050;
        width: var(--im-cat-drawer-w);
        height: calc(100vh - var(--im-cat-panel-top));
        margin: 0;
        padding: 0;
        background: #fff;
        border: 0;
        border-right: 1px solid var(--im-cat-border);
        border-radius: 0;
        box-shadow: var(--im-cat-shadow);
        overflow: hidden;
        transform: translateX(-105%);
        visibility: hidden;
        pointer-events: none;
        transition: transform 280ms ease-out, visibility 280ms ease-out;
    }

    body.imarked-v1 .im-v1-category-menu.is-open .vertical-wrapper,
    body.imarked-v1 .im-v1-category-menu.open .vertical-wrapper {
        transform: translateX(0);
        visibility: visible;
        pointer-events: auto;
    }

    body.imarked-v1 .im-v1-category-menu .megamenu-pattern,
    body.imarked-v1 .im-v1-category-menu #megamenu_Cont {
        position: relative;
        overflow: hidden !important;
        width: 100% !important;
        max-width: none !important;
        height: 100%;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    body.imarked-v1 .im-v1-category-menu #remove-verticalmenu {
        display: none !important;
    }

    /* Drawer inner shell */
    body.imarked-v1 .im-v1-category-browser {
        display: flex;
        flex-direction: column;
        height: 100%;
        background: #fff;
        overflow: hidden;
    }

    body.imarked-v1 .im-v1-category-browser__data {
        display: none !important;
    }

    /* Optional category filter */
    body.imarked-v1 .im-v1-category-browser__search {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 16px 16px 8px;
        padding: 0 14px;
        height: 44px;
        border: 1px solid var(--im-cat-border);
        border-radius: 14px;
        background: #f8fafc;
        box-sizing: border-box;
    }

    body.imarked-v1 .im-v1-category-browser__search-icon {
        color: var(--im-cat-muted);
        font-size: 14px;
        flex: 0 0 auto;
    }

    body.imarked-v1 .im-v1-category-browser__search-input {
        flex: 1 1 auto;
        min-width: 0;
        height: 100%;
        border: 0;
        outline: none;
        background: transparent;
        box-shadow: none !important;
        font-size: 14px;
        font-weight: 400;
        color: var(--im-cat-fg);
        padding: 0;
    }

    body.imarked-v1 .im-v1-category-browser__search-input::placeholder {
        color: #9aa3b2;
    }

    /* Primary list */
    body.imarked-v1 .im-v1-category-browser__primary {
        flex: 1 1 auto;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 8px 10px 16px;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
    }

    body.imarked-v1 .im-v1-category-browser__list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    body.imarked-v1 .im-v1-category-browser__parent {
        margin: 0;
        padding: 0;
    }

    body.imarked-v1 .im-v1-category-browser__parent.is-filtered-out {
        display: none;
    }

    body.imarked-v1 .im-v1-category-browser__parent-link {
        display: flex;
        align-items: center;
        gap: 12px;
        min-height: 48px;
        padding: 0 14px 0 16px;
        border-radius: 14px;
        font-size: 15px;
        font-weight: 500;
        color: #333d4d !important;
        text-decoration: none !important;
        background: transparent;
        transition: background 140ms ease, color 140ms ease;
    }

    body.imarked-v1 .im-v1-category-browser__parent-link img {
        width: 20px;
        height: 20px;
        object-fit: contain;
        flex: 0 0 20px;
    }

    body.imarked-v1 .im-v1-category-browser__parent-label {
        flex: 1 1 auto;
        min-width: 0;
        line-height: 1.3;
    }

    body.imarked-v1 .im-v1-category-browser__chevron {
        flex: 0 0 auto;
        font-size: 14px;
        color: #8b96a5;
        border: 0;
        background: none;
        box-shadow: none;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        transition: color 140ms ease;
    }

    body.imarked-v1 .im-v1-category-browser__parent:hover .im-v1-category-browser__parent-link,
    body.imarked-v1 .im-v1-category-browser__parent.is-active .im-v1-category-browser__parent-link {
        background: #f2f7ff;
        color: var(--im-cat-blue) !important;
    }

    body.imarked-v1 .im-v1-category-browser__parent.is-active .im-v1-category-browser__parent-link {
        box-shadow: inset 3px 0 0 var(--im-cat-blue);
        padding-left: 13px;
    }

    body.imarked-v1 .im-v1-category-browser__parent:hover .im-v1-category-browser__chevron,
    body.imarked-v1 .im-v1-category-browser__parent.is-active .im-v1-category-browser__chevron {
        color: var(--im-cat-blue);
    }

    /* Vis Alle — non-toggle note (no all-categories route) */
    body.imarked-v1 .im-v1-category-browser__view-all-row {
        border-top: 1px solid var(--im-cat-border);
        margin-top: 6px;
        padding-top: 4px;
    }

    body.imarked-v1 .im-v1-category-browser__view-all {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 44px;
        padding: 0 16px;
        border-radius: 12px;
        font-size: 14px;
        font-weight: 600;
        color: var(--im-cat-blue);
        cursor: default;
        opacity: 0.85;
    }

    /* Floating subcategory panel — outside the sliding drawer (appended to #menuVertical) */
    body.imarked-v1 .im-v1-category-menu > .im-v1-category-browser__secondary {
        display: none;
        position: fixed;
        left: calc(var(--im-cat-drawer-w) + var(--im-cat-gap));
        top: calc(var(--im-cat-panel-top) + 12px);
        z-index: 1060;
        pointer-events: auto;
        width: var(--im-cat-flyout-w);
        max-width: calc(100vw - var(--im-cat-drawer-w) - 32px);
        height: calc(100vh - var(--im-cat-panel-top) - 24px);
        max-height: calc(100vh - var(--im-cat-panel-top) - 24px);
        margin: 0;
        padding: 20px 20px 16px;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        background: #fff;
        border: 1px solid var(--im-cat-border);
        border-radius: var(--im-cat-radius);
        box-shadow: var(--im-cat-shadow);
        -webkit-overflow-scrolling: touch;
    }

    body.imarked-v1 .im-v1-category-menu.is-open.has-flyout > .im-v1-category-browser__secondary.is-visible,
    body.imarked-v1 .im-v1-category-menu.open.has-flyout > .im-v1-category-browser__secondary.is-visible {
        display: block;
    }

    body.imarked-v1 .im-v1-category-browser__secondary-header {
        margin: 0 0 14px;
        padding: 0 0 12px;
        border-bottom: 1px solid #eef1f5;
    }

    body.imarked-v1 .im-v1-category-browser__secondary-title {
        margin: 0;
        font-size: 17px;
        font-weight: 600;
        line-height: 1.25;
        color: var(--im-cat-fg);
        letter-spacing: -0.02em;
    }

    /* Independent vertical columns (masonry-style) — not row-aligned grid */
    body.imarked-v1 .im-v1-category-browser__secondary-list {
        display: block;
        column-count: 2;
        column-gap: 20px;
        column-fill: balance;
    }

    @media (min-width: 1400px) {
        body.imarked-v1 .im-v1-category-browser__secondary-list {
            column-count: 3;
        }

        body.imarked-v1 {
            --im-cat-flyout-w: 780px;
        }
    }

    body.imarked-v1 .im-v1-category-browser__group {
        display: block;
        margin: 0 0 16px;
        min-width: 0;
        break-inside: avoid;
        page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
    }

    body.imarked-v1 .im-v1-category-browser__category {
        display: block;
        margin: 0 0 4px;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
        color: var(--im-cat-fg) !important;
        text-decoration: none !important;
        border-radius: 10px;
        min-height: 40px;
        line-height: 40px;
        transition: background 140ms ease, color 140ms ease;
    }

    body.imarked-v1 .im-v1-category-browser__category:hover {
        background: #f5f8fc;
        color: var(--im-cat-blue) !important;
    }

    body.imarked-v1 .im-v1-category-browser__children {
        list-style: none;
        margin: 0;
        padding: 0 0 4px;
    }

    body.imarked-v1 .im-v1-category-browser__child {
        display: block;
        min-height: 38px;
        line-height: 38px;
        padding: 0 12px;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 400;
        color: #333d4d !important;
        text-decoration: none !important;
        transition: background 140ms ease, color 140ms ease;
    }

    body.imarked-v1 .im-v1-category-browser__child:hover {
        background: #f5f8fc;
        color: var(--im-cat-fg) !important;
    }

    body.imarked-v1 .im-v1-category-browser__secondary-foot {
        margin-top: 12px;
        padding-top: 14px;
        border-top: 1px solid #eef1f5;
    }

    body.imarked-v1 .im-v1-category-browser__see-parent {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        font-size: 14px;
        font-weight: 600;
        color: var(--im-cat-blue) !important;
        text-decoration: none !important;
    }

    body.imarked-v1 .im-v1-category-browser__see-parent:hover {
        color: #0052cc !important;
    }

    /* Trigger open state only — does not restyle other header chrome */
    body.imarked-v1 .im-v1-category-menu.is-open #menuHeading .container,
    body.imarked-v1 .im-v1-category-menu.open #menuHeading .container {
        background: #f2f7ff !important;
        border-color: #d8e2ff !important;
        color: var(--im-cat-blue) !important;
    }
}

/* IMARKED V1 — Home page (Index.cshtml)
   Desktop-first + responsive; works under _mainLayout and _mainLayout_mobile */

/* Neutral layout shell */
body.imarked-v1 .page-main {
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
}

body.imarked-v1 .home-page.im-home,
body.imarked-v1 .im-home.home-page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 32px !important;
    background: transparent !important;
    box-sizing: border-box;
}

/* Shared content grid for home sections that opt into .container */
body.imarked-v1 .im-home-body.container,
body.imarked-v1 .im-home-hero-content.container {
    width: 100%;
    max-width: var(--im-max, 1180px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    body.imarked-v1 .im-home-body.container,
    body.imarked-v1 .im-home-hero-content.container {
        max-width: 1300px;
        width: 1300px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* ── Section headers ── */
body.imarked-v1 .im-home-sec-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin: 28px 0 14px;
}

body.imarked-v1 .im-home-sec-head h2 {
    margin: 0 !important;
    font-size: 1.88rem !important; /* left +10% */
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    color: var(--im-fg, #181c23) !important;
    line-height: 1.25 !important;
}

body.imarked-v1 .im-home-sec-head p {
    margin: 2px 0 0 !important;
    font-size: 1.19rem !important; /* left +10% */
    color: var(--im-muted, #6e7a8a) !important;
    font-weight: 500 !important;
}

body.imarked-v1 .im-home-sec-link {
    flex: 0 0 auto;
    font-size: 19px !important; /* right +15% */
    font-weight: 600 !important;
    color: var(--im-primary, #0066ff) !important;
    text-decoration: none !important;
    white-space: nowrap;
}

body.imarked-v1 .im-home-sec-link:hover {
    text-decoration: underline !important;
}

/* ── Full-width hero — BannerConfig images + left-weighted readable overlay ── */
body.imarked-v1 .im-home-banner.so-spotlight1,
body.imarked-v1 #im-home-banner.im-home-banner,
body.imarked-v1 .home-hero.im-home-banner {
    --im-banner-h: 520px;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    height: auto !important;
    min-height: var(--im-banner-h) !important;
    max-height: none !important;
    padding: 32px 0 64px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-home-banner-bg,
body.imarked-v1 .im-home-banner-overlay {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1;
    overflow: hidden;
}

/* Stronger on left for copy contrast; right stays mostly photographic */
body.imarked-v1 .im-home-banner-overlay {
    z-index: 2;
    background:
        linear-gradient(
            96deg,
            rgba(248, 251, 255, 0.94) 0%,
            rgba(245, 249, 253, 0.86) 28%,
            rgba(240, 246, 252, 0.42) 48%,
            rgba(240, 246, 252, 0.12) 64%,
            rgba(240, 246, 252, 0.02) 78%,
            transparent 100%
        ),
        linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, transparent 42%, rgba(248, 251, 255, 0.22) 100%);
    pointer-events: none;
}

body.imarked-v1 .im-home-banner-bg-slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    transform: scale(1.05);
    transition: opacity 0.6s ease;
    will-change: opacity;
}

body.imarked-v1 .im-home-banner-bg-slide.is-active {
    opacity: 1;
}

/* Fallback only when no valid banner images */
body.imarked-v1 .im-home-banner--fallback {
    background: linear-gradient(145deg, #e8f0fa 0%, #d5e4f5 50%, #c5d8ef 100%) !important;
}

body.imarked-v1 .im-home-banner--fallback .im-home-banner-overlay {
    background: rgba(255, 255, 255, 0.15);
}

body.imarked-v1 .im-home-hero-content {
    position: relative;
    z-index: 5;
    height: auto;
    min-height: calc(var(--im-banner-h) - 96px);
    display: flex;
    align-items: center;
    pointer-events: none;
}

body.imarked-v1 .im-home-hero-content .im-hero-grid,
body.imarked-v1 .im-home-hero-content .hero-copy,
body.imarked-v1 .im-home-hero-content .hero-search,
body.imarked-v1 .im-home-hero-content .popular,
body.imarked-v1 .im-home-hero-content .hero-visual,
body.imarked-v1 .im-home-hero-content input,
body.imarked-v1 .im-home-hero-content button {
    pointer-events: auto;
}

/* Hero grid — balanced, slightly tighter scale */
body.imarked-v1 .im-hero-grid.hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 20px 28px;
    align-items: center;
    width: 100%;
}

body.imarked-v1 .im-hero-copy.hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 480px;
    padding: 8px 0 12px;
}

body.imarked-v1 .im-hero-copy .hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.82);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(225, 232, 239, 0.95);
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    color: var(--im-muted, #6e7a8a);
    margin-bottom: 22px;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04), 0 4px 12px rgba(24, 28, 35, 0.05);
}

/* Norwegian flag (red field + white-bordered blue Nordic cross) */
body.imarked-v1 .im-hero-copy .flag {
    width: 18px;
    height: 13px;
    border-radius: 2px;
    flex-shrink: 0;
    display: inline-block;
    position: relative;
    overflow: hidden;
    background-color: #ba0c2f;
    background-image:
        linear-gradient(90deg, transparent 31.82%, #00205b 31.82%, #00205b 40.91%, transparent 40.91%),
        linear-gradient(0deg, transparent 43.75%, #00205b 43.75%, #00205b 56.25%, transparent 56.25%),
        linear-gradient(90deg, transparent 27.27%, #fff 27.27%, #fff 45.45%, transparent 45.45%),
        linear-gradient(0deg, transparent 37.5%, #fff 37.5%, #fff 62.5%, transparent 62.5%);
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

body.imarked-v1 .im-hero-copy .flag::before,
body.imarked-v1 .im-hero-copy .flag::after {
    content: none;
    display: none;
}

body.imarked-v1 .im-hero-copy .im-hero-title,
body.imarked-v1 .im-hero-copy h1 {
    font-size: 38px !important;
    font-weight: 800 !important;
    line-height: 44px !important;
    letter-spacing: -0.03em;
    color: var(--im-fg, #181c23) !important;
    margin: 0 0 18px !important;
}

body.imarked-v1 .im-hero-copy .gold {
    color: var(--im-accent, #d9a441);
    text-decoration: underline;
    text-decoration-thickness: 2.5px;
    text-underline-offset: 4px;
    text-decoration-color: rgba(217, 164, 65, 0.7);
}

body.imarked-v1 .im-hero-copy .hero-lead {
    font-size: 16px !important;
    color: #546074 !important;
    max-width: 38ch;
    margin: 0 0 26px !important;
    line-height: 24px !important;
}

body.imarked-v1 .im-hero-search.hero-search {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid rgba(225, 232, 239, 0.95);
    border-radius: 999px;
    padding: 7px 7px 7px 18px;
    box-shadow: 0 2px 8px rgba(24, 28, 35, 0.06), 0 8px 20px rgba(24, 28, 35, 0.05);
    max-width: 390px;
    width: 100%;
    gap: 8px;
    margin-bottom: 18px;
    min-height: 52px;
}

body.imarked-v1 .im-hero-search input {
    flex: 1;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: 16px !important;
    background: transparent !important;
    min-width: 0;
    height: auto !important;
    padding: 11px 0 12px 0 !important;
    color: var(--im-fg, #181c23) !important;
}

body.imarked-v1 .im-hero-search input::placeholder {
    color: #8a94a6;
}

body.imarked-v1 .im-hero-search .btn-dark,
body.imarked-v1 .im-hero-search-btn {
    background: var(--im-primary-dark, #004493) !important;
    color: #fff !important;
    padding: 11px 18px !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-size: 0.95rem !important; /* +17% */
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(0, 68, 147, 0.2);
    transition: background 0.15s, transform 0.1s;
    cursor: pointer;
}

body.imarked-v1 .im-hero-search .btn-dark:hover,
body.imarked-v1 .im-hero-search-btn:hover {
    background: var(--im-primary, #0066ff) !important;
}

body.imarked-v1 .im-hero-popular.popular {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-hero-popular strong {
    font-weight: 600;
    color: var(--im-fg, #181c23);
    margin-right: 2px;
}

body.imarked-v1 .im-hero-popular .chip {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(225, 232, 239, 0.95);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 500;
    color: var(--im-fg, #181c23);
    transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.03);
}

body.imarked-v1 .im-hero-popular .chip:hover {
    border-color: rgba(0, 102, 255, 0.3);
    background: #f3f7ff;
    box-shadow: 0 1px 3px rgba(24, 28, 35, 0.06);
}

/* Phone + benefit badges — scaled to integrate with hero */
body.imarked-v1 .im-hero-visual.hero-visual {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 380px;
    padding: 8px 0 20px 125px;
    perspective: 1200px;
}

body.imarked-v1 .phone-stage {
    position: relative;
    width: 208px;
    margin-left: 8px;
    z-index: 2;
    transform-style: preserve-3d;
    animation: im-phone-float 7s ease-in-out infinite;
}

@keyframes im-phone-float {
    0%, 100% { transform: translateY(0) rotateY(-10deg) rotateX(5deg); }
    50% { transform: translateY(-10px) rotateY(-5deg) rotateX(2deg); }
}

body.imarked-v1 .phone {
    background: linear-gradient(160deg, #3a4254, #1a1f2b);
    border-radius: 28px;
    padding: 8px;
    box-shadow:
        0 0 0 1px #6b7388,
        0 0 0 2.5px #2a3140,
        0 18px 36px rgba(40, 50, 80, 0.22),
        0 8px 16px rgba(40, 50, 80, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s;
}

body.imarked-v1 .phone-stage:hover .phone {
    transform: rotateY(8deg) rotateX(-4deg) translateZ(12px);
    box-shadow:
        0 0 0 1px #7a849c,
        0 0 0 2.5px #2a3140,
        0 24px 42px rgba(40, 60, 120, 0.28),
        0 10px 18px rgba(40, 50, 80, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

body.imarked-v1 .phone-notch {
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    width: 68px;
    height: 18px;
    background: #12161f;
    border-radius: 12px;
    z-index: 4;
    box-shadow: inset 0 0 0 1px #333a4a;
}

body.imarked-v1 .phone-screen {
    background: linear-gradient(180deg, #eef4fa 0%, #f7f9fc 100%);
    border-radius: 22px;
    overflow: hidden;
    aspect-ratio: 9 / 18.2;
    position: relative;
}

body.imarked-v1 .phone-scroll {
    height: 100%;
    overflow: hidden;
    position: relative;
}

body.imarked-v1 .phone-scroll-track {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 16px;
    animation: im-phone-feed-scroll 14s linear infinite;
    will-change: transform;
}

body.imarked-v1 .phone-stage:hover .phone-scroll-track {
    animation-play-state: paused;
}

@keyframes im-phone-feed-scroll {
    0% { transform: translateY(0); }
    100% { transform: translateY(-48%); }
}

body.imarked-v1 .phone-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 12px 8px;
    font-size: 0.7rem; /* +17% */
    font-weight: 700;
    position: sticky;
    top: 0;
    z-index: 2;
    background: linear-gradient(180deg, #eef4fa 70%, transparent);
    color: var(--im-fg, #181c23);
}

body.imarked-v1 .phone-header .icons {
    display: flex;
    gap: 6px;
    opacity: 0.5;
}

body.imarked-v1 .phone-product {
    margin: 0 10px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--im-shadow-sm);
    transform: translateZ(0);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

body.imarked-v1 .phone-product:hover {
    transform: scale(1.02);
    box-shadow: var(--im-shadow-md);
}

body.imarked-v1 .phone-product img {
    width: 100%;
    height: 84px;
    object-fit: cover;
    display: block;
}

body.imarked-v1 .phone-product-meta {
    padding: 8px;
}

body.imarked-v1 .phone-product-meta .title {
    font-size: 0.76rem; /* +17% */
    font-weight: 700;
    margin-bottom: 2px;
    color: var(--im-fg, #181c23);
}

body.imarked-v1 .phone-product-meta .price {
    font-size: 0.82rem; /* +17% */
    font-weight: 800;
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .phone-section-label {
    padding: 2px 12px 0;
    font-size: 0.64rem; /* +17% */
    font-weight: 700;
    color: var(--im-muted, #6e7a8a);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

body.imarked-v1 .phone-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    padding: 0 10px;
}

body.imarked-v1 .phone-mini {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--im-shadow-sm);
}

body.imarked-v1 .phone-mini img {
    width: 100%;
    height: 46px;
    object-fit: cover;
    display: block;
}

body.imarked-v1 .phone-mini p {
    font-size: 0.59rem; /* +17% */
    font-weight: 600;
    padding: 4px 5px;
    margin: 0;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .phone-glow {
    position: absolute;
    inset: -20% -10% auto;
    height: 55%;
    background: radial-gradient(ellipse at 50% 40%, rgba(100, 150, 230, 0.35), transparent 70%);
    pointer-events: none;
    z-index: 0;
    filter: blur(8px);
    animation: im-glow-pulse 5s ease-in-out infinite;
}

@keyframes im-glow-pulse {
    0%, 100% { opacity: 0.55; transform: scale(1); }
    50% { opacity: 0.9; transform: scale(1.06); }
}

body.imarked-v1 .phone-pedestal {
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%) rotateX(70deg);
    width: 170px;
    height: 40px;
    background: radial-gradient(ellipse, rgba(80, 130, 220, 0.32), transparent 72%);
    border-radius: 50%;
    filter: blur(6px);
    z-index: 1;
    animation: im-pedestal-pulse 7s ease-in-out infinite;
}

@keyframes im-pedestal-pulse {
    0%, 100% { opacity: 0.65; width: 160px; }
    50% { opacity: 0.95; width: 180px; }
}

body.imarked-v1 .feature-stack {
    position: absolute;
    right: 16%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 168px;
    z-index: 3;
}

body.imarked-v1 .feature-card {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    background: rgba(255, 255, 255, 0.88);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(232, 238, 245, 0.95);
    border-radius: 14px;
    padding: 10px;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04), 0 4px 12px rgba(24, 28, 35, 0.05);
    transition: transform 0.2s, box-shadow 0.2s;
}

body.imarked-v1 .feature-card:hover {
    transform: translateX(-3px);
    box-shadow: 0 2px 6px rgba(24, 28, 35, 0.07), 0 8px 16px rgba(24, 28, 35, 0.06);
}

body.imarked-v1 .feature-icon {
    width: 35px; /* +25% from 28px */
    height: 35px;
    border-radius: 9px;
    background: #eef4ff;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .feature-icon svg {
    width: 18px; /* +25% from 14px */
    height: 18px;
}

body.imarked-v1 .feature-card h4 {
    font-size: 1.03rem !important; /* +25% */
    font-weight: 700 !important;
    margin: 0 0 2px !important;
    color: var(--im-fg, #181c23) !important;
    line-height: 1.25 !important;
}

body.imarked-v1 .feature-card p {
    font-size: 0.875rem !important; /* +25% */
    color: var(--im-muted, #6e7a8a) !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}

/* Hide phone/benefits on smaller desktops / tablets */
@media (max-width: 1100px) {
    body.imarked-v1 .im-hero-grid.hero-grid {
        grid-template-columns: 1fr;
    }

    body.imarked-v1 .im-hero-visual.hero-visual {
        display: none !important;
    }

    body.imarked-v1 .im-home-banner.so-spotlight1,
    body.imarked-v1 #im-home-banner.im-home-banner {
        --im-banner-h: 420px;
        padding: 28px 0 40px !important;
    }
}

@media (max-width: 820px) {
    body.imarked-v1 .im-home-banner.so-spotlight1,
    body.imarked-v1 #im-home-banner.im-home-banner {
        --im-banner-h: 360px;
        padding: 22px 0 36px !important;
    }

    body.imarked-v1 .im-hero-copy .im-hero-title,
    body.imarked-v1 .im-hero-copy h1 {
        font-size: 38px !important;
        line-height: 44px !important;
    }

    body.imarked-v1 .im-hero-search.hero-search {
        max-width: none;
    }
}

body.imarked-v1 #divBannerContainer.slider-container,
body.imarked-v1 #divBannerContainer {
    position: absolute !important;
    inset: 0 !important;
    z-index: 4;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    pointer-events: none;
}

body.imarked-v1 #divBannerContainer .owl-prev,
body.imarked-v1 #divBannerContainer .owl-next,
body.imarked-v1 #divBannerContainer .owl2-prev,
body.imarked-v1 #divBannerContainer .owl2-next {
    pointer-events: auto;
}

/* Hide raw images / captions / loading — fade layers show the pictures */
body.imarked-v1 #divBannerContainer img,
body.imarked-v1 #divBannerContainer .c-mainbanner-home,
body.imarked-v1 #divBannerContainer .loadeding,
body.imarked-v1 #divBannerContainer h1,
body.imarked-v1 #divBannerContainer h2,
body.imarked-v1 #divBannerContainer h3,
body.imarked-v1 #divBannerContainer p,
body.imarked-v1 #divBannerContainer .caption,
body.imarked-v1 #divBannerContainer .slide-title,
body.imarked-v1 #divBannerContainer figcaption {
    opacity: 0 !important;
    visibility: hidden !important;
    font-size: 0 !important;
    color: transparent !important;
    text-indent: -9999px !important;
}

body.imarked-v1 #divBannerContainer .owl2-stage-outer,
body.imarked-v1 #divBannerContainer .owl-stage-outer,
body.imarked-v1 #divBannerContainer .yt-content-slider,
body.imarked-v1 #divBannerContainer .module,
body.imarked-v1 #divBannerContainer #so-slideshow,
body.imarked-v1 #divBannerContainer .two-block {
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Quiet, vertically centered slider arrows */
body.imarked-v1 #divBannerContainer .owl-nav,
body.imarked-v1 #divBannerContainer .owl2-nav {
    display: block !important;
    margin: 0 !important;
}

body.imarked-v1 #divBannerContainer .owl-prev,
body.imarked-v1 #divBannerContainer .owl-next,
body.imarked-v1 #divBannerContainer .owl2-prev,
body.imarked-v1 #divBannerContainer .owl2-next {
    position: absolute !important;
    top: 46% !important;
    z-index: 6 !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.55) !important;
    color: #1a2230 !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.1) !important;
    transform: translateY(-50%);
    opacity: 0.55;
    font-size: 0 !important;
    line-height: 30px !important;
    text-align: center !important;
    cursor: pointer;
    transition: opacity 0.15s ease, background 0.15s ease;
}

body.imarked-v1 #divBannerContainer .owl-prev:hover,
body.imarked-v1 #divBannerContainer .owl-next:hover,
body.imarked-v1 #divBannerContainer .owl2-prev:hover,
body.imarked-v1 #divBannerContainer .owl2-next:hover {
    opacity: 0.9;
    background: rgba(255, 255, 255, 0.85) !important;
}

body.imarked-v1 #divBannerContainer .owl-prev,
body.imarked-v1 #divBannerContainer .owl2-prev {
    left: 12px !important;
}

body.imarked-v1 #divBannerContainer .owl-next,
body.imarked-v1 #divBannerContainer .owl2-next {
    right: 12px !important;
}

body.imarked-v1 #divBannerContainer .owl-prev:before,
body.imarked-v1 #divBannerContainer .owl-next:before,
body.imarked-v1 #divBannerContainer .owl2-prev:before,
body.imarked-v1 #divBannerContainer .owl2-next:before {
    font-family: FontAwesome, "Font Awesome 5 Free", sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #1a2230;
    line-height: 30px;
}

body.imarked-v1 #divBannerContainer .owl-prev:before,
body.imarked-v1 #divBannerContainer .owl2-prev:before {
    content: "\f053";
}

body.imarked-v1 #divBannerContainer .owl-next:before,
body.imarked-v1 #divBannerContainer .owl2-next:before {
    content: "\f054";
}

body.imarked-v1 #divBannerContainer .owl-dots,
body.imarked-v1 #divBannerContainer .owl2-dots {
    display: none !important;
}

body.imarked-v1 #dummyBannerSlider {
    position: absolute;
    inset: 0;
    min-height: 0;
    height: 100%;
    background: transparent;
    opacity: 0;
}

/* ── Category shortcut strip (overlaps hero) ── */
body.imarked-v1 .im-home-cat-wrap.container,
body.imarked-v1 .im-home-cat-wrap {
    position: relative;
    z-index: 8;
    width: 100%;
    max-width: 1120px !important;
    margin-top: -52px;
    margin-bottom: 4px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    body.imarked-v1 .im-home-cat-wrap.container,
    body.imarked-v1 .im-home-cat-wrap {
        max-width: 1120px !important;
        width: 1120px !important;
    }
}

body.imarked-v1 .im-home-cat-strip.im-home-markets {
    margin: 0 !important;
    padding: 6px 6px !important;
    background: #fff !important;
    border: 1px solid var(--im-border, #e7ebf0) !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 20px rgba(24, 28, 35, 0.08), 0 2px 6px rgba(24, 28, 35, 0.03) !important;
}

body.imarked-v1 .im-home-cat-strip .module,
body.imarked-v1 .im-home-cat-strip .modcontent {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.imarked-v1 .im-home-cat-strip .services-v1 {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 2px !important;
    margin: 0 !important;
    float: none !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body.imarked-v1 .im-home-cat-strip .services-v1 > .policy,
body.imarked-v1 .im-home-cat-strip .services-v1 > .market-card {
    float: none !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 .im-home-cat-strip .market-card > a,
body.imarked-v1 .im-home-cat-strip .market-card > .policy-inner {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
    color: inherit !important;
}

body.imarked-v1 .im-home-cat-strip .market-card .policy-inner,
body.imarked-v1 .im-home-cat-strip .policy .policy-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    min-height: 0 !important;
    height: 100% !important;
    padding: 8px 4px 10px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    position: relative !important;
    transition: background-color 160ms ease;
}

body.imarked-v1 .im-home-cat-strip .market-card:hover .policy-inner,
body.imarked-v1 .im-home-cat-strip a:hover .policy-inner {
    background: rgba(0, 102, 255, 0.04) !important;
    transform: none;
    box-shadow: none !important;
}

body.imarked-v1 .im-home-cat-strip .market-card:not(.is-active):not(.is-disabled):hover .policy-inner h2,
body.imarked-v1 .im-home-cat-strip .market-card:not(.is-active):not(.is-disabled) a:hover .policy-inner h2 {
    color: var(--im-fg, #181c23) !important;
}

body.imarked-v1 .im-home-cat-strip .policy-inner h2,
body.imarked-v1 .im-home-cat-strip .policy-inner a h2 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--im-muted, #6e7a8a) !important;
    text-align: center !important;
    line-height: 1.6 !important;
    text-transform: none !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
}

/* Design HTML .cat-icon — compact light-blue tile */
body.imarked-v1 .im-home-cat-strip .cat-icon {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 auto !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 auto !important;
    border-radius: 12px !important;
    background: #eef4ff !important;
    color: var(--im-primary, #0066ff) !important;
    box-shadow: none !important;
    transition: background-color 150ms ease;
}

body.imarked-v1 .im-home-cat-strip .cat-icon svg {
    width: 23px !important;
    height: 23px !important;
    stroke-width: 1.6 !important;
    display: block !important;
}

body.imarked-v1 .im-home-cat-strip .market-card:hover .cat-icon,
body.imarked-v1 .im-home-cat-strip a:hover .cat-icon {
    background: #e0ecff !important;
}

body.imarked-v1 .im-home-cat-strip .market-card.is-active .cat-icon {
    background: #d9e8ff !important;
}

body.imarked-v1 .im-home-cat-strip .market-badge {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    background: var(--im-accent, #d9a441) !important;
    color: #1a2230 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    padding: 2px 5px !important;
    border-radius: 999px !important;
}

/* Active shortcut: blue label + orange underline */
body.imarked-v1 .im-home-cat-strip .market-card.is-active .policy-inner h2,
body.imarked-v1 .im-home-cat-strip .market-card.is-active .policy-inner a h2 {
    color: var(--im-primary, #0066ff) !important;
}

body.imarked-v1 .im-home-cat-strip .market-card.is-active .policy-inner::after {
    content: "";
    position: absolute;
    left: 20%;
    right: 20%;
    bottom: 4px;
    height: 2.5px;
    border-radius: 2px;
    background: var(--im-accent, #d9a441);
}

/* Coming-soon items stay muted */
body.imarked-v1 .im-home-cat-strip .market-card.is-disabled .cat-icon {
    opacity: 0.55;
}

body.imarked-v1 .im-home-cat-strip .market-card.is-disabled .policy-inner h2,
body.imarked-v1 .im-home-cat-strip .market-card.is-disabled .policy-inner a h2 {
    color: #999db6 !important;
}

/* Space below overlapping category panel before Utvalgte bedrifter */
body.imarked-v1 .im-home-body {
    padding-top: 36px;
}

/* ── Featured stores (Website-Clone biz-card) ── */
/* Mobile-only swipe arrows — hidden on desktop layout */
body.imarked-v1 .im-home-stores-nav {
    display: none;
}

body.imarked-v1 .im-home-stores {
    margin: 12px 0 4px;
}

body.imarked-v1 .im-home-stores .im-home-sec-head.sec-head {
    align-items: flex-end;
}

body.imarked-v1 .im-home-stores .link-more,
body.imarked-v1 .im-home-stores .im-home-sec-link.link-more {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    font-size: 1.24rem !important; /* right +15% */
    font-weight: 600 !important;
    color: var(--im-primary, #0066ff) !important;
    white-space: nowrap;
    text-decoration: none !important;
    transition: gap 0.15s ease;
}

body.imarked-v1 .im-home-stores .link-more:hover {
    gap: 8px;
    text-decoration: none !important;
}

body.imarked-v1 .im-home-stores .link-more svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

body.imarked-v1 .im-home-stores-track.biz-row,
body.imarked-v1 .im-home-stores-track {
    display: block;
    padding: 2px 0 4px;
    overflow: visible;
}

body.imarked-v1 .im-home-stores .im-biz-col {
    margin-bottom: 18px;
}

/* Business cards — image + name + city */
body.imarked-v1 .im-home-stores .biz-card,
body.imarked-v1 .im-home-stores .im-biz-card {
    background: var(--im-surface, #fff);
    border: 1px solid rgba(225, 232, 239, 0.95);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04), 0 6px 18px rgba(24, 28, 35, 0.05);
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    text-decoration: none !important;
    color: inherit !important;
    min-width: 0;
    height: 100%;
}

body.imarked-v1 .im-home-stores .biz-card:hover,
body.imarked-v1 .im-home-stores .im-biz-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 14px rgba(24, 28, 35, 0.07), 0 14px 28px rgba(24, 28, 35, 0.08);
    border-color: rgba(0, 102, 255, 0.12);
    text-decoration: none !important;
    color: inherit !important;
}

body.imarked-v1 .im-home-stores .biz-img {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #eef2f8;
}

body.imarked-v1 .im-home-stores .biz-img::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 42%;
    background: linear-gradient(180deg, transparent, rgba(15, 23, 42, 0.12));
    pointer-events: none;
    z-index: 1;
}

body.imarked-v1 .im-home-stores .biz-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    transition: transform 280ms ease;
}

body.imarked-v1 .im-home-stores .biz-card:hover .biz-img img,
body.imarked-v1 .im-home-stores .im-biz-card:hover .biz-img img {
    transform: scale(1.04);
}

body.imarked-v1 .im-home-stores .biz-body {
    padding: 12px 12px 14px;
    display: flex;
    flex-direction: column;
    background: #fff;
}

/* 70% name / 30% city pill */
body.imarked-v1 .im-home-stores .biz-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

body.imarked-v1 .im-home-stores .biz-name {
    flex: 0 0 70%;
    max-width: 70%;
    margin: 0;
    font-size: 1.125rem; /* 0.9375rem + 20% */
    font-weight: 700;
    color: var(--im-fg, #181c23);
    line-height: 1.25;
    letter-spacing: -0.01em;
    min-width: 0;
}

body.imarked-v1 .im-home-stores .biz-name-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.imarked-v1 .im-home-stores .biz-card:hover .biz-name {
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-home-stores .biz-city-pill {
    flex: 0 0 30%;
    max-width: 30%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 0;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(110, 122, 138, 0.1);
    color: var(--im-muted, #6e7a8a);
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.2;
    opacity: 0.72;
    min-width: 0;
    box-sizing: border-box;
}

body.imarked-v1 .im-home-stores .biz-city-pin {
    width: 11px;
    height: 11px;
    flex: 0 0 auto;
    opacity: 0.85;
}

body.imarked-v1 .im-home-stores .biz-city-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* Promo card — dark CTA tile matching store card size */
body.imarked-v1 .im-home-stores .promo-card,
body.imarked-v1 .im-home-stores .im-promo-card {
    background: #1e2a44;
    border-radius: 16px;
    padding: 16px 14px;
    color: #fff !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 100%;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04), 0 6px 18px rgba(24, 28, 35, 0.05);
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: 1px solid rgba(255, 255, 255, 0.04);
}

body.imarked-v1 .im-home-stores .promo-card::before,
body.imarked-v1 .im-home-stores .im-promo-card::before {
    content: "";
    position: absolute;
    right: -28px;
    bottom: -28px;
    width: 110px;
    height: 110px;
    background: radial-gradient(circle, rgba(90, 140, 230, 0.28), transparent 70%);
    pointer-events: none;
}

body.imarked-v1 .im-home-stores .promo-card:hover,
body.imarked-v1 .im-home-stores .im-promo-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 14px rgba(24, 28, 35, 0.07), 0 14px 28px rgba(24, 28, 35, 0.08);
    color: #fff !important;
    text-decoration: none !important;
}

body.imarked-v1 .im-home-stores .promo-top {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

body.imarked-v1 .im-home-stores .promo-store-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.1);
    color: #c5d4f0;
    display: grid;
    place-items: center;
    margin: 0 0 12px;
}

body.imarked-v1 .im-home-stores .promo-store-icon svg {
    width: 20px;
    height: 20px;
}

body.imarked-v1 .im-home-stores .promo-card h3,
body.imarked-v1 .im-home-stores .im-promo-card h3 {
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin: 0 0 6px !important;
    position: relative;
    color: #fff !important;
    letter-spacing: -0.01em;
}

body.imarked-v1 .im-home-stores .promo-card p,
body.imarked-v1 .im-home-stores .im-promo-card p {
    font-size: 0.78rem !important;
    opacity: 0.78;
    margin: 0 0 12px !important;
    position: relative;
    color: #fff !important;
    line-height: 1.35 !important;
}

body.imarked-v1 .im-home-stores .btn-gold {
    background: #e8a93a;
    color: #1a1408 !important;
    padding: 9px 14px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    align-self: stretch;
    transition: filter 0.15s, transform 0.1s;
    position: relative;
    z-index: 1;
    box-shadow: 0 2px 8px rgba(180, 140, 50, 0.35);
    text-decoration: none !important;
    margin-top: 12px;
}

body.imarked-v1 .im-home-stores .promo-card:hover .btn-gold,
body.imarked-v1 .im-home-stores .im-promo-card:hover .btn-gold {
    filter: brightness(1.05);
}

body.imarked-v1 .im-home-stores-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 120px;
    color: var(--im-muted);
    font-size: 14px;
    font-weight: 500;
}

body.imarked-v1 .im-home-stores-loading .fa-spinner {
    color: var(--im-primary);
}

@media (max-width: 767px) {
    body.imarked-v1 .im-home-stores .im-biz-col {
        margin-bottom: 12px;
    }
}

/* Kill theme/main_m #content bottom margin (desktop + mobile) */
body.imarked-v1 #content {
    margin-bottom: 0 !important;
}

/* ── Products section — home (#divNewProduct) + search (#products-grid) ── */
body.imarked-v1 .im-home-products {
    margin: 16px 0 8px;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).products-list,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).products-list.row.grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    margin: 0 !important;
    float: none !important;
    align-items: stretch !important;
}

/* Bootstrap .row clearfix (::before/::after) becomes empty grid cells — hide them */
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).products-list.row::before,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).products-list.row::after,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).row::before,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).row::after {
    content: none !important;
    display: none !important;
}

/* Wrapper must be invisible — theme hover used to reveal a “ghost” card under the lift */
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-layout {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    min-width: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-layout::before,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-layout::after {
    content: none !important;
    display: none !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-item-container,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-card,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-layout .product-item-container {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important; /* beat main.css 8px inset */
    background: #fff !important;
    border: 1px solid #e8edf3 !important;
    border-radius: 18px !important;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.03), 0 8px 22px rgba(24, 28, 35, 0.05) !important;
    overflow: hidden !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

/* Lift + shadow on hover (underlay stays transparent so no ghost card) */
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-item-container:hover,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-card:hover,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-layout .product-item-container:hover {
    transform: translateY(-4px) !important;
    -webkit-transform: translateY(-4px) !important;
    box-shadow: 0 10px 24px rgba(24, 28, 35, 0.08), 0 18px 36px rgba(24, 28, 35, 0.06) !important;
    border-color: #d7e2ef !important;
}

/* Kill theme second-image slide + quickview on product tiles */
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-image-container.second_img .img_0,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-item-container:hover .product-image-container.second_img .img_0,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-layout .product-item-container:hover .left-block .product-image-container.second_img .img_0 {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    top: 100% !important;
    pointer-events: none !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .left-block .quickview,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-item-container:hover .left-block .quickview {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .left-block,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .right-block {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .left-block,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-media {
    position: relative !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    background: #f7f8fa !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-media-link {
    display: block !important;
    position: relative !important;
    text-decoration: none !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-image-container,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .img-CusHeight-SearchHome,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .img-Cus-height-search,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-img {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    background: #f7f8fa !important;
    display: block !important;
    border-bottom: 1px solid #eef1f5 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .c-product-img-th,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-image-container img,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-img img,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-image-container img.c-product-img-th {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
    transition: transform 280ms ease !important;
    background: transparent !important;
    z-index: 1 !important;
}

/* Favourite — top-right on image */
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-media .wishlist.im-prod-wish {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 6 !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e5e9ef !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #6b7280 !important;
    line-height: 34px !important;
    text-align: center !important;
    box-shadow: 0 2px 8px rgba(24, 28, 35, 0.08) !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-media .wishlist.im-prod-wish:hover {
    color: #e85d4c !important;
    border-color: #f0c4bf !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-item-container:hover .c-product-img-th,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-card:hover .c-product-img-th {
    transform: scale(1.04);
}

/* Status / discount pills — overlaid on image (top-left); heart stays top-right */
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-img .label-new,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-img .label-sale,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-new,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-sale {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 56px) !important;
    height: auto !important;
    margin: 0 !important;
    padding: 5px 10px !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em !important;
    text-align: center !important;
    text-transform: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.16) !important;
    pointer-events: none;
    font-family: var(--im-font, "Plus Jakarta Sans", "Segoe UI", sans-serif) !important;
}

/* Kill theme ribbon triangle */
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-new:after,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-sale:after,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-new:before,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-sale:before {
    content: none !important;
    display: none !important;
    border: 0 !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-sale {
    z-index: 4 !important;
    background: #e85d4c !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-new {
    z-index: 3 !important;
    background: #334155 !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-new.im-status-reserved {
    background: #2563eb !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-new.im-status-sold {
    background: #b91c1c !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-new.im-status-other {
    background: #475569 !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-img:has(.label-sale) .label-new,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-media-link:has(.label-sale) .label-new {
    top: 38px !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .right-block,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    padding: 12px 14px 0 !important;
    min-height: 0 !important;
    background: #fff !important;
    font-family: var(--im-font, "Plus Jakarta Sans", "Segoe UI", sans-serif) !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .caption,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-caption {
    flex: 0 0 auto !important;
    min-width: 0 !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .caption h4,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .right-block .caption h4 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    letter-spacing: 0 !important;
    overflow: visible !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .caption h4 a,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .right-block .caption h4 a {
    color: #111827 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    word-break: break-word !important;
    text-decoration: none !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-item-container:hover .caption h4 a {
    color: var(--im-primary, #0066ff) !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px 12px !important;
    margin: 0 0 12px !important;
    min-width: 0 !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .price,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-price {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 4px 6px !important;
    margin: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .price-new {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #000 !important;
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
    line-height: 25px !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .price-old {
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    color: #9ca3af !important;
    text-decoration: line-through !important;
    letter-spacing: -0.01em;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-city {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex: 0 1 auto !important;
    max-width: 46% !important;
    margin: 0 !important;
    color: #9ca3af !important;
    font-size: 0.75rem !important;
    font-weight: 400 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.2 !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-city .fa {
    font-size: 11px;
    opacity: 0.85;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-city-text {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-actions {
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 0 4px !important;
    padding: 0 !important;
    border: 0 !important;
    min-height: 40px !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .addToCart,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .im-prod-action {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    line-height: 38px !important;
    text-align: center !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.22) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: filter 160ms ease, background 160ms ease, color 160ms ease;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .addToCart:hover,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .im-prod-action:hover {
    filter: brightness(1.05);
    color: #fff !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .im-prod-action--choose {
    background: #243044 !important;
    box-shadow: 0 4px 12px rgba(24, 28, 35, 0.12) !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .im-prod-action--message,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .im-prod-action--more {
    background: #f1f5f9 !important;
    color: #243044 !important;
    border-color: #e2e8f0 !important;
    box-shadow: none !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .im-prod-action--message:hover,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .im-prod-action--more:hover {
    background: #e8eef7 !important;
    color: var(--im-primary, #0066ff) !important;
    filter: none;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .im-prod-action-label {
    display: inline !important;
    margin-left: 5px;
    text-transform: none !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-seller-wrap {
    margin-top: auto !important;
    padding: 10px 0 12px !important;
    border-top: 1px solid #eef1f5 !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .c-productStoreName,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-seller {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    border: 0 !important;
    border-top: 0 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #666 !important;
    letter-spacing: inherit !important;
    text-align: left !important;
    overflow: hidden !important;
    text-decoration: none !important;
    line-height: 21px !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-seller-name,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-seller span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-seller-icon {
    flex: 0 0 auto;
    font-size: 12px;
    color: #666;
    opacity: 1;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-seller-chevron {
    flex: 0 0 auto;
    margin-left: auto;
    padding-left: 10px;
    border-left: 1px solid #e5e7eb;
    font-size: 16px;
    line-height: 1;
    color: #374151;
    opacity: 0.85;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .c-productStoreName:hover,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-seller:hover {
    color: var(--im-primary, #0066ff) !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-seller:hover .im-prod-seller-icon,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-seller:hover .im-prod-seller-chevron {
    color: var(--im-primary, #0066ff);
}

/* Featured pill */
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-new.lblFeatured {
    background: #15803d !important;
}

body.imarked-v1 .im-home-products .btnLoadMore,
body.imarked-v1 #btnLoadMore.btnLoadMore {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 180px !important;
    width: auto !important;
    height: 44px !important;
    margin: 24px auto 12px !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 16px rgba(0, 102, 255, 0.22) !important;
}

@media (max-width: 1100px) {
    body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).products-list,
    body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).products-list.row.grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
}

@media (max-width: 820px) {
    body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).products-list,
    body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).products-list.row.grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .im-prod-action-label {
        display: none !important;
    }
}

/* ── Popular categories (mockup tiles) ── */
body.imarked-v1 .im-cat-section {
    margin: 32px 0 12px;
}

body.imarked-v1 .im-cat-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

body.imarked-v1 .im-cat-head h2 {
    margin: 0;
    font-size: 2.02rem; /* left +10% */
    font-weight: 800;
    color: var(--im-fg, #1a1f2c);
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-cat-head p {
    margin: 6px 0 0;
    font-size: 19.5px; /* left +10% */
    color: var(--im-muted, #6b7280);
}

body.imarked-v1 .im-cat-head-link {
    flex: 0 0 auto;
    font-size: 20.4px; /* right +15% */
    font-weight: 700;
    color: var(--im-primary, #0066ff);
    text-decoration: none !important;
    white-space: nowrap;
}

body.imarked-v1 .im-cat-head-link:hover {
    color: #0052cc;
}

body.imarked-v1 .im-cat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

body.imarked-v1 .im-cat-tile {
    position: relative;
    display: block;
    height: 168px;
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 20px rgba(15, 23, 42, 0.06);
    transform: translateZ(0);
    transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 280ms ease;
}

body.imarked-v1 .im-cat-tile:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
}

body.imarked-v1 .im-cat-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 480ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.imarked-v1 .im-cat-tile:hover .im-cat-img {
    transform: scale(1.05);
}

body.imarked-v1 .im-cat-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(15, 23, 42, 0.05) 20%,
        rgba(15, 23, 42, 0.55) 72%,
        rgba(15, 23, 42, 0.78) 100%
    );
    pointer-events: none;
}

body.imarked-v1 .im-cat-label {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 14px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}

body.imarked-v1 .im-cat-ico {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.95);
    color: #1e3a5f;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

body.imarked-v1 .im-cat-name {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
}

body.imarked-v1 .im-cat-cta {
    display: flex;
    justify-content: center;
    margin-top: 22px;
}

body.imarked-v1 .im-cat-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 220px;
    height: 46px;
    padding: 0 24px;
    border-radius: 999px;
    border: 1.5px solid rgba(0, 102, 255, 0.45);
    background: #fff;
    color: var(--im-primary, #0066ff) !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
    transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

body.imarked-v1 .im-cat-cta-btn:hover {
    background: rgba(0, 102, 255, 0.05);
    border-color: var(--im-primary, #0066ff);
    color: var(--im-primary, #0066ff) !important;
    transform: translateY(-1px);
}

/* ── Business CTA (between categories and feature cards) ── */
body.imarked-v1 .home-business-cta {
    margin: 36px 0 8px;
}

body.imarked-v1 .home-business-cta__card {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    background:
        radial-gradient(120% 90% at 100% 0%, rgba(56, 132, 255, 0.28) 0%, rgba(56, 132, 255, 0) 55%),
        linear-gradient(135deg, #0b1b33 0%, #122a4a 42%, #0f3d7a 78%, #0b3d91 100%);
    box-shadow: 0 12px 36px rgba(11, 27, 51, 0.22);
    transition: filter 180ms ease, box-shadow 180ms ease;
}

body.imarked-v1 .home-business-cta__card:hover {
    filter: brightness(1.035);
    box-shadow: 0 14px 38px rgba(11, 27, 51, 0.26);
}

body.imarked-v1 .home-business-cta__inner {
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 44px 42px 40px;
    max-width: 100%;
}

body.imarked-v1 .home-business-cta__content {
    flex: 1 1 65%;
    min-width: 0;
    color: #fff;
}

body.imarked-v1 .home-business-cta__eyebrow {
    margin: 0 0 12px;
    font-size: 12.1px; /* +10% */
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #93c5fd;
}

body.imarked-v1 .home-business-cta__title {
    margin: 0 0 14px;
    max-width: 16.5em; /* wider so wrap is "Gi bedriften din / en digital tilstedeværelse" */
    font-size: 2.35rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.12;
    color: #fff;
}

body.imarked-v1 .home-business-cta__desc {
    margin: 0 0 22px;
    max-width: 34em;
    font-size: 16.5px; /* +10% from 15px */
    line-height: 1.65;
    color: rgba(191, 219, 254, 0.92);
}

body.imarked-v1 .home-business-cta__benefits {
    list-style: none;
    margin: 0 0 26px;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 24px;
    max-width: 34em;
}

body.imarked-v1 .home-business-cta__benefits li {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-size: 15.4px; /* +10% from 14px */
    font-weight: 600;
    letter-spacing: 0;
    color: rgba(239, 246, 255, 0.95);
}

body.imarked-v1 .home-business-cta__check {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(96, 165, 250, 0.18);
    color: #93c5fd;
}

body.imarked-v1 .home-business-cta__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

body.imarked-v1 .home-business-cta__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 22px;
    border-radius: 999px;
    font-size: 15.4px; /* +10% from 14px */
    font-weight: 800;
    letter-spacing: 0;
    text-decoration: none !important;
    transition: background 160ms ease, color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

body.imarked-v1 .home-business-cta__btn--primary {
    min-width: 168px;
    background: #fff;
    color: #0b1b33 !important;
    border: 1px solid #fff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}

body.imarked-v1 .home-business-cta__btn--primary:hover,
body.imarked-v1 .home-business-cta__btn--primary:focus {
    background: #f8fafc;
    color: #0b1b33 !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
}

body.imarked-v1 .home-business-cta__btn--secondary {
    min-height: 42px;
    padding: 0 16px;
    background: transparent;
    color: rgba(226, 232, 240, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.28);
    font-weight: 700;
    box-shadow: none;
}

body.imarked-v1 .home-business-cta__btn--secondary:hover,
body.imarked-v1 .home-business-cta__btn--secondary:focus {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.45);
    color: #fff !important;
}

body.imarked-v1 .home-business-cta__btn:focus-visible {
    outline: 2px solid #93c5fd;
    outline-offset: 3px;
}

body.imarked-v1 .home-business-cta__note {
    margin: 0;
    max-width: 36em;
    font-size: 13.2px; /* +10% from 12px */
    line-height: 1.5;
    color: rgba(191, 219, 254, 0.72);
}

body.imarked-v1 .home-business-cta__note a {
    color: #bfdbfe;
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.imarked-v1 .home-business-cta__note a:hover,
body.imarked-v1 .home-business-cta__note a:focus {
    color: #fff;
}

body.imarked-v1 .home-business-cta__note a:focus-visible {
    outline: 2px solid #93c5fd;
    outline-offset: 2px;
    border-radius: 2px;
}

body.imarked-v1 .home-business-cta__preview {
    flex: 0 0 34%;
    max-width: 300px;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.imarked-v1 .home-business-cta__preview-card {
    width: 100%;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
    overflow: hidden;
    backdrop-filter: blur(8px);
    transition: transform 180ms ease;
}

body.imarked-v1 .home-business-cta__card:hover .home-business-cta__preview-card {
    transform: translateY(-3px);
}

body.imarked-v1 .home-business-cta__preview-chrome {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 11px 14px;
    background: rgba(15, 23, 42, 0.38);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

body.imarked-v1 .home-business-cta__preview-chrome span {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28);
}

body.imarked-v1 .home-business-cta__preview-chrome em {
    margin-left: 8px;
    font-style: normal;
    font-size: 12.1px; /* +10% */
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(226, 232, 240, 0.88);
}

body.imarked-v1 .home-business-cta__preview-body {
    padding: 16px 16px 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 40%);
}

body.imarked-v1 .home-business-cta__preview-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

body.imarked-v1 .home-business-cta__preview-logo {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #60a5fa, #2563eb);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35);
}

body.imarked-v1 .home-business-cta__preview-identity {
    min-width: 0;
    flex: 1 1 auto;
}

body.imarked-v1 .home-business-cta__preview-head strong {
    display: block;
    font-size: 15.4px; /* +10% */
    font-weight: 800;
    letter-spacing: 0;
    color: #fff;
    line-height: 1.2;
}

body.imarked-v1 .home-business-cta__preview-head small {
    display: block;
    margin-top: 2px;
    font-size: 12.1px; /* +10% */
    color: rgba(191, 219, 254, 0.82);
}

body.imarked-v1 .home-business-cta__preview-badge {
    flex: 0 0 auto;
    margin-left: auto;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(245, 180, 0, 0.22);
    color: #fcd34d;
    font-size: 11px; /* +10% */
    font-weight: 800;
    letter-spacing: 0;
}

body.imarked-v1 .home-business-cta__preview-products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

body.imarked-v1 .home-business-cta__thumb {
    display: block;
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background:
        linear-gradient(160deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.05));
}

body.imarked-v1 .home-business-cta__thumb:nth-child(2) {
    background: linear-gradient(160deg, rgba(147, 197, 253, 0.4), rgba(255, 255, 255, 0.06));
}

body.imarked-v1 .home-business-cta__thumb:nth-child(3) {
    background: linear-gradient(160deg, rgba(252, 211, 77, 0.32), rgba(255, 255, 255, 0.06));
}

body.imarked-v1 .home-business-cta__preview-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 14px;
}

body.imarked-v1 .home-business-cta__preview-meta span {
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(226, 232, 240, 0.92);
    font-size: 12.1px; /* +10% */
    font-weight: 600;
    letter-spacing: 0;
}

body.imarked-v1 .home-business-cta__preview-open {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 38px;
    border-radius: 999px;
    background: #fff;
    color: #0b1b33;
    font-size: 13.2px; /* +10% */
    font-weight: 800;
    letter-spacing: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

@media (max-width: 991px) {
    body.imarked-v1 .home-business-cta__inner {
        flex-direction: column;
        align-items: stretch;
        padding: 34px 28px 28px;
        gap: 24px;
    }

    body.imarked-v1 .home-business-cta__preview {
        flex: 1 1 auto;
        max-width: 280px;
        margin: 0 auto;
        width: 100%;
    }

    body.imarked-v1 .home-business-cta__title {
        font-size: 1.95rem;
        max-width: none;
    }
}

@media (max-width: 767px) {
    body.imarked-v1 .home-business-cta {
        margin: 20px 0 24px;
    }

    body.imarked-v1 .home-business-cta__card {
        border-radius: 22px;
        overflow: hidden;
        min-height: 0;
    }

    body.imarked-v1 .home-business-cta__inner {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        padding: 24px 16px;
        min-height: 0;
    }

    body.imarked-v1 .home-business-cta__eyebrow {
        font-size: 12px;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }

    body.imarked-v1 .home-business-cta__title {
        font-size: 22px;
        line-height: 1.12;
        max-width: 280px;
        margin-bottom: 12px;
    }

    body.imarked-v1 .home-business-cta__desc {
        font-size: 15px;
        line-height: 1.55;
        margin-bottom: 18px;
        max-width: none;
    }

    body.imarked-v1 .home-business-cta__benefits {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px 12px;
        max-width: none;
        margin: 0 0 18px;
    }

    body.imarked-v1 .home-business-cta__benefits li {
        font-size: 13px;
        line-height: 1.3;
        margin-bottom: 0;
        gap: 6px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.imarked-v1 .home-business-cta__check {
        flex: 0 0 18px;
        width: 18px;
        height: 18px;
    }

    body.imarked-v1 .home-business-cta__check svg {
        width: 10px;
        height: 10px;
    }

    body.imarked-v1 .home-business-cta__actions {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        margin-bottom: 0;
    }

    body.imarked-v1 .home-business-cta__btn,
    body.imarked-v1 .home-business-cta__btn--primary,
    body.imarked-v1 .home-business-cta__btn--secondary {
        width: 100%;
        min-width: 0;
        min-height: 46px;
        height: 46px;
        padding: 0 18px;
        border-radius: 23px;
        font-size: 14px;
    }

    body.imarked-v1 .home-business-cta__btn--secondary {
        color: rgba(226, 232, 240, 0.78) !important;
        border-color: rgba(255, 255, 255, 0.22);
        font-weight: 600;
    }

    body.imarked-v1 .home-business-cta__note {
        font-size: 12px;
        line-height: 1.45;
        margin-top: 16px;
        margin-bottom: 0;
        max-width: none;
    }

    body.imarked-v1 .home-business-cta__preview {
        flex: none;
        width: 100%;
        max-width: none;
        max-height: 245px;
        margin: 0;
        align-items: stretch;
    }

    body.imarked-v1 .home-business-cta__preview-card {
        max-height: 245px;
        border-radius: 14px;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
    }

    body.imarked-v1 .home-business-cta__card:hover .home-business-cta__preview-card {
        transform: none;
    }

    body.imarked-v1 .home-business-cta__preview-chrome {
        padding: 8px 12px;
        gap: 5px;
    }

    body.imarked-v1 .home-business-cta__preview-chrome span {
        width: 6px;
        height: 6px;
    }

    body.imarked-v1 .home-business-cta__preview-chrome em {
        font-size: 11px;
    }

    body.imarked-v1 .home-business-cta__preview-body {
        padding: 10px 12px 12px;
    }

    body.imarked-v1 .home-business-cta__preview-head {
        gap: 8px;
        margin-bottom: 10px;
    }

    body.imarked-v1 .home-business-cta__preview-logo {
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        font-size: 11px;
    }

    body.imarked-v1 .home-business-cta__preview-head strong {
        font-size: 13px;
    }

    body.imarked-v1 .home-business-cta__preview-head small {
        font-size: 11px;
    }

    body.imarked-v1 .home-business-cta__preview-badge {
        padding: 3px 7px;
        font-size: 10px;
    }

    body.imarked-v1 .home-business-cta__preview-products {
        gap: 6px;
        margin-bottom: 8px;
    }

    body.imarked-v1 .home-business-cta__thumb {
        height: 52px;
        aspect-ratio: auto;
        border-radius: 8px;
    }

    body.imarked-v1 .home-business-cta__preview-meta {
        gap: 5px;
        margin-bottom: 10px;
    }

    body.imarked-v1 .home-business-cta__preview-meta span {
        padding: 4px 7px;
        font-size: 11px;
    }

    body.imarked-v1 .home-business-cta__preview-open {
        min-height: 34px;
        font-size: 12px;
    }
}

/* ── Premium feature cards (below categories) ── */
body.imarked-v1 .im-feat-section {
    margin: 36px 0 16px;
}

body.imarked-v1 .im-feat-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}

body.imarked-v1 .im-feat-col {
    display: flex;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 16px;
}

body.imarked-v1 .im-feat-card {
    --im-feat-accent: var(--im-primary, #0066ff);
    --im-feat-soft: rgba(0, 102, 255, 0.1);
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    padding: 28px 24px 26px;
    background: #fff;
    border: 1px solid rgba(232, 237, 243, 0.95);
    border-radius: 20px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03), 0 10px 28px rgba(15, 23, 42, 0.05);
    text-decoration: none !important;
    color: inherit;
    letter-spacing: 0;
    transition:
        transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 260ms ease,
        border-color 220ms ease;
}

body.imarked-v1 .im-feat-card--blue {
    --im-feat-accent: #0066ff;
    --im-feat-soft: rgba(0, 102, 255, 0.12);
}

body.imarked-v1 .im-feat-card--indigo {
    --im-feat-accent: #5b5fc7;
    --im-feat-soft: rgba(91, 95, 199, 0.12);
}

body.imarked-v1 .im-feat-card--green {
    --im-feat-accent: #0d9488;
    --im-feat-soft: rgba(13, 148, 136, 0.12);
}

body.imarked-v1 .im-feat-card--gold {
    --im-feat-accent: #d97706;
    --im-feat-soft: rgba(217, 119, 6, 0.12);
}

body.imarked-v1 .im-feat-card:hover,
body.imarked-v1 .im-feat-card:focus {
    transform: translateY(-4px);
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.07), 0 20px 40px rgba(15, 23, 42, 0.08);
    color: inherit;
    text-decoration: none !important;
    outline: none;
}

body.imarked-v1 .im-feat-card:focus-visible {
    box-shadow:
        0 8px 18px rgba(15, 23, 42, 0.07),
        0 0 0 3px rgba(0, 102, 255, 0.28);
}

body.imarked-v1 .im-feat-ico {
    width: 64px; /* +15% from 56px */
    height: 64px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--im-feat-soft);
    color: var(--im-feat-accent);
    margin-bottom: 18px;
    transition: background 220ms ease, color 220ms ease, transform 220ms ease;
}

body.imarked-v1 .im-feat-card:hover .im-feat-ico,
body.imarked-v1 .im-feat-card:focus .im-feat-ico {
    transform: scale(1.04);
    filter: saturate(1.15);
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-feat-card--blue:hover .im-feat-ico,
body.imarked-v1 .im-feat-card--blue:focus .im-feat-ico { background: rgba(0, 102, 255, 0.18); }

body.imarked-v1 .im-feat-card--indigo:hover .im-feat-ico,
body.imarked-v1 .im-feat-card--indigo:focus .im-feat-ico { background: rgba(91, 95, 199, 0.18); }

body.imarked-v1 .im-feat-card--green:hover .im-feat-ico,
body.imarked-v1 .im-feat-card--green:focus .im-feat-ico { background: rgba(13, 148, 136, 0.18); }

body.imarked-v1 .im-feat-card--gold:hover .im-feat-ico,
body.imarked-v1 .im-feat-card--gold:focus .im-feat-ico { background: rgba(217, 119, 6, 0.18); }

body.imarked-v1 .im-feat-title {
    margin: 0 0 10px;
    font-size: 1.55rem; /* +35% from 1.15rem */
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.25;
    color: var(--im-fg, #1a1f2c);
}

body.imarked-v1 .im-feat-desc {
    margin: 0;
    flex: 1 1 auto;
    font-size: 14px;
    line-height: 1.45;
    color: var(--im-muted, #6b7280);
}

body.imarked-v1 .im-feat-arrow {
    display: inline-flex;
    align-items: center;
    margin-top: 16px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    color: var(--im-feat-accent);
    opacity: 0.75;
    transform: translateX(0);
    transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1), opacity 220ms ease;
}

body.imarked-v1 .im-feat-card:hover .im-feat-arrow,
body.imarked-v1 .im-feat-card:focus .im-feat-arrow {
    opacity: 1;
    transform: translateX(4px);
}

/* Equal-height columns (Bootstrap 3 row clearfix off for flex) */
body.imarked-v1 .im-feat-row::before,
body.imarked-v1 .im-feat-row::after {
    display: none !important;
    content: none !important;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-feat-card {
        padding: 24px 20px 22px;
    }

    body.imarked-v1 .im-feat-title {
        font-size: 1.42rem; /* +35% from 1.05rem */
    }
}

@media (max-width: 767px) {
    body.imarked-v1 .im-feat-section {
        margin-top: 28px;
    }
}

/* ── Responsive ── */
@media (max-width: 1100px) {
    body.imarked-v1 .im-cat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    body.imarked-v1 .im-home-banner.so-spotlight1,
    body.imarked-v1 #im-home-banner.im-home-banner {
        --im-banner-h: 360px;
    }

    body.imarked-v1 .im-home-cat-wrap {
        margin-top: -46px;
    }

    body.imarked-v1 .im-home-cat-strip.im-home-markets {
        border-radius: 14px !important;
        padding: 6px 4px !important;
    }

    body.imarked-v1 .im-home-cat-strip .policy-inner h2,
    body.imarked-v1 .im-home-cat-strip .policy-inner a h2 {
        font-size: 12px !important;
        line-height: 1.6 !important;
    }

    body.imarked-v1 .im-home-body {
        padding-top: 28px;
    }

    body.imarked-v1 .im-cat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    body.imarked-v1 .im-cat-tile {
        height: 140px;
    }

    body.imarked-v1 .im-cat-head {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 560px) {
    body.imarked-v1 .im-home-sec-head {
        flex-direction: column;
        align-items: flex-start;
    }

    body.imarked-v1 .im-home-cat-wrap {
        margin-top: -40px;
    }

    body.imarked-v1 .im-cat-tile {
        height: 128px;
    }

    body.imarked-v1 .im-cat-name {
        font-size: 13px;
    }

    body.imarked-v1 .im-cat-ico {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }
}

/* ── Home section CTAs ── */
body.imarked-v1 .im-home-sec-cta {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 24px 0 12px;
    clear: both;
}

body.imarked-v1 .im-home-cta-btn,
body.imarked-v1 a.im-home-cta-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    height: 44px;
    padding: 0 22px;
    border-radius: 999px;
    background: var(--im-primary, #0066ff);
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 6px 16px rgba(0, 102, 255, 0.22);
    transition: transform 180ms ease, box-shadow 180ms ease;
}

body.imarked-v1 .im-home-cta-btn:hover,
body.imarked-v1 a.im-home-cta-btn:hover {
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(0, 102, 255, 0.28);
}

/* ── Horizontal home sliders ── */
body.imarked-v1 .im-home-most-visited,
body.imarked-v1 .im-home-local-stores,
body.imarked-v1 .im-detail-related {
    margin: 28px 0 10px;
}

body.imarked-v1 .im-home-slider-host {
    position: relative;
    min-height: 80px;
}

body.imarked-v1 .im-home-slider {
    position: relative;
}

body.imarked-v1 .im-home-slider-shell {
    position: relative;
    padding: 8px 0 4px;
    width: 100%;
}

body.imarked-v1 .im-home-slider-viewport {
    overflow: hidden;
    width: 100%;
    padding: 10px 0 18px;
    cursor: grab;
    outline: none;
    touch-action: pan-y;
}

body.imarked-v1 .im-home-slider.is-dragging .im-home-slider-viewport {
    cursor: grabbing;
    user-select: none;
}

body.imarked-v1 .im-home-slider.is-dragging .im-home-slider-viewport a,
body.imarked-v1 .im-home-slider.is-dragging .im-home-slider-viewport button {
    pointer-events: none;
}

body.imarked-v1 .im-home-slider-track {
    display: flex;
    align-items: stretch;
    gap: 16px;
    width: max-content;
    will-change: transform;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
}

body.imarked-v1 .im-home-slider-item--product {
    flex: 0 0 clamp(210px, 22vw, 268px);
    width: clamp(210px, 22vw, 268px);
}

body.imarked-v1 .im-home-slider-item--product .im-prod-card,
body.imarked-v1 .im-home-slider-item--product .product-item-container {
    height: 100%;
}

/* Always-visible arrow controls — overlaid on content edges */
body.imarked-v1 .im-home-slider-btn {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 42px;
    height: 42px;
    margin-top: -28px;
    border: 1px solid #e5eaf0;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #111827;
    background: #fff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
    transform: translateY(-50%);
    transition: background 180ms ease, box-shadow 180ms ease, border-color 180ms ease, opacity 180ms ease;
    cursor: pointer;
    opacity: 1;
}

body.imarked-v1 .im-home-slider-btn--prev { left: 8px; }
body.imarked-v1 .im-home-slider-btn--next { right: 8px; }

body.imarked-v1 .im-home-slider-btn:hover:not(:disabled) {
    background: #fff;
    border-color: var(--im-primary, #0066ff);
    color: var(--im-primary, #0066ff);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.14);
}

body.imarked-v1 .im-home-slider-btn:active:not(:disabled) {
    transform: translateY(-50%) scale(0.96);
}

body.imarked-v1 .im-home-slider-btn:disabled {
    opacity: 0.35;
    cursor: default;
    box-shadow: none;
}

body.imarked-v1 .im-home-slider-btn:focus-visible {
    outline: 2px solid var(--im-primary, #0066ff);
    outline-offset: 2px;
}

body.imarked-v1 .im-home-slider-btn svg {
    display: block;
}

/* Autoplays progress rail */
body.imarked-v1 .im-home-slider-progress {
    height: 2px;
    margin: 2px 8px 0;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

body.imarked-v1 .im-home-slider-progress-bar {
    display: block;
    width: 100%;
    height: 100%;
    transform-origin: left center;
    transform: scaleX(0);
    background: linear-gradient(90deg, var(--im-primary, #0066ff), #38bdf8);
    border-radius: inherit;
    will-change: transform;
}

body.imarked-v1 .im-home-slider.is-paused .im-home-slider-progress-bar,
body.imarked-v1 .im-home-slider.is-no-autoplay .im-home-slider-progress {
    opacity: 0.35;
}

body.imarked-v1 .im-home-slider.is-no-autoplay .im-home-slider-progress-bar {
    transform: scaleX(0) !important;
}

/* Compact local business cards */
body.imarked-v1 .im-local-biz-card {
    flex: 0 0 176px;
    width: 176px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    min-height: 150px;
    background: #fff;
    border: 1px solid rgba(232, 237, 243, 0.95);
    border-radius: 16px;
    text-decoration: none !important;
    color: inherit;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.03), 0 8px 20px rgba(24, 28, 35, 0.045);
    transition:
        transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 420ms ease,
        border-color 280ms ease;
}

body.imarked-v1 .im-local-biz-card:hover {
    transform: translateY(-4px);
    border-color: #d7e2ef;
    box-shadow: 0 10px 24px rgba(24, 28, 35, 0.08), 0 18px 36px rgba(24, 28, 35, 0.05);
    color: inherit;
}

body.imarked-v1 .im-local-biz-logo {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    overflow: hidden;
    background: #f3f5f8;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-local-biz-logo img,
body.imarked-v1 .im-local-biz-logo .seller-logo-fallback {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

body.imarked-v1 .im-local-biz-logo .seller-logo-fallback-initials {
    font-size: 16px !important;
}

body.imarked-v1 .im-local-biz-name {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--im-fg, #1a1f2c);
    line-height: 1.25;
}

body.imarked-v1 .im-local-biz-name > span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.imarked-v1 .im-local-biz-meta {
    font-size: 12px;
    color: var(--im-muted, #6b7280);
    line-height: 1.3;
    margin-top: 3px;
}

body.imarked-v1 .im-local-biz-meta .fa {
    margin-right: 4px;
}

body.imarked-v1 .im-local-biz-claim {
    flex: 0 0 210px;
    width: 210px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    padding: 21px;
    min-height: 150px;
    border-radius: 16px;
    text-decoration: none !important;
    background: linear-gradient(155deg, #0f172a 0%, #1e3a5f 52%, #0b3d91 100%);
    color: #fff !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.2);
    transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 420ms ease;
}

body.imarked-v1 .im-local-biz-claim:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.26);
    color: #fff !important;
}

body.imarked-v1 .im-local-biz-claim strong {
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
}

body.imarked-v1 .im-local-biz-claim p {
    margin: 0;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0.9;
}

body.imarked-v1 .im-local-biz-claim-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #f5b400;
    color: #1a1f2c;
    font-size: 12px;
    font-weight: 800;
    transition: transform 200ms ease, background 200ms ease;
}

body.imarked-v1 .im-local-biz-claim:hover .im-local-biz-claim-btn {
    transform: translateY(-1px);
    background: #ffc933;
}

@media (prefers-reduced-motion: reduce) {
    body.imarked-v1 .im-home-slider-btn,
    body.imarked-v1 .im-local-biz-card,
    body.imarked-v1 .im-local-biz-claim,
    body.imarked-v1 .im-home-slider-item--product .im-prod-card {
        transition: none !important;
    }
}

@media (max-width: 820px) {
    body.imarked-v1 .im-home-slider-btn {
        width: 36px;
        height: 36px;
        margin-top: -24px;
    }

    body.imarked-v1 .im-home-slider-btn--prev { left: 4px; }
    body.imarked-v1 .im-home-slider-btn--next { right: 4px; }

    body.imarked-v1 .im-home-slider-item--product {
        flex-basis: calc((100vw - 48px) / 1.75);
        width: calc((100vw - 48px) / 1.75);
        min-width: 150px;
        max-width: 220px;
    }

    body.imarked-v1 .im-local-biz-card {
        flex-basis: 148px;
        width: 148px;
    }
}

/* IMARKED V1 — Search page visual system (UI only)
   Shared standard for main Search; reuse later on Real Estate / Jobs / Vehicles. */

body.imarked-v1 .im-search-page {
    --im-search-sidebar: 300px;
    --im-search-radius: 16px;
    --im-search-gap: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-bottom: 0;
    background: transparent;
}

/* If a view still nests .container inside layout's .main-container, stretch full width */
body.imarked-v1 .main-container.container > .im-search-page.container,
body.imarked-v1 .main-container.container > .im-search-page.main-container,
body.imarked-v1 .main-container.container > .main-container.container.im-search-page {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ── Top chrome (title + filters + chips) ── */
body.imarked-v1 .im-search-top {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 8px 0 18px;
}

/* ── Header ── */
body.imarked-v1 .im-search-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin: 0;
    flex-wrap: wrap;
}

body.imarked-v1 .im-search-header__title {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--im-fg, #1a1f2c);
    line-height: 1.2;
}

body.imarked-v1 .im-search-header__meta {
    margin: 6px 0 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--im-muted, #6b7280);
}

body.imarked-v1 .im-search-header__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

body.imarked-v1 .im-search-header__filter-btn {
    display: none;
}

/* ── Active filter chips ── */
body.imarked-v1 .im-search-chips {
    display: none;
    margin: 0;
}

body.imarked-v1 .im-search-chips.is-visible {
    display: block;
}

body.imarked-v1 .im-search-chips__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
}

body.imarked-v1 .im-search-chips__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 0 1 auto; /* don't stretch — keep "Fjern alle" next to chips on the left */
}

body.imarked-v1 .im-search-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
    padding: 7px 8px 7px 12px;
    border: 1px solid #dbe4f0;
    border-radius: 999px;
    background: #fff;
    color: #1e293b;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.2;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-search-chip__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
}

body.imarked-v1 .im-search-chip__remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f1f5f9;
    color: #64748b;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    transition: background 140ms ease, color 140ms ease;
}

body.imarked-v1 .im-search-chip__remove:hover {
    background: #e2e8f0;
    color: #0f172a;
}

body.imarked-v1 .im-search-chips__clear {
    flex: 0 0 auto;
    order: 0;
    margin-left: 0 !important;
    margin-right: 0;
    border: 0;
    background: transparent;
    color: var(--im-primary, #0066ff);
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.2;
    padding: 7px 4px;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
}

body.imarked-v1 .im-search-chips__clear:hover,
body.imarked-v1 .im-search-chips__clear:focus {
    color: #0047b3;
    text-decoration: underline;
}

/* Reset button styles live with the filter panel block below */

/* ── Layout: sticky sidebar + results ── */
body.imarked-v1 .im-search-layout {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start; /* keep Load More under products, not mid-sidebar height */
    gap: 0;
    margin-left: 0;
    margin-right: 0;
}

body.imarked-v1 .im-search-layout > #column-left,
body.imarked-v1 .im-search-layout > #content,
body.imarked-v1 .im-search-layout > .im-search-sidebar,
body.imarked-v1 .im-search-layout > .im-search-results {
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.imarked-v1 .im-search-layout > #column-left.im-search-sidebar,
body.imarked-v1 .im-search-layout > .im-search-sidebar {
    width: var(--im-search-sidebar) !important;
    max-width: var(--im-search-sidebar) !important;
    flex: 0 0 var(--im-search-sidebar) !important;
}

body.imarked-v1 .im-search-layout > #content.im-search-results,
body.imarked-v1 .im-search-layout > .im-search-results {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-left: 15px !important;
}

body.imarked-v1 #column-left.im-search-sidebar,
body.imarked-v1 .im-search-page #column-left,
body.imarked-v1 .im-search-page .im-search-sidebar {
    background: transparent !important;
    padding: 0 !important;
}

body.imarked-v1 .im-search-filter-panel,
body.imarked-v1 .im-search-page #column-left .module.menu-category {
    position: sticky;
    top: 90px;
    margin: 0 !important;
    padding: 20px 18px 18px !important;
    background: #fff !important;
    border: 1px solid #e6ebf2 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(24, 28, 35, 0.06) !important;
}

body.imarked-v1 .im-search-page #column-left .module.menu-category > .modtitle:first-child {
    margin-top: 0;
}

/* Kill theme boxed sections / orange underlines inside the filter panel */
body.imarked-v1 .im-search-page #column-left .menu-category .modcontent,
body.imarked-v1 .im-search-page #column-left .modcontent,
body.imarked-v1 .im-search-filter-panel .modcontent {
    border: 0 !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-search-page #column-left .titleLine h3.modtitle:after,
body.imarked-v1 .im-search-page #column-left h3.modtitle:after,
body.imarked-v1 .im-search-filter-panel h3.modtitle:after,
body.imarked-v1 .im-search-filter-section__head:after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

body.imarked-v1 .im-search-page #column-left .box-category,
body.imarked-v1 .im-search-filter-panel .box-category {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Filter accordion sections */
body.imarked-v1 .im-search-filter-section {
    border-top: 1px solid #eef2f7;
    margin-top: 14px;
    padding-top: 12px;
}

body.imarked-v1 .im-search-filter-section:first-of-type,
body.imarked-v1 .im-search-filter-section--categories {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

body.imarked-v1 .im-search-page #column-left .modtitle,
body.imarked-v1 .im-search-page #column-left .titleLine h3.modtitle,
body.imarked-v1 .im-search-filter-section__head {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    line-height: 1.3 !important;
    cursor: pointer;
    user-select: none;
}

body.imarked-v1 .im-search-filter-section__head .im-search-filter-chevron {
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #f4f7fb;
    color: #64748b;
    font-size: 13px;
    transition: transform 180ms ease, background 180ms ease, color 180ms ease;
}

body.imarked-v1 .im-search-filter-section__head:hover .im-search-filter-chevron {
    background: #e8eef8;
    color: #1a1f2c;
}

body.imarked-v1 .im-search-filter-section.is-collapsed .im-search-filter-chevron {
    transform: rotate(-90deg);
}

body.imarked-v1 .im-search-filter-section.is-collapsed .im-search-filter-section__body,
body.imarked-v1 .im-search-filter-section.is-collapsed > .modcontent,
body.imarked-v1 .im-search-filter-section.is-collapsed > .input-group,
body.imarked-v1 .im-search-filter-section.is-collapsed > div:not(.im-search-filter-section__head):not(.modtitle) {
    display: none !important;
}

/* Category tree — desktop sidebar + mobile filter sheet (#cat_accordion) */
body.imarked-v1 #cat_accordion.list-group,
body.imarked-v1 .im-search-filter-panel .menu-category .list-group,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.imarked-v1 #cat_accordion > li,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li li {
    border: 0 !important;
    border-bottom: 0 !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    background: transparent !important;
    position: relative;
    list-style: none !important;
}

body.imarked-v1 #cat_accordion a,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li a,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li li a {
    display: block !important;
    padding: 10px 34px 10px 12px !important;
    border-radius: 10px !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: 0 !important;
    background: transparent !important;
    line-height: 1.35 !important;
    transition: background 140ms ease, color 140ms ease;
}

body.imarked-v1 #cat_accordion a:hover,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li a:hover {
    background: #f4f7fb !important;
    color: #0f172a !important;
}

/* Accordion plugin uses .active for expand state — do NOT treat that as selected.
   Real filter selection uses .im-cat-selected (item + parents). */
body.imarked-v1 #cat_accordion a.active,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li a.active,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li .active {
    background: transparent !important;
    color: #334155 !important;
    font-weight: 600 !important;
}

body.imarked-v1 #cat_accordion a.im-cat-selected,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li a.im-cat-selected {
    background: rgba(0, 102, 255, 0.1) !important;
    color: var(--im-primary, #0066ff) !important;
    font-weight: 800 !important;
}

body.imarked-v1 #cat_accordion > li > a.PAID {
    font-weight: 700 !important;
    color: #1a1f2c !important;
}

body.imarked-v1 #cat_accordion > li > a.PAID.im-cat-selected {
    color: var(--im-primary, #0066ff) !important;
}

body.imarked-v1 #cat_accordion > li > ul {
    margin: 2px 0 6px !important;
    padding: 0 0 0 6px !important;
    border-left: 2px solid #eef2f7;
    margin-left: 12px !important;
}

body.imarked-v1 #cat_accordion > li > ul > li > a.PCID {
    padding-left: 12px !important;
    font-size: 12.5px !important;
}

body.imarked-v1 #cat_accordion > li > ul > li > ul {
    margin: 2px 0 4px 8px !important;
    padding: 0 0 0 6px !important;
    border-left: 2px solid #f1f5f9;
}

body.imarked-v1 #cat_accordion > li > ul > li > ul > li > a.PSCID {
    padding-left: 12px !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: #475569 !important;
}

/* Replace theme square +/- with soft chevron buttons (pinned to parent row) */
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li span.button-view,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li li span.button-view,
body.imarked-v1 #cat_accordion .button-view {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute !important;
    right: 4px !important;
    top: 7px !important;
    transform: none !important;
    width: 26px !important;
    height: 26px !important;
    line-height: 26px !important;
    border-radius: 8px !important;
    background: #f4f7fb !important;
    color: #64748b !important;
    font-size: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    z-index: 2;
}

body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li span.button-view:before,
body.imarked-v1 #cat_accordion .button-view:before {
    content: "\f107" !important;
    font-family: "FontAwesome" !important;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 1 !important;
    color: inherit !important;
}

body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li span.button-view.fa-minus-square-o:before,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li span.button-view.fa-minus:before,
body.imarked-v1 #cat_accordion .button-view.fa-minus-square-o:before,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li .active + .button-view:before {
    content: "\f106" !important;
}

body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li a:hover + .button-view,
body.imarked-v1 #cat_accordion a:hover + .button-view {
    background: #e8eef8 !important;
    color: #1a1f2c !important;
}

body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li a.im-cat-selected + .button-view,
body.imarked-v1 #cat_accordion a.im-cat-selected + .button-view {
    background: rgba(0, 102, 255, 0.12) !important;
    color: var(--im-primary, #0066ff) !important;
}

body.imarked-v1 #cat_accordion .dcjq-icon,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li li a:before {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
}

/* Checkbox rows (desktop sidebar + mobile drawer panel) */
body.imarked-v1 .im-search-page #column-left ol,
body.imarked-v1 .im-search-filter-panel ol {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 .im-search-page #column-left ol > li,
body.imarked-v1 .im-search-page #column-left ol > li > a,
body.imarked-v1 .im-search-filter-panel ol > li,
body.imarked-v1 .im-search-filter-panel ol > li > a {
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    margin: 0 0 2px !important;
    padding: 6px 8px !important;
    border-radius: 10px;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: background 140ms ease;
}

body.imarked-v1 .im-search-page #column-left ol > li:hover,
body.imarked-v1 .im-search-page #column-left ol > li > a:hover,
body.imarked-v1 .im-search-filter-panel ol > li:hover,
body.imarked-v1 .im-search-filter-panel ol > li > a:hover {
    background: #f4f7fb !important;
}

body.imarked-v1 .im-search-page #column-left ol > li label,
body.imarked-v1 .im-search-filter-panel ol > li label {
    display: flex !important;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0 !important;
    font-weight: 500 !important;
    cursor: pointer;
    color: inherit !important;
}

body.imarked-v1 .im-search-page #column-left input[type="checkbox"],
body.imarked-v1 .im-search-filter-panel input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    margin: 0 !important;
    flex: 0 0 18px;
    border: 1.5px solid #cbd5e1;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 0 1px 1px rgba(15, 23, 42, 0.03);
    cursor: pointer;
    position: relative;
    transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

body.imarked-v1 .im-search-page #column-left input[type="checkbox"]:hover,
body.imarked-v1 .im-search-filter-panel input[type="checkbox"]:hover {
    border-color: #94a3b8;
}

body.imarked-v1 .im-search-page #column-left input[type="checkbox"]:checked,
body.imarked-v1 .im-search-filter-panel input[type="checkbox"]:checked {
    background: var(--im-primary, #0066ff);
    border-color: var(--im-primary, #0066ff);
    box-shadow: none;
}

body.imarked-v1 .im-search-page #column-left input[type="checkbox"]:checked::after,
body.imarked-v1 .im-search-filter-panel input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Price range — two equal fields with subtle separator */
body.imarked-v1 .im-search-page #column-left .im-search-price,
body.imarked-v1 .im-search-filter-panel .im-search-price {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    width: 100%;
}

body.imarked-v1 .im-search-page #column-left .im-search-price__field,
body.imarked-v1 .im-search-filter-panel .im-search-price__field {
    flex: 1 1 0;
    min-width: 0;
    margin: 0 !important;
    font-weight: 500 !important;
    cursor: text;
}

body.imarked-v1 .im-search-page #column-left .im-search-price__label,
body.imarked-v1 .im-search-filter-panel .im-search-price__label {
    display: block;
    margin: 0 0 6px 2px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #64748b;
    text-transform: none;
}

body.imarked-v1 .im-search-page #column-left .im-search-price__sep,
body.imarked-v1 .im-search-filter-panel .im-search-price__sep {
    flex: 0 0 auto;
    align-self: center;
    margin-top: 18px;
    padding: 0 2px;
    color: #94a3b8;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    background: transparent;
    border: 0;
}

body.imarked-v1 .im-search-page #column-left .im-search-price .form-control,
body.imarked-v1 .im-search-filter-panel .im-search-price .form-control {
    height: 42px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    background: #fff !important;
    color: #1a1f2c !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: left;
    transition: border-color 140ms ease, box-shadow 140ms ease;
}

body.imarked-v1 .im-search-page #column-left .im-search-price .form-control::placeholder,
body.imarked-v1 .im-search-filter-panel .im-search-price .form-control::placeholder {
    color: #94a3b8;
    font-weight: 500;
}

body.imarked-v1 .im-search-page #column-left .im-search-price .form-control:hover,
body.imarked-v1 .im-search-filter-panel .im-search-price .form-control:hover {
    border-color: #cbd5e1 !important;
}

body.imarked-v1 .im-search-page #column-left .im-search-price .form-control:focus,
body.imarked-v1 .im-search-filter-panel .im-search-price .form-control:focus {
    border-color: rgba(0, 102, 255, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12) !important;
    outline: 0;
}

/* Legacy input-group price fallback (other pages) */
body.imarked-v1 .im-search-page #column-left .input-group.txtNumeric,
body.imarked-v1 .im-search-filter-panel .input-group.txtNumeric {
    display: flex;
    width: 100%;
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
    box-shadow: none;
    gap: 8px;
}

body.imarked-v1 .im-search-page #column-left .input-group.txtNumeric .form-control,
body.imarked-v1 .im-search-filter-panel .input-group.txtNumeric .form-control {
    height: 42px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1a1f2c !important;
    text-align: center;
    background: #fff !important;
}

body.imarked-v1 .im-search-page #column-left .input-group.txtNumeric .input-group-addon,
body.imarked-v1 .im-search-filter-panel .input-group.txtNumeric .input-group-addon {
    background: transparent;
    border: 0;
    color: #94a3b8;
    min-width: 16px;
    padding: 0;
    box-shadow: none;
}

body.imarked-v1 .im-search-page #column-left .scrollbar,
body.imarked-v1 .im-search-filter-panel .scrollbar {
    max-height: 240px;
    overflow-y: auto;
    border: 1px solid #eef1f5 !important;
    border-radius: 12px !important;
    width: 100% !important;
    padding: 4px 8px !important;
    scrollbar-width: thin;
}

/* Multi-select pills — Annonsetype / Tilstand (same checkboxes, new chrome) */
body.imarked-v1 .im-search-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body.imarked-v1 .im-search-pills > .im-search-pill,
body.imarked-v1 .im-search-pills > li.im-search-pill {
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    float: none !important;
}

body.imarked-v1 .im-search-pills > .im-search-pill.hideitem {
    display: none !important;
}

body.imarked-v1 .im-search-pill__input {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    overflow: hidden !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

body.imarked-v1 .im-search-pill__label {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin: 0 !important;
    padding: 7px 14px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

body.imarked-v1 .im-search-pill__label:hover {
    border-color: #cbd5e1 !important;
    background: #fff !important;
    color: #0f172a !important;
}

body.imarked-v1 .im-search-pill__input:focus-visible + .im-search-pill__label {
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.18);
}

body.imarked-v1 .im-search-pill__input:checked + .im-search-pill__label,
body.imarked-v1 .im-search-pill.is-checked .im-search-pill__label {
    border-color: rgba(0, 102, 255, 0.35) !important;
    background: rgba(0, 102, 255, 0.1) !important;
    color: var(--im-primary, #0066ff) !important;
    font-weight: 750 !important;
    box-shadow: inset 0 0 0 1px rgba(0, 102, 255, 0.08);
}

/* Card-style pills (e.g. Girkasse Automat / Manuell) */
body.imarked-v1 .im-search-pills--cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body.imarked-v1 .im-search-pills--cards > .im-search-pill,
body.imarked-v1 .im-search-pills--cards > li.im-search-pill {
    width: 100% !important;
    min-width: 0 !important;
}

body.imarked-v1 .im-search-pills--cards .im-search-pill__label {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px;
    width: 100% !important;
    min-height: 76px !important;
    padding: 12px 10px !important;
    border-radius: 12px !important;
    white-space: normal !important;
    text-align: center;
}

body.imarked-v1 .im-search-pill__icon {
    display: block;
    font-size: 22px !important;
    line-height: 1 !important;
    color: inherit;
    opacity: 0.9;
}

body.imarked-v1 .im-search-pill__icon--pair {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

body.imarked-v1 .im-search-pill__icon--pair > .fa {
    font-size: 16px !important;
    line-height: 1 !important;
}

body.imarked-v1 .im-search-pill__text {
    display: block;
    font-size: 13px !important;
    font-weight: inherit;
    line-height: 1.2;
}

body.imarked-v1 .im-search-pill__input:checked + .im-search-pill__label .im-search-pill__icon {
    opacity: 1;
}

/* Full-row clickable checkbox lists */
body.imarked-v1 .im-search-checkrow,
body.imarked-v1 .im-search-page #column-left .im-search-checkrow,
body.imarked-v1 .im-search-filter-panel .im-search-checkrow,
body.imarked-v1 .vertical-wrapperRight .im-search-checkrow {
    display: block !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    border-radius: 10px;
}

body.imarked-v1 .im-search-checkrow__label {
    display: flex !important;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 40px;
    margin: 0 !important;
    padding: 6px 8px !important;
    border-radius: 10px;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    cursor: pointer;
    user-select: none;
}

body.imarked-v1 .im-search-checkrow__label:hover {
    background: #f4f7fb;
}

body.imarked-v1 .im-search-checkrow__label input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    flex: 0 0 18px;
    pointer-events: auto;
    cursor: pointer;
}

body.imarked-v1 .im-search-checkrow__label span {
    flex: 1 1 auto;
    min-width: 0;
}

/* Override old a-based checkbox row styles for labeled rows */
body.imarked-v1 .im-search-page #column-left .im-search-checkrow > a,
body.imarked-v1 .im-search-filter-panel .im-search-checkrow > a,
body.imarked-v1 .vertical-wrapperRight .im-search-checkrow > a {
    display: none !important;
}

body.imarked-v1 .im-search-filter-reset {
    margin-top: 16px !important;
    padding-top: 14px !important;
    border-top: 1px solid #eef2f7 !important;
    text-align: center !important;
}

body.imarked-v1 .im-search-page .im-search-filter-reset #btnReset.filter_reset,
body.imarked-v1 .im-search-page .im-search-filter-reset a#btnReset {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    float: none !important;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    padding: 11px 14px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-search-page .im-search-filter-reset #btnReset:hover {
    border-color: #cbd5e1 !important;
    background: #fff !important;
    color: var(--im-primary, #0066ff) !important;
}

/* Results */
body.imarked-v1 .im-search-page .products-category {
    margin: 0;
}

body.imarked-v1 .im-search-page #products-grid.products-list.row.grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin: 0 !important;
    float: none !important;
}

body.imarked-v1 .im-search-page #products-grid .product-layout {
    width: auto !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ── RealEstate quick category tiles (wired to left-menu PCID) ── */
body.imarked-v1 .im-search-page .im-re-quickcats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 10px 0 22px !important;
    padding: 0 !important;
    width: 100% !important;
}

body.imarked-v1 .im-search-page .im-re-quickcats:has(> :nth-child(4)) {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.imarked-v1 .im-search-page button.im-re-quickcat,
body.imarked-v1 .im-search-page .im-re-quickcat {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 64px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    border: 1px solid #e6ebf2 !important;
    border-radius: 14px !important;
    background: #fff !important;
    text-align: left !important;
    font-family: var(--im-font, inherit) !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.25 !important;
    color: #0f172a !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 6px 16px rgba(15, 23, 42, 0.05) !important;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease, color 160ms ease !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat__icon .fa {
    font-size: 16px !important;
    line-height: 1 !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat--sale .im-re-quickcat__icon {
    background: #e8f1ff !important;
    border-color: #d0e2ff !important;
    color: #0066ff !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat--rent .im-re-quickcat__icon {
    background: #ecfdf5 !important;
    border-color: #ccebdf !important;
    color: #0f766e !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat--commercial .im-re-quickcat__icon {
    background: #fff7ed !important;
    border-color: #f3d9c2 !important;
    color: #c2410c !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat--mortgage .im-re-quickcat__icon {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #334155 !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat__copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat__text {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    color: inherit !important;
    font-size: 14px !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat__hint {
    display: block !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    color: #64748b !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat__check {
    display: none !important;
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #0066ff !important;
    border: 1px solid #d0e2ff !important;
    font-size: 11px !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat:hover {
    transform: translateY(-2px) !important;
    border-color: #d5deea !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.06), 0 14px 28px rgba(15, 23, 42, 0.08) !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat.is-active,
body.imarked-v1 .im-search-page .im-re-quickcat[aria-pressed="true"] {
    background: #fff !important;
    border-color: #0066ff !important;
    color: #0f172a !important;
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.12), 0 10px 24px rgba(15, 23, 42, 0.08) !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat.is-active .im-re-quickcat__hint,
body.imarked-v1 .im-search-page .im-re-quickcat[aria-pressed="true"] .im-re-quickcat__hint {
    color: #64748b !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat.is-active .im-re-quickcat__check,
body.imarked-v1 .im-search-page .im-re-quickcat[aria-pressed="true"] .im-re-quickcat__check {
    display: inline-flex !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat.is-active:hover,
body.imarked-v1 .im-search-page .im-re-quickcat[aria-pressed="true"]:hover {
    background: #fff !important;
    border-color: #0052cc !important;
    color: #0f172a !important;
}

/* ── RealEstate search cards: 2 / row desktop, 1 / row mobile ──
   Higher specificity than imarked-v1-home.css 4-col #products-grid rules. */
body.imarked-v1 .im-search-page #products-grid.products-list.im-re-grid,
body.imarked-v1 .im-search-page #products-grid.products-list.row.im-re-grid,
body.imarked-v1 .im-search-page #products-grid.im-re-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    margin: 0 !important;
    float: none !important;
    width: 100% !important;
    align-items: stretch !important;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card-wrap,
body.imarked-v1 .im-search-page #products-grid.im-re-grid .product-layout.im-re-card-wrap {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card-wrap::before,
body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card-wrap::after {
    content: none !important;
    display: none !important;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e6ebf2 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06) !important;
    overflow: hidden !important;
    transition: box-shadow 180ms ease, border-color 180ms ease, transform 180ms ease;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card:hover {
    border-color: #d5deea;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06), 0 14px 32px rgba(15, 23, 42, 0.1);
    transform: translateY(-2px);
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__media {
    position: relative;
    flex: 0 0 auto;
    background: #eef2f7;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__media-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__images {
    display: grid;
    grid-template-columns: 1fr;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #e8eef5;
}

/* Single photo: full-bleed + slight zoom crop so it fills the frame cleanly */
body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__images--single {
    grid-template-columns: 1fr;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__images--single .im-re-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.06);
    transform-origin: center center;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__images--duo {
    grid-template-columns: 1fr 1fr;
    gap: 2px;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__images--duo .im-re-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: none;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center center;
    margin: 0;
    border: 0;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__img--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 36px;
    background: linear-gradient(145deg, #eef2f7, #e2e8f0);
    transform: none;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__wish {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #334155;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__wish:hover {
    background: #fff;
    color: #e11d48;
    transform: scale(1.05);
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__wish .fa,
body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__wish .im-bookmark__icon i {
    font-size: 16px;
    line-height: 1;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__wish.im-bookmark.is-active {
    color: #e11d48;
    background: #fff1f2;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__badge {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 2;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.82);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__badge--status {
    background: rgba(0, 102, 255, 0.9);
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    gap: 8px;
    padding: 14px 16px 16px !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 0 !important;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__brand {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 22px;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__agency {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__logo {
    width: 22px;
    height: 22px;
    object-fit: contain;
    border-radius: 4px;
    flex: 0 0 auto;
    background: #fff;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__agency-name {
    font-size: 12.5px;
    font-weight: 600;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__address {
    flex: 0 1 auto;
    max-width: 48%;
    font-size: 12px;
    font-weight: 500;
    color: #94a3b8;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__title {
    margin: 0;
    padding: 0;
    font-size: 15.5px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.015em;
    color: #0f172a;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__title a {
    color: inherit;
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__title a:hover {
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__hero {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 2px;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__size,
body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__price {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0f172a;
    line-height: 1.2;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__specs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    margin: 2px 0 0;
    padding: 0;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__spec {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #334155;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.01em;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__spec .fa {
    color: #64748b;
    font-size: 12px;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__meta {
    margin: 0;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.45;
    color: #64748b;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__footer {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 4px;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__viewing {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 5px 10px;
    border: 1px solid #dbe3ee;
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: border-color 160ms ease, color 160ms ease, background 160ms ease;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__viewing:hover {
    border-color: var(--im-primary, #0066ff);
    color: var(--im-primary, #0066ff);
    background: #fff;
}

body.imarked-v1 .im-search-page .im-search-loadmore {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    clear: both;
    width: 100%;
    margin: 36px 0 48px;
    padding: 8px 0 0;
}

body.imarked-v1 .im-search-page .im-search-loadmore #imgLoader {
    margin: 0 0 14px;
}

/* Visibility helpers — beat theme/display:!important so show/hide works */
body.imarked-v1 .im-search-page .im-search-loadmore .im-search-loadmore__btn.is-hidden,
body.imarked-v1 .im-search-page #btnLoadMore.is-hidden,
body.imarked-v1 .im-search-page #btnDead.is-hidden {
    display: none !important;
}

/* Load more — primary CTA (override theme .button_grey / .button_submit) */
body.imarked-v1 .im-search-page #btnLoadMore.btnLoadMore,
body.imarked-v1 .im-search-page #btnLoadMore.button_grey,
body.imarked-v1 .im-search-page #btnLoadMore.button_submit,
body.imarked-v1 .im-search-page button#btnLoadMore,
body.imarked-v1 .im-search-page .im-search-loadmore__btn:not(.im-search-end),
body.imarked-v1 .im-search-page .im-search-loadmore button.btnLoadMore:not(.im-search-end) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: auto !important;
    min-width: 200px !important;
    height: 48px !important;
    margin: 0 auto !important;
    padding: 0 32px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    font-family: var(--im-font, inherit) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em;
    line-height: 1 !important;
    text-transform: none !important;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(0, 102, 255, 0.22) !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: background 160ms ease, box-shadow 160ms ease, transform 160ms ease, opacity 160ms ease;
}

body.imarked-v1 .im-search-page #btnLoadMore.btnLoadMore:hover,
body.imarked-v1 .im-search-page #btnLoadMore.button_grey:hover,
body.imarked-v1 .im-search-page #btnLoadMore.button_submit:hover,
body.imarked-v1 .im-search-page button#btnLoadMore:hover,
body.imarked-v1 .im-search-page .im-search-loadmore__btn:not(.im-search-end):hover {
    background: #0052cc !important;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(0, 102, 255, 0.3) !important;
    transform: translateY(-1px);
}

body.imarked-v1 .im-search-page #btnLoadMore.btnLoadMore:active,
body.imarked-v1 .im-search-page button#btnLoadMore:active,
body.imarked-v1 .im-search-page .im-search-loadmore__btn:not(.im-search-end):active {
    transform: translateY(0);
    box-shadow: 0 3px 10px rgba(0, 102, 255, 0.2) !important;
}

body.imarked-v1 .im-search-page #btnLoadMore.btnLoadMore:focus,
body.imarked-v1 .im-search-page button#btnLoadMore:focus,
body.imarked-v1 .im-search-page .im-search-loadmore__btn:not(.im-search-end):focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.22), 0 6px 18px rgba(0, 102, 255, 0.22) !important;
}

body.imarked-v1 .im-search-page #btnLoadMore .fa,
body.imarked-v1 .im-search-page .im-search-loadmore__btn:not(.im-search-end) .fa {
    font-size: 15px;
    line-height: 1;
    opacity: 0.95;
}

/* Loading state while next page fetches */
body.imarked-v1 .im-search-page #btnLoadMore.is-loading,
body.imarked-v1 .im-search-page .im-search-loadmore__btn.is-loading {
    opacity: 0.85 !important;
    cursor: wait !important;
    pointer-events: none !important;
    transform: none !important;
}

body.imarked-v1 .im-search-page #btnLoadMore.is-loading .fa,
body.imarked-v1 .im-search-page .im-search-loadmore__btn.is-loading .fa {
    animation: im-loadmore-spin 0.8s linear infinite;
}

@keyframes im-loadmore-spin {
    to { transform: rotate(360deg); }
}

/* End of results — status indicator, not a CTA */
body.imarked-v1 .im-search-page #btnDead,
body.imarked-v1 .im-search-page button.im-search-end,
body.imarked-v1 .im-search-page .im-search-loadmore__btn.im-search-end,
body.imarked-v1 .im-search-page #btnDead.button_grey,
body.imarked-v1 .im-search-page #btnDead.button_submit {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 8px auto 0 !important;
    padding: 12px 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #64748b !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
    line-height: 1.3 !important;
    text-transform: none !important;
    box-shadow: none !important;
    cursor: default !important;
    pointer-events: none !important;
    transform: none !important;
    user-select: none;
    opacity: 1 !important;
}

body.imarked-v1 .im-search-page #btnDead::before,
body.imarked-v1 .im-search-page #btnDead::after,
body.imarked-v1 .im-search-page button.im-search-end::before,
body.imarked-v1 .im-search-page button.im-search-end::after {
    content: "";
    display: block;
    width: 48px;
    height: 1px;
    background: #e2e8f0;
    flex: 0 0 auto;
}

body.imarked-v1 .im-search-page #btnDead:hover,
body.imarked-v1 .im-search-page button.im-search-end:hover,
body.imarked-v1 .im-search-page #btnDead:focus,
body.imarked-v1 .im-search-page button.im-search-end:focus,
body.imarked-v1 .im-search-page #btnDead:active,
body.imarked-v1 .im-search-page button.im-search-end:active {
    background: transparent !important;
    color: #64748b !important;
    box-shadow: none !important;
    transform: none !important;
}

body.imarked-v1 .im-search-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 36px 28px 32px;
    margin: 8px 0;
    background: #fff;
    border: 1px solid #e8edf3;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(24, 28, 35, 0.04);
}

body.imarked-v1 .im-search-empty__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin: 0 0 14px;
    border-radius: 16px;
    background: #f0f6ff;
    color: var(--im-primary, #0066ff);
    font-size: 22px;
}

body.imarked-v1 .im-search-empty h3#noDataFound {
    margin: 0 0 6px !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em;
    color: #1a1f2c !important;
}

body.imarked-v1 .im-search-empty__text {
    margin: 0 0 20px;
    max-width: 32em;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;
    color: #6b7280;
}

body.imarked-v1 .im-search-empty__actions {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    align-items: center;
    width: 100%;
}

body.imarked-v1 .im-search-empty__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none !important;
    cursor: pointer;
    border: 1px solid transparent;
}

body.imarked-v1 .im-search-empty__btn--primary {
    background: var(--im-primary, #0066ff);
    color: #fff !important;
}

body.imarked-v1 .im-search-empty__btn--primary:hover {
    background: #0052cc;
    color: #fff !important;
}

body.imarked-v1 .im-search-empty__btn--ghost {
    background: #fff;
    border-color: #dbe3ee;
    color: #334155 !important;
}

body.imarked-v1 .im-search-empty__btn--ghost:hover {
    border-color: #94a3b8;
    color: #0f172a !important;
}

/* Banner spacing — reset homepage absolute hero overlay so arrows don't float over results */
body.imarked-v1 .im-search-page .category-derc {
    margin: 0 0 16px !important;
    padding: 0 !important;
    position: relative;
    clear: both;
}

body.imarked-v1 .im-search-page .category-derc .banners,
body.imarked-v1 .im-search-page .category-derc .row {
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 .im-search-page #divBannerContainer,
body.imarked-v1 .im-search-page #divBannerContainer.slider-container {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    font-size: inherit !important;
    line-height: normal !important;
    color: inherit !important;
    border-radius: 12px !important;
}

body.imarked-v1 .im-search-page #divBannerContainer:empty {
    display: none !important;
    margin: 0 !important;
}

body.imarked-v1 .im-search-page #divBannerContainer img,
body.imarked-v1 .im-search-page #divBannerContainer .c-mainbanner-search,
body.imarked-v1 .im-search-page #divBannerContainer .c-mainbanner-home,
body.imarked-v1 .im-search-page #divBannerContainer .yt-content-slide,
body.imarked-v1 .im-search-page #divBannerContainer .owl2-stage-outer,
body.imarked-v1 .im-search-page #divBannerContainer .owl-stage-outer,
body.imarked-v1 .im-search-page #divBannerContainer .yt-content-slider,
body.imarked-v1 .im-search-page #divBannerContainer .module,
body.imarked-v1 .im-search-page #divBannerContainer #so-slideshow,
body.imarked-v1 .im-search-page #divBannerContainer .two-block {
    opacity: 1 !important;
    visibility: visible !important;
    font-size: inherit !important;
    color: inherit !important;
    text-indent: 0 !important;
    height: auto !important;
    width: 100% !important;
    pointer-events: auto !important;
}

body.imarked-v1 .im-search-page #divBannerContainer .loadeding {
    display: none !important;
}

/* Search results are a static grid — never show homepage slider arrows here */
body.imarked-v1 .im-search-page #divBannerContainer .owl-nav,
body.imarked-v1 .im-search-page #divBannerContainer .owl2-nav,
body.imarked-v1 .im-search-page #divBannerContainer .owl-controls,
body.imarked-v1 .im-search-page #divBannerContainer .owl2-controls,
body.imarked-v1 .im-search-page #divBannerContainer .owl-prev,
body.imarked-v1 .im-search-page #divBannerContainer .owl-next,
body.imarked-v1 .im-search-page #divBannerContainer .owl2-prev,
body.imarked-v1 .im-search-page #divBannerContainer .owl2-next,
body.imarked-v1 .im-search-page #divBannerContainer .owl-dots,
body.imarked-v1 .im-search-page #divBannerContainer .owl2-dots,
body.imarked-v1 .im-search-page #divBannerContainer .owl2-nav div,
body.imarked-v1 .im-search-page #products-grid .owl-nav,
body.imarked-v1 .im-search-page #products-grid .owl2-nav,
body.imarked-v1 .im-search-page #products-grid .owl-prev,
body.imarked-v1 .im-search-page #products-grid .owl-next,
body.imarked-v1 .im-search-page #products-grid .owl2-prev,
body.imarked-v1 .im-search-page #products-grid .owl2-next,
body.imarked-v1 .im-search-page #products-grid .owl2-nav div,
body.imarked-v1 .im-search-page .im-prod-card .owl-nav,
body.imarked-v1 .im-search-page .im-prod-card .owl2-nav,
body.imarked-v1 .im-search-page .im-prod-card .owl-prev,
body.imarked-v1 .im-search-page .im-prod-card .owl-next,
body.imarked-v1 .im-search-page .im-prod-card .owl2-prev,
body.imarked-v1 .im-search-page .im-prod-card .owl2-next {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* ── Tablet ── */
@media (max-width: 1199px) {
    body.imarked-v1 .im-search-page {
        --im-search-sidebar: 260px;
    }

    body.imarked-v1 .im-search-page #products-grid.products-list.row.grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
}

@media (max-width: 991px) {
    body.imarked-v1 .im-search-page {
        --im-search-sidebar: 240px;
        --im-search-gap: 0;
    }

    body.imarked-v1 .im-search-layout > #column-left.im-search-sidebar,
    body.imarked-v1 .im-search-layout > .im-search-sidebar {
        flex: 0 0 var(--im-search-sidebar) !important;
        width: var(--im-search-sidebar) !important;
        max-width: var(--im-search-sidebar) !important;
    }

    body.imarked-v1 .im-search-filter-panel,
    body.imarked-v1 .im-search-page #column-left .module.menu-category {
        top: 76px;
        padding: 14px !important;
    }
}

/* ── Mobile (<768): drawer stays; compact page chrome ── */
@media (max-width: 767px) {
    body.imarked-v1 .im-search-page {
        padding-bottom: 0;
    }

    body.imarked-v1 .im-search-page .im-re-quickcats,
    body.imarked-v1 .im-search-page .im-re-quickcats:has(> :nth-child(4)) {
        display: flex !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        margin: 0 0 16px !important;
        overflow-x: auto;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        padding: 0 0 6px !important;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    body.imarked-v1 .im-search-page .im-re-quickcats::-webkit-scrollbar {
        display: none;
    }

    body.imarked-v1 .im-search-page button.im-re-quickcat,
    body.imarked-v1 .im-search-page .im-re-quickcat {
        /* Show ~2.5 chips: 2 gaps of 10px in the visible strip */
        flex: 0 0 calc((100% - 20px) / 2.5) !important;
        width: calc((100% - 20px) / 2.5) !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 56px !important;
        padding: 10px 12px !important;
        gap: 10px !important;
        border-radius: 12px !important;
        font-size: 13.5px !important;
        scroll-snap-align: start;
    }

    body.imarked-v1 .im-search-page .im-re-quickcat__icon {
        width: 34px !important;
        height: 34px !important;
        border-radius: 10px !important;
    }

    body.imarked-v1 .im-search-page .im-re-quickcat__icon .fa {
        font-size: 14px !important;
    }

    body.imarked-v1 .im-search-page .im-re-quickcat__text {
        font-size: 13.5px !important;
    }

    body.imarked-v1 .im-search-page .im-re-quickcat__hint {
        font-size: 11.5px !important;
    }

    body.imarked-v1 .im-search-page #products-grid.products-list.im-re-grid,
    body.imarked-v1 .im-search-page #products-grid.products-list.row.im-re-grid,
    body.imarked-v1 .im-search-page #products-grid.im-re-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
        width: 100% !important;
    }

    body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card-wrap,
    body.imarked-v1 .im-search-page #products-grid.im-re-grid .product-layout.im-re-card-wrap {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card:hover {
        transform: none;
    }

    body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__body {
        padding: 12px 14px 14px;
        gap: 7px;
    }

    body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__title {
        font-size: 15px;
    }

    body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__size,
    body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__price {
        font-size: 17px;
    }

    body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__brand {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__address {
        max-width: 100%;
        text-align: left;
    }

    body.imarked-v1 .im-search-page .im-search-loadmore {
        margin: 24px 0 32px;
    }


    body.imarked-v1 .im-search-top {
        gap: 10px;
        margin: 6px 0 14px;
        padding: 0;
    }

    body.imarked-v1 .im-search-header {
        margin: 0;
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    body.imarked-v1 .im-search-header__left {
        padding: 2px 2px 0;
    }

    body.imarked-v1 .im-search-header__title {
        font-size: 1.2rem;
        font-weight: 700;
        letter-spacing: -0.03em;
        line-height: 1.3;
        color: #334155;
    }

    body.imarked-v1 .im-search-header__meta {
        margin-top: 3px;
        font-size: 12.5px;
        color: #94a3b8;
    }

    body.imarked-v1 .im-search-header__actions {
        width: 100%;
        margin-left: 0;
    }

    body.imarked-v1 .im-search-mobile-bar {
        display: flex !important;
        position: relative;
        z-index: 5;
        gap: 8px;
        width: 100%;
        padding: 0;
        background: transparent;
    }

    body.imarked-v1 .im-search-mobile-bar__btn {
        flex: 1 1 auto;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        min-height: 52px;
        padding: 8px 12px 8px 8px !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 16px !important;
        background: #fff !important;
        color: #64748b !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 20px rgba(15, 23, 42, 0.05) !important;
        cursor: pointer;
        transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
    }

    body.imarked-v1 .im-search-mobile-bar__btn:active {
        transform: scale(0.99);
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    }

    body.imarked-v1 .im-search-mobile-bar__btn[aria-expanded="true"] {
        border-color: rgba(0, 102, 255, 0.35) !important;
        box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12), 0 8px 20px rgba(15, 23, 42, 0.05) !important;
    }

    body.imarked-v1 .im-search-mobile-bar__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border-radius: 11px;
        background: rgba(0, 102, 255, 0.1);
        color: var(--im-primary, #0066ff);
        font-size: 15px;
        flex: 0 0 36px;
    }

    body.imarked-v1 .im-search-mobile-bar__label {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 1px;
        flex: 1 1 auto;
        min-width: 0;
        text-align: left;
    }

    body.imarked-v1 .im-search-mobile-bar__text {
        display: block;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.2;
        color: #64748b;
    }

    body.imarked-v1 .im-search-mobile-bar__hint {
        display: block;
        font-size: 11.5px;
        font-weight: 500;
        line-height: 1.2;
        color: #94a3b8;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    body.imarked-v1 .im-search-mobile-bar__count {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 24px;
        height: 24px;
        padding: 0 7px;
        border-radius: 999px;
        background: var(--im-primary, #0066ff);
        color: #fff;
        font-size: 11px;
        font-weight: 800;
        line-height: 1;
        box-shadow: 0 2px 6px rgba(0, 102, 255, 0.25);
    }

    body.imarked-v1 .im-search-mobile-bar__count[hidden] {
        display: none !important;
    }

    body.imarked-v1 .im-search-mobile-bar__chevron {
        color: #94a3b8;
        font-size: 16px;
        margin-left: 2px;
        flex: 0 0 auto;
        transition: transform 160ms ease;
    }

    body.imarked-v1 .im-search-mobile-bar__btn[aria-expanded="true"] .im-search-mobile-bar__chevron {
        transform: rotate(180deg);
    }

    /* Active chips panel under Filtre */
    body.imarked-v1 .im-search-chips.is-visible {
        display: block;
        padding: 10px 12px 8px;
        border: 1px solid #e8edf3;
        border-radius: 14px;
        background: #f8fafc;
    }

    body.imarked-v1 .im-search-chips__row {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    body.imarked-v1 .im-search-chips__list {
        flex: 1 1 auto;
        gap: 7px;
    }

    body.imarked-v1 .im-search-chip {
        padding: 7px 7px 7px 11px;
        border-color: #dbe4f0;
        background: #fff;
        font-size: 12px;
        box-shadow: none;
    }

    body.imarked-v1 .im-search-chip__label {
        max-width: 148px;
    }

    body.imarked-v1 .im-search-chips__clear {
        padding: 2px 0 2px;
        font-size: 12.5px;
        align-self: flex-start;
    }

    body.imarked-v1 .im-search-layout > #column-left.im-search-sidebar {
        display: none !important;
    }

    body.imarked-v1 .im-search-layout > #content.im-search-results {
        flex: 1 1 100%;
        width: 100%;
    }

    body.imarked-v1 .im-search-page #products-grid.products-list.row.grid,
    body.imarked-v1 .im-search-page #products-grid.products-list.grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    /* Bottom sheet overlay — keep below Bootstrap/app modals (chrome.css ~12040+) */
    body.imarked-v1 .im-search-sheet-overlay {
        position: fixed;
        inset: 0;
        z-index: 10040;
        background: rgba(15, 23, 42, 0.48);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 320ms cubic-bezier(0.32, 0.72, 0, 1), visibility 320ms;
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
    }

    body.imarked-v1.im-search-sheet-open .im-search-sheet-overlay,
    body.imarked-v1 .im-search-sheet-overlay.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    body.imarked-v1.im-search-sheet-open {
        overflow: hidden;
        position: relative;
    }

    body.imarked-v1.im-search-sheet-open .im-search-page,
    body.imarked-v1.im-search-sheet-open .navbar-fixed-top,
    body.imarked-v1.im-search-sheet-open .bar-tab {
        pointer-events: none;
    }

    /* Native-style bottom sheet (search pages) — compact + tappable */
    body.imarked-v1.im-search-page-host .vertical-wrapperRight,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight {
        position: fixed !important;
        top: auto !important;
        right: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: min(86vh, 680px) !important;
        max-height: min(86vh, 680px) !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 18px 18px 0 0 !important;
        background: #fff !important;
        /* No shadow while closed — avoids edge bleed on the page */
        box-shadow: none !important;
        z-index: 10050 !important;
        overflow: hidden !important;
        resize: none !important;
        visibility: visible !important;
        pointer-events: none;
        opacity: 1;
        -webkit-transform: translate3d(0, 100%, 0) !important;
        transform: translate3d(0, 100%, 0) !important;
        -webkit-transition: transform 340ms cubic-bezier(0.32, 0.72, 0, 1), box-shadow 340ms ease !important;
        transition: transform 340ms cubic-bezier(0.32, 0.72, 0, 1), box-shadow 340ms ease !important;
        will-change: transform;
        display: flex !important;
        flex-direction: column !important;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight.so-vertical-active,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight.so-vertical-active {
        pointer-events: auto;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        box-shadow: 0 -8px 32px rgba(15, 23, 42, 0.2) !important;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight > aside,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight > aside {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto;
        min-height: 0 !important;
        height: 100% !important;
        max-height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #fff;
        overflow: hidden !important;
        position: relative;
        resize: none !important;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight > aside::before,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight > aside::before {
        content: "";
        display: block;
        width: 36px;
        height: 4px;
        margin: 8px auto 2px;
        border-radius: 999px;
        background: #d7dde6;
        flex: 0 0 auto;
    }

    body.imarked-v1.im-search-page-host #remove-verticalmenuRight,
    body.imarked-v1:has(.im-search-page) #remove-verticalmenuRight {
        position: absolute !important;
        top: 8px !important;
        right: 10px !important;
        left: auto !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #f1f5f9;
        color: #475569 !important;
        font-size: 15px !important;
        z-index: 8;
        padding: 0 !important;
        line-height: 32px !important;
        text-align: center;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight > aside > h3.modtitle,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight > aside > h3.modtitle {
        flex: 0 0 auto !important;
        margin: 0 14px 8px !important;
        padding: 0 40px 0 0 !important;
        border: 0 !important;
        font-size: 17px !important;
        font-weight: 800 !important;
        letter-spacing: -0.02em !important;
        text-transform: none !important;
        color: #0f172a !important;
        line-height: 1.2 !important;
        background: transparent !important;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight > aside > h3.modtitle:after,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight > aside > h3.modtitle:after {
        display: none !important;
    }

    /* Search type — segmented chips */
    body.imarked-v1.im-search-page-host .im-search-sheet-radios,
    body.imarked-v1:has(.im-search-page) .im-search-sheet-radios {
        flex: 0 0 auto;
        display: flex;
        flex-wrap: nowrap;
        gap: 0;
        margin: 0 14px 8px;
        padding: 3px;
        border-radius: 12px;
        background: #eef2f7;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight .radioHomeSearch,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight .radioHomeSearch {
        display: block !important;
        flex: 1 1 0;
        min-width: 0;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight .radioHomeSearch .searchStyle,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight .radioHomeSearch .searchStyle {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        width: 100%;
        min-height: 34px;
        margin: 0;
        padding: 6px 8px;
        border: 0;
        border-radius: 10px;
        background: transparent;
        font-size: 12px;
        font-weight: 700;
        color: #64748b;
        white-space: nowrap;
        cursor: pointer;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight .radioHomeSearch input.SearchType,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight .radioHomeSearch input.SearchType {
        position: absolute;
        opacity: 0;
        pointer-events: none;
        width: 0;
        height: 0;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight .radioHomeSearch input.SearchType:checked + .searchStyle,
    body.imarked-v1.im-search-page-host .vertical-wrapperRight .radioHomeSearch .searchStyle:has(input.SearchType:checked),
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight .radioHomeSearch .searchStyle:has(input.SearchType:checked) {
        background: #fff;
        color: #0f172a;
        box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1);
    }

    /* Selected search-type chip (label wraps the radio input) */
    body.imarked-v1.im-search-page-host .vertical-wrapperRight .radioHomeSearch label.searchStyle.is-selected,
    body.imarked-v1.im-search-page-host .vertical-wrapperRight .radioHomeSearch label.searchStyle:has(> input:checked),
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight .radioHomeSearch label.searchStyle.is-selected,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight .radioHomeSearch label.searchStyle:has(> input:checked) {
        background: #fff;
        color: #0f172a;
        box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1);
    }

    /* Mirrored keyword field */
    body.imarked-v1 .im-search-sheet-toolbar {
        flex: 0 0 auto;
        padding: 0 14px 8px;
        background: #fff;
        border-bottom: 1px solid #eef2f7;
    }

    body.imarked-v1 .im-search-sheet-search {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        margin: 0;
        padding: 0 12px;
        min-height: 40px;
        border: 1px solid #e5eaf1;
        border-radius: 12px;
        background: #f5f7fb;
        font-weight: 500;
    }

    body.imarked-v1 .im-search-sheet-search:focus-within {
        border-color: rgba(0, 102, 255, 0.4);
        background: #fff;
        box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1);
    }

    body.imarked-v1 .im-search-sheet-search > .fa-search {
        color: #94a3b8;
        font-size: 14px;
        flex: 0 0 auto;
    }

    body.imarked-v1 .im-search-sheet-search__input {
        flex: 1 1 auto;
        min-width: 0;
        width: 100%;
        height: 38px;
        margin: 0;
        padding: 0;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        color: #0f172a;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        resize: none !important;
        -webkit-appearance: none;
        appearance: none;
    }

    body.imarked-v1 .im-search-sheet-search__input::placeholder {
        color: #94a3b8;
        font-weight: 500;
    }

    /* Scrollable filters */
    body.imarked-v1 .im-search-sheet-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        padding: 2px 0 6px;
        touch-action: pan-y;
        scrollbar-width: thin;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight .im-search-filter-panel--drawer,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight .im-search-filter-panel--drawer,
    body.imarked-v1.im-search-page-host .vertical-wrapperRight .module.menu-category,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight .module.menu-category {
        position: static !important;
        top: auto !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 0 14px 4px !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        resize: none !important;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-filter-section {
        margin-top: 6px;
        padding-top: 8px;
        border-top: 1px solid #eef2f7;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-filter-section:first-child,
    body.imarked-v1 .vertical-wrapperRight .im-search-filter-section--categories {
        margin-top: 2px;
        padding-top: 4px;
        border-top: 0;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-filter-section__head {
        margin: 0 0 4px !important;
        min-height: 32px;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-filter-section__head .im-search-filter-chevron {
        width: 22px;
        height: 22px;
        border-radius: 7px;
        font-size: 12px;
        background: #f1f5f9;
    }

    body.imarked-v1 .vertical-wrapperRight .modtitle {
        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        color: #64748b !important;
    }

    /* Category tree density in bottom sheet */
    body.imarked-v1 .vertical-wrapperRight #cat_accordion a {
        padding: 9px 34px 9px 10px !important;
        font-size: 13px !important;
    }

    body.imarked-v1 .vertical-wrapperRight #cat_accordion .button-view {
        top: 5px !important;
        width: 28px !important;
        height: 28px !important;
    }

    /* Dense but tappable rows (≈40px) — non-pill lists only */
    body.imarked-v1 .vertical-wrapperRight .im-search-filter-panel ol:not(.im-search-pills) > li,
    body.imarked-v1 .vertical-wrapperRight .im-search-filter-panel ol:not(.im-search-pills) > li > a {
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 6px !important;
        gap: 10px !important;
        border-radius: 10px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-filter-panel ol:not(.im-search-pills) > li + li {
        margin-top: 1px !important;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-pills {
        gap: 7px !important;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-pill__label {
        min-height: 38px;
        padding: 8px 13px !important;
        font-size: 13px !important;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-filter-panel input[type="checkbox"] {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        border-radius: 5px;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-price {
        gap: 6px;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-price__label {
        margin-bottom: 4px;
        font-size: 10px;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-price .form-control {
        height: 40px !important;
        border-radius: 10px !important;
        font-size: 13px !important;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-price__sep {
        margin-top: 14px;
    }

    body.imarked-v1 .vertical-wrapperRight .scrollbar {
        max-height: 180px !important;
        border-radius: 10px !important;
        padding: 2px 6px !important;
    }

    body.imarked-v1 .im-search-drawer-footer {
        flex: 0 0 auto !important;
        position: relative !important;
        display: flex !important;
        gap: 8px;
        margin: 0 !important;
        padding: 8px 14px calc(8px + env(safe-area-inset-bottom, 0px));
        background: #fff;
        border-top: 1px solid #eef1f5;
        box-shadow: 0 -4px 14px rgba(15, 23, 42, 0.05);
        z-index: 5;
    }

    body.imarked-v1 .im-search-drawer-footer .im-search-drawer-footer__reset,
    body.imarked-v1 .im-search-drawer-footer .im-search-drawer-footer__apply {
        flex: 1 1 50%;
        min-height: 42px;
        border-radius: 999px;
        font-size: 13px;
        font-weight: 700;
        border: 1px solid #e2e8f0;
        cursor: pointer;
    }

    body.imarked-v1 .im-search-drawer-footer__reset {
        background: #f8fafc;
        color: #334155;
    }

    body.imarked-v1 .im-search-drawer-footer__apply {
        background: var(--im-primary, #0066ff);
        border-color: var(--im-primary, #0066ff);
        color: #fff;
        box-shadow: 0 4px 12px rgba(0, 102, 255, 0.2);
    }
}

@media (min-width: 768px) {
    body.imarked-v1 .im-search-mobile-bar,
    body.imarked-v1 .im-search-drawer-footer,
    body.imarked-v1 .im-search-sheet-overlay {
        display: none !important;
    }
}

/* IMARKED V1 — Professional store profile
   Scope: body.imarked-v1 .im-store-page (Views/Store/Search.cshtml)
   Keeps existing JS/IDs/handlers — visual layer + section chrome only. */

body.imarked-v1 .im-store-page {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 0 48px;
    background: transparent;
    font-family: var(--im-font, "Plus Jakarta Sans", "Segoe UI", sans-serif);
}

body.imarked-v1 .main-container.container > .im-store-page {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 15px !important;
    background: none !important;
}

body.imarked-v1 .im-store-page .breadcrumb {
    margin: 8px 0 18px;
    padding: 0;
    background: transparent;
    font-size: 13px;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-store-page .breadcrumb > li + li:before {
    color: #94a3b8;
}

body.imarked-v1 .im-store-page .breadcrumb a {
    color: var(--im-muted, #6e7a8a);
    text-decoration: none;
}

body.imarked-v1 .im-store-page .breadcrumb a:hover {
    color: var(--im-primary, #0066ff);
}

/* ===============================================
   PROFILE SHELL
   =============================================== */

body.imarked-v1 .im-store-page .cla-store-profile-wrapper {
    background: transparent;
    padding-bottom: 0;
}

body.imarked-v1 .im-store-page .cla-profile-header {
    background: #fff;
    border: 0;
    border-radius: 20px;
    overflow: visible;
    box-shadow: 0 8px 28px rgba(24, 28, 35, 0.07);
    margin-bottom: 20px;
}

/* Banner / slider — keep slider markup; style the frame.
   IMPORTANT: imarked-v1-home.css hides #divBannerContainer images (home fade layers).
   Store page must show the real owl carousel images. */
body.imarked-v1 .im-store-page .cla-banner-container {
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    min-height: 280px;
    background: #f3f4f6;
    position: relative;
}

body.imarked-v1 .im-store-page #divBannerContainer.slider-container,
body.imarked-v1 .im-store-page #divBannerContainer {
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 280px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: inherit !important;
    line-height: normal !important;
    color: inherit !important;
    pointer-events: auto !important;
}

body.imarked-v1 .im-store-page #divBannerContainer #so-slideshow,
body.imarked-v1 .im-store-page #divBannerContainer .module,
body.imarked-v1 .im-store-page #divBannerContainer .two-block,
body.imarked-v1 .im-store-page #divBannerContainer .yt-content-slider,
body.imarked-v1 .im-store-page #divBannerContainer .owl-carousel,
body.imarked-v1 .im-store-page #divBannerContainer .owl2-stage-outer,
body.imarked-v1 .im-store-page #divBannerContainer .owl-stage-outer {
    width: 100% !important;
    height: auto !important;
    min-height: 280px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.imarked-v1 .im-store-page #divBannerContainer img,
body.imarked-v1 .im-store-page #divBannerContainer .c-mainbanner-search,
body.imarked-v1 .im-store-page #divBannerContainer .img-responsive {
    opacity: 1 !important;
    visibility: visible !important;
    font-size: inherit !important;
    color: inherit !important;
    text-indent: 0 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 360px;
    object-fit: cover;
    border-radius: 0 !important;
}

body.imarked-v1 .im-store-page #divBannerContainer .loadeding {
    display: none !important;
}

body.imarked-v1 .im-store-page #divBannerContainer .owl-nav,
body.imarked-v1 .im-store-page #divBannerContainer .owl2-nav,
body.imarked-v1 .im-store-page #divBannerContainer .owl-prev,
body.imarked-v1 .im-store-page #divBannerContainer .owl-next,
body.imarked-v1 .im-store-page #divBannerContainer .owl2-prev,
body.imarked-v1 .im-store-page #divBannerContainer .owl2-next {
    pointer-events: auto !important;
    opacity: 0.85 !important;
    visibility: visible !important;
}

body.imarked-v1 .im-store-page .cla-banner-slider {
    min-height: 280px;
    background: linear-gradient(120deg, #1e293b 0%, #334155 100%);
}

/* No-banner placeholder — large inclined store name watermark */
body.imarked-v1 .im-store-page .im-store-banner-placeholder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    min-height: 280px;
    padding: 40px 28px;
    background: linear-gradient(125deg, #1a2230 0%, #2c3e50 42%, #3d5a80 100%);
    color: #fff;
    text-align: center;
}

body.imarked-v1 .im-store-page .im-store-banner-placeholder:before {
    content: "";
    position: absolute;
    inset: -20%;
    background:
        radial-gradient(circle at 20% 30%, rgba(0, 102, 255, 0.28), transparent 42%),
        radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.08), transparent 40%);
    pointer-events: none;
}

body.imarked-v1 .im-store-page .im-store-banner-placeholder__watermark {
    position: relative;
    z-index: 1;
    max-width: 92%;
    margin: 0;
    font-size: 44px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.05;
    color: #fff;
    opacity: 0.22;
    text-transform: none;
    word-break: break-word;
    user-select: none;
}

/* Single banner image — fill the frame without owl */
body.imarked-v1 .im-store-page #divBannerContainer.im-store-banner--single,
body.imarked-v1 .im-store-page #divBannerContainer.im-store-banner--single #so-slideshow,
body.imarked-v1 .im-store-page #divBannerContainer.im-store-banner--single .module,
body.imarked-v1 .im-store-page #divBannerContainer.im-store-banner--single .two-block {
    min-height: 280px !important;
}

body.imarked-v1 .im-store-page #divBannerContainer.im-store-banner--single img.im-store-banner-single-img,
body.imarked-v1 .im-store-page #divBannerContainer.im-store-banner--single img {
    width: 100% !important;
    height: 280px !important;
    max-height: none !important;
    object-fit: cover !important;
}

body.imarked-v1 .im-store-page .cla-store-logo-wrapper {
    position: relative;
    z-index: 3;
    border: 0;
    border-top: 0;
    padding: 0 28px 4px;
    background: #fff;
    border-radius: 0;
}

body.imarked-v1 .im-store-page .cla-store-logo-wrapper > .row,
body.imarked-v1 .im-store-page .cla-store-logo-wrapper > .row > [class*="col-"] {
    margin: 0;
    padding: 0;
}

body.imarked-v1 .im-store-page .cla-logo-container {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 16px 22px;
    padding: 0 0 18px;
}

/* DP — ~10% larger, floats further onto banner */
body.imarked-v1 .im-store-page .cla-logo-image,
body.imarked-v1 .im-store-page .cla-logo-placeholder {
    width: 150px !important;
    height: 150px !important;
    margin-top: -88px !important;
    margin-bottom: 0 !important;
    margin-left: 2px;
    border-radius: 11px !important;
    border: 3px solid #fff !important;
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.06),
        0 8px 22px rgba(15, 23, 42, 0.14) !important;
    background: #fff !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 4 !important;
    position: relative;
}

body.imarked-v1 .im-store-page .cla-logo-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    padding: 2px;
    display: block;
    background: #fff;
}

body.imarked-v1 .im-store-page .cla-logo-placeholder {
    background: linear-gradient(145deg, #1e293b 0%, #334155 55%, #0066ff 130%) !important;
    color: #fff !important;
    font-size: 0 !important; /* hide legacy icon size */
}

body.imarked-v1 .im-store-page .cla-logo-placeholder__initials {
    display: block;
    font-size: 41px;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
}

body.imarked-v1 .im-store-page .cla-store-header-info {
    flex: 1 1 220px;
    min-width: 200px;
    padding-bottom: 2px;
    padding-top: 10px;
    align-self: center;
}

body.imarked-v1 .im-store-page .cla-store-name {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 1px;
    color: var(--im-fg, #181c23);
    margin: 0 0 6px;
    line-height: 1.15;
}

body.imarked-v1 .im-store-page .cla-store-name small {
    font-size: 15px;
    font-weight: 600;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-store-page .cla-store-category {
    font-size: 14px;
    font-weight: 600;
    color: var(--im-muted, #6e7a8a);
    margin: 0 0 10px;
}

body.imarked-v1 .im-store-page .cla-store-rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 14px;
}

body.imarked-v1 .im-store-page .cla-rate-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #eef4ff;
    color: var(--im-primary, #0066ff);
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none;
}

body.imarked-v1 .im-store-page .cla-rate-link:hover {
    background: #dde9ff;
    text-decoration: none;
    color: var(--im-primary-hover, #0052cc);
}

/* Actions */
body.imarked-v1 .im-store-page .cla-action-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-left: auto;
    padding: 18px 0 4px;
}

body.imarked-v1 .im-store-page .cla-action-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    border: 1.5px solid transparent !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

body.imarked-v1 .im-store-page .cla-btn-follow {
    background: var(--im-primary, #0066ff) !important;
    border-color: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    box-shadow: 0 6px 16px rgba(0, 102, 255, 0.22) !important;
}

body.imarked-v1 .im-store-page .cla-btn-follow:hover {
    background: var(--im-primary-hover, #0052cc) !important;
    border-color: var(--im-primary-hover, #0052cc) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

body.imarked-v1 .im-store-page .cla-btn-following {
    background: #eef2f7 !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-store-page .cla-btn-secondary,
body.imarked-v1 .im-store-page .cla-btn-outline,
body.imarked-v1 .im-store-page .cla-btn-contact {
    background: #fff !important;
    border-color: #c7d7f5 !important;
    color: var(--im-primary, #0066ff) !important;
}

body.imarked-v1 .im-store-page .cla-btn-secondary:hover,
body.imarked-v1 .im-store-page .cla-btn-outline:hover,
body.imarked-v1 .im-store-page .cla-btn-contact:hover {
    background: #f4f8ff !important;
    border-color: var(--im-primary, #0066ff) !important;
    color: var(--im-primary-hover, #0052cc) !important;
}

body.imarked-v1 .im-store-page .cla-action-btn.cla-disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Contact strip under header */
body.imarked-v1 .im-store-page .cla-contact-subheader {
    background: #f8fafc;
    border-top: 1px solid #eef2f7;
    border-radius: 0 0 20px 20px;
    padding: 12px 28px 14px;
}

body.imarked-v1 .im-store-page .cla-contact-info-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
}

body.imarked-v1 .im-store-page .cla-contact-info-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #e7ebf0;
    color: #334155;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

body.imarked-v1 .im-store-page .cla-contact-info-item i {
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-store-page .cla-contact-info-item a {
    color: inherit;
    text-decoration: none;
}

/* ===============================================
   STATS / TABS / USP
   =============================================== */

body.imarked-v1 .im-store-page .im-store-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 14px;
}

body.imarked-v1 .im-store-page .im-store-stat {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid var(--im-border, #e7ebf0);
    border-radius: 14px;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.03);
}

body.imarked-v1 .im-store-page .im-store-stat__icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef4ff;
    color: var(--im-primary, #0066ff);
    font-size: 16px;
    flex-shrink: 0;
}

body.imarked-v1 .im-store-page .im-store-stat__value {
    display: block;
    font-size: 20px;
    font-weight: 800;
    color: var(--im-fg, #181c23);
    letter-spacing: -0.02em;
    line-height: 1.1;
}

body.imarked-v1 .im-store-page .im-store-stat__label {
    display: block;
    margin-top: 2px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-store-page .im-store-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 22px;
    margin: 0 0 18px;
    padding: 0 2px;
    border-bottom: 1px solid #e7ebf0;
}

body.imarked-v1 .im-store-page .im-store-tabs a {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 10px 2px 14px;
    color: #64748b;
    font-size: 14.5px;
    font-weight: 700;
    text-decoration: none;
}

body.imarked-v1 .im-store-page .im-store-tabs a:hover {
    color: var(--im-fg, #181c23);
    text-decoration: none;
}

body.imarked-v1 .im-store-page .im-store-tabs a.is-active {
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-store-page .im-store-tabs a.is-active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: var(--im-primary, #0066ff);
}

/* Nested panels inside Om oss — same card style for services + adresse/sted */
body.imarked-v1 .im-store-page .im-store-usps--about {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 14px 0 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

body.imarked-v1 .im-store-page .im-store-usps--about:empty {
    display: none;
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    padding: 12px 14px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    box-shadow: none;
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp__icon {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef4ff;
    color: var(--im-primary, #0066ff);
    font-size: 13px;
    flex-shrink: 0;
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp__text {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.35;
    white-space: normal;
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp--sted {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp__label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #94a3b8;
    line-height: 1;
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp__reveal {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-decoration: none;
    text-align: left;
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp__reveal.cla-clickable {
    cursor: pointer;
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp__reveal.cla-clickable:hover .im-store-usp__text {
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp__reveal small {
    font-weight: 700;
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp__map-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    padding: 8px 14px;
    border: 1.5px solid #c7d7f5;
    border-radius: 999px;
    background: #fff;
    color: var(--im-primary, #0066ff);
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
    transition: background 160ms ease, border-color 160ms ease;
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp__map-btn:hover {
    background: #f4f8ff;
    border-color: var(--im-primary, #0066ff);
}

/* ===============================================
   MAIN LAYOUT
   =============================================== */

body.imarked-v1 .im-store-page .cla-main-content {
    max-width: 100%;
    margin: 0;
}

body.imarked-v1 .im-store-page .cla-main-content > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -12px;
    margin-right: -12px;
}

body.imarked-v1 .im-store-page .cla-main-content > .row > [class*="col-"] {
    padding-left: 12px;
    padding-right: 12px;
}

body.imarked-v1 .im-store-page #column-left {
    background: transparent;
    padding: 0;
}

body.imarked-v1 .im-store-page .cla-info-card {
    border-radius: 16px;
    border: 1px solid var(--im-border, #e7ebf0);
    background: #fff;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
    margin-bottom: 16px;
    overflow: hidden;
}

body.imarked-v1 .im-store-page .cla-card-header {
    padding: 14px 18px;
    border-bottom: 1px solid #eef2f7;
    background: #fff;
}

body.imarked-v1 .im-store-page .cla-card-header h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    color: var(--im-fg, #181c23);
    letter-spacing: 0.01em;
}

body.imarked-v1 .im-store-page .cla-card-header h3 i {
    color: var(--im-primary, #0066ff);
    margin-right: 6px;
}

body.imarked-v1 .im-store-page .cla-card-body {
    padding: 16px 18px 18px;
}

body.imarked-v1 .im-store-page .cla-description p {
    margin: 0 0 8px;
    font-size: 13.5px;
    line-height: 1.55;
    color: #475569;
}

body.imarked-v1 .im-store-page .cla-read-more {
    font-size: 13px;
    font-weight: 700;
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-store-page .cla-info-item {
    display: flex;
    gap: 12px;
    margin-top: 14px;
}

body.imarked-v1 .im-store-page .cla-info-item > i {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: #475569;
    flex-shrink: 0;
    margin-top: 2px;
}

body.imarked-v1 .im-store-page .cla-info-label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
    margin-bottom: 2px;
}

body.imarked-v1 .im-store-page .cla-info-value {
    font-size: 13.5px;
    font-weight: 600;
    color: #334155;
}

body.imarked-v1 .im-store-page .cla-delivery-tag {
    display: inline-block;
    margin: 2px 4px 2px 0;
    padding: 3px 8px;
    border-radius: 999px;
    background: #f1f5f9;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
}

/* Quick Access / QR — framed code, matches Om oss / Filtre card chrome */
body.imarked-v1 .im-store-page .cla-qr-card .cla-card-header h3 i {
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-store-page .cla-qr-card__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 14px 18px !important;
    text-align: center;
}

body.imarked-v1 .im-store-page .cla-qr-frame {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 0 10px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body.imarked-v1 .im-store-page .cla-qr-card .cla-qr-image {
    display: block;
    width: 187px;
    height: 187px;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #fff;
    object-fit: contain;
    image-rendering: pixelated;
}

body.imarked-v1 .im-store-page .cla-qr-text {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #6e7a8a;
    line-height: 1.35;
}

/* Sidebar store search */
body.imarked-v1 .im-store-page .im-store-side-search {
    margin-bottom: 16px;
}

body.imarked-v1 .im-store-page .im-store-side-search .cla-card-body {
    padding: 14px;
}

body.imarked-v1 .im-store-page .im-store-side-search .search.input-group {
    display: flex;
    width: 100%;
    border: 1.5px solid #dbe3ee;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

body.imarked-v1 .im-store-page .im-store-side-search #keywordStore {
    flex: 1 1 auto;
    height: 44px !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 14px !important;
    font-size: 13.5px !important;
    background: transparent !important;
}

body.imarked-v1 .im-store-page .im-store-side-search #btnSearch_Store {
    width: 48px !important;
    height: 44px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-store-page .im-store-side-search #btnSearch_Store:hover {
    background: var(--im-primary-hover, #0052cc) !important;
}

/* ===============================================
   FILTER PANEL
   =============================================== */

body.imarked-v1 .im-store-page .im-search-filter-panel {
    position: sticky;
    top: 90px;
    margin: 0 0 16px !important;
    padding: 0 16px 16px !important;
    background: #fff !important;
    border: 1px solid var(--im-border, #e7ebf0) !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04) !important;
    overflow: hidden;
}

body.imarked-v1 .im-store-page .im-store-filter-panel__head {
    margin: 0 -16px 4px;
    padding: 14px 18px;
    border-bottom: 1px solid #eef2f7;
    background: #fff;
}

body.imarked-v1 .im-store-page .im-store-filter-panel__head h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    color: var(--im-fg, #181c23);
}

body.imarked-v1 .im-store-page .im-store-filter-panel__head h3 i {
    color: var(--im-primary, #0066ff);
    margin-right: 6px;
}

body.imarked-v1 .im-store-page .im-search-filter-panel .modcontent,
body.imarked-v1 .im-store-page .im-search-filter-panel .box-category {
    border: 0 !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-store-page .im-search-filter-section {
    border-top: 1px solid #eef2f7;
    margin-top: 12px;
    padding-top: 12px;
}

body.imarked-v1 .im-store-page .im-search-filter-section:first-of-type {
    border-top: 0;
    margin-top: 8px;
    padding-top: 8px;
}

body.imarked-v1 .im-store-page .im-search-filter-section__head {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    line-height: 1.3 !important;
    cursor: pointer;
    user-select: none;
}

body.imarked-v1 .im-store-page .im-search-filter-section__head:after {
    display: none !important;
    content: none !important;
}

body.imarked-v1 .im-store-page .im-search-filter-chevron {
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #f4f7fb;
    color: #64748b;
    font-size: 13px;
    transition: transform 180ms ease;
}

body.imarked-v1 .im-store-page .im-search-filter-section.is-collapsed .im-search-filter-chevron {
    transform: rotate(-90deg);
}

body.imarked-v1 .im-store-page .im-search-filter-section.is-collapsed .im-search-filter-section__body {
    display: none !important;
}

body.imarked-v1 .im-store-page #cat_accordion.list-group {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.imarked-v1 .im-store-page #cat_accordion > li,
body.imarked-v1 .im-store-page #cat_accordion li li {
    border: 0 !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    background: transparent !important;
    position: relative;
    list-style: none !important;
}

body.imarked-v1 .im-store-page #cat_accordion a {
    display: block !important;
    padding: 10px 34px 10px 12px !important;
    border-radius: 10px !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    background: transparent !important;
    line-height: 1.35 !important;
}

body.imarked-v1 .im-store-page #cat_accordion a:hover {
    background: #f4f7fb !important;
    color: #0f172a !important;
}

body.imarked-v1 .im-store-page #cat_accordion a.active {
    color: var(--im-primary, #0066ff) !important;
    font-weight: 700 !important;
    background: #eef4ff !important;
}

body.imarked-v1 .im-store-page #cat_accordion > li > ul {
    margin: 2px 0 6px !important;
    padding: 0 0 0 6px !important;
    border-left: 2px solid #eef2f7;
    margin-left: 12px !important;
}

body.imarked-v1 .im-store-page #cat_accordion .button-view {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute !important;
    right: 4px !important;
    top: 7px !important;
    width: 26px !important;
    height: 26px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    background: #f4f7fb !important;
    color: #64748b !important;
    cursor: pointer;
}

body.imarked-v1 .im-store-page .im-store-price-row {
    display: flex !important;
    align-items: center;
    width: 100%;
    gap: 0;
}

body.imarked-v1 .im-store-page .im-search-price .form-control {
    height: 42px !important;
    border-radius: 10px !important;
    border: 1.5px solid #dbe3ee !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    background: #fff !important;
}

body.imarked-v1 .im-store-page .im-search-price .form-control:focus {
    border-color: var(--im-primary, #0066ff) !important;
    outline: none !important;
}

body.imarked-v1 .im-store-page .im-store-price-sep {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 28px !important;
    padding: 0 4px !important;
    background: transparent !important;
    border: 0 !important;
    color: #94a3b8 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-store-page .im-store-check-list,
body.imarked-v1 .im-store-page .checkboxes_list {
    max-height: 200px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border: 0 !important;
    overflow-y: auto;
}

body.imarked-v1 .im-store-page .im-store-check-list li,
body.imarked-v1 .im-store-page .checkboxes_list li {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin: 0 0 8px !important;
    padding: 10px 12px !important;
    list-style: none !important;
    background: #fff;
    border: 1.5px solid #e7ebf0;
    border-radius: 12px;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease;
}

body.imarked-v1 .im-store-page .im-store-check-list li:last-child,
body.imarked-v1 .im-store-page .checkboxes_list li:last-child {
    margin-bottom: 0 !important;
}

body.imarked-v1 .im-store-page .im-store-check-list li:hover,
body.imarked-v1 .im-store-page .checkboxes_list li:hover {
    border-color: #c7d7f5;
    background: #f8faff;
}

body.imarked-v1 .im-store-page .im-store-check-list li.hideitem {
    display: none !important;
}

body.imarked-v1 .im-store-page .checkboxes_list input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0 !important;
    flex-shrink: 0;
    accent-color: var(--im-primary, #0066ff);
    cursor: pointer;
}

body.imarked-v1 .im-store-page .checkboxes_list label {
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    cursor: pointer;
    line-height: 1.3 !important;
}

body.imarked-v1 .im-store-page .im-search-filter-reset {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #eef2f7;
}

body.imarked-v1 .im-store-page .im-search-filter-reset__btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 42px;
    margin: 0 !important;
    padding: 8px 14px !important;
    float: none !important;
    border: 1.5px solid #dbe3ee !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-store-page .im-search-filter-reset__btn:hover {
    border-color: var(--im-primary, #0066ff) !important;
    background: #f4f8ff !important;
    color: var(--im-primary, #0066ff) !important;
}

/* ===============================================
   KONTAKT PANEL
   =============================================== */

body.imarked-v1 .im-store-page .im-store-contact-panel {
    margin-bottom: 20px;
}

body.imarked-v1 .im-store-page .im-store-contact-lead {
    margin: 0 0 14px;
    font-size: 13.5px;
    font-weight: 600;
    color: #64748b;
}

body.imarked-v1 .im-store-page .im-store-contact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

body.imarked-v1 .im-store-page .im-store-contact-actions .cla-contact-info-item {
    cursor: pointer;
    border: 1.5px solid #dbe3ee;
    background: #fff;
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}

body.imarked-v1 .im-store-page .im-store-contact-actions button.cla-contact-info-item {
    font: inherit;
    font-weight: 600;
    font-size: 13px;
    color: #334155;
}

body.imarked-v1 .im-store-page .im-store-contact-actions .cla-contact-info-item:hover,
body.imarked-v1 .im-store-page .im-store-contact-actions button.cla-contact-info-item:hover {
    border-color: var(--im-primary, #0066ff);
    background: #f4f8ff;
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-store-page .im-store-contact-cta {
    margin-right: 4px;
}

body.imarked-v1 .im-store-page .im-store-offers-empty {
    margin: 0 0 12px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px dashed #dbe3ee;
    color: #64748b;
    font-size: 14px;
    font-weight: 600;
}

/* ===============================================
   CATALOG
   =============================================== */

body.imarked-v1 .im-store-page .im-store-catalog-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 16px;
}

/* Produkter tab already labels the section — hide duplicate heading */
body.imarked-v1 .im-store-page .im-store-catalog-head.is-products-tab {
    display: none;
}

body.imarked-v1 .im-store-page .im-store-catalog-head.is-offers-tab {
    display: flex;
}

body.imarked-v1 .im-store-page .im-store-catalog-head h2 {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--im-fg, #181c23);
}

body.imarked-v1 .im-store-page .im-store-about-empty {
    margin: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: #94a3b8;
    font-style: italic;
}


body.imarked-v1 .im-store-page .im-store-offers {
    margin: 0 0 16px;
}

body.imarked-v1 .im-store-page .im-store-offers__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
}

body.imarked-v1 .im-store-page .im-store-offer-chip.promProduct.Size-selector {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 0;
    padding: 10px 18px;
    border: 1.5px solid #dbe3ee;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    color: var(--im-fg, #181c23);
    background-image: none;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease, background 0.15s ease;
}

body.imarked-v1 .im-store-page .im-store-offer-chip.promProduct.Size-selector:hover {
    border-color: #94a3b8;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

body.imarked-v1 .im-store-page .im-store-offer-chip.promProduct.Size-selector.active-price {
    border-color: var(--im-primary, #0066ff);
    background: #f0f6ff;
    color: var(--im-primary, #0066ff);
    box-shadow: 0 0 0 2px rgba(0, 102, 255, 0.14);
    background-image: none;
}

body.imarked-v1 .im-store-page .im-store-offer-chip__name {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.25;
}

body.imarked-v1 .im-store-page .im-store-offer-chip.promProduct:disabled:not(.is-loading) {
    opacity: 0.55;
    cursor: wait;
    pointer-events: none;
}

body.imarked-v1 .im-store-page .im-store-offer-chip.promProduct.is-loading {
    gap: 8px;
    cursor: wait;
    pointer-events: none;
    border-color: var(--im-primary, #0066ff);
    background: #f0f6ff;
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-store-page .im-store-offer-chip__spin {
    display: inline-block;
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    border: 2px solid rgba(0, 102, 255, 0.22);
    border-top-color: var(--im-primary, #0066ff);
    border-radius: 50%;
    animation: im-loader-spin 0.7s linear infinite;
}

body.imarked-v1 .im-store-page .products-category {
    margin-top: 0;
}

body.imarked-v1 .im-store-page #products-grid.products-list.row.grid {
    margin-left: -8px;
    margin-right: -8px;
}

/* Store empty catalog — full width of product column */
body.imarked-v1 .im-store-page #products-grid > [class*="col-"] {
    width: 100%;
    float: none;
    padding-left: 8px;
    padding-right: 8px;
}

body.imarked-v1 .im-store-page .im-search-empty--store {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

body.imarked-v1 .im-store-page #products-grid .product-layout {
    padding-left: 8px;
    padding-right: 8px;
}

/* Vis flere */
body.imarked-v1 .im-store-page .im-search-loadmore {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    clear: both;
    width: 100%;
    margin: 28px 0 36px;
    padding: 8px 0 0;
}

body.imarked-v1 .im-store-page .im-search-loadmore #imgLoader {
    margin: 0 0 14px;
}

body.imarked-v1 .im-store-page .im-search-loadmore__btn.is-hidden,
body.imarked-v1 .im-store-page #btnLoadMore.is-hidden,
body.imarked-v1 .im-store-page #btnDead.is-hidden {
    display: none !important;
}

body.imarked-v1 .im-store-page #btnLoadMore.btnLoadMore,
body.imarked-v1 .im-store-page button#btnLoadMore,
body.imarked-v1 .im-store-page .im-search-loadmore__btn:not(.im-search-end) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: auto !important;
    min-width: 200px !important;
    height: 48px !important;
    margin: 0 auto !important;
    padding: 0 32px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: none !important;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(0, 102, 255, 0.22) !important;
    cursor: pointer !important;
    transition: background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

body.imarked-v1 .im-store-page #btnLoadMore.btnLoadMore:hover,
body.imarked-v1 .im-store-page .im-search-loadmore__btn:not(.im-search-end):hover {
    background: #0052cc !important;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(0, 102, 255, 0.3) !important;
    transform: translateY(-1px);
}

body.imarked-v1 .im-store-page #btnLoadMore.is-loading,
body.imarked-v1 .im-store-page .im-search-loadmore__btn.is-loading {
    opacity: 0.85 !important;
    cursor: wait !important;
    pointer-events: none !important;
    transform: none !important;
}

body.imarked-v1 .im-store-page #btnLoadMore.is-loading .fa,
body.imarked-v1 .im-store-page .im-search-loadmore__btn.is-loading .fa {
    animation: im-store-loadmore-spin 0.8s linear infinite;
}

@keyframes im-store-loadmore-spin {
    to { transform: rotate(360deg); }
}

body.imarked-v1 .im-store-page #btnDead,
body.imarked-v1 .im-store-page button.im-search-end,
body.imarked-v1 .im-store-page .im-search-loadmore__btn.im-search-end {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: auto !important;
    margin: 8px auto 0 !important;
    padding: 12px 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: #64748b !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    cursor: default !important;
    pointer-events: none !important;
}

/* ===============================================
   SHARE BAR
   =============================================== */

body.imarked-v1 .im-store-page .im-store-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    margin: 28px 0 8px;
    padding: 22px 28px;
    border-radius: 18px;
    background: linear-gradient(115deg, #2d1b69 0%, #4c1d95 45%, #5b21b6 100%);
    color: #fff;
    box-shadow: 0 12px 32px rgba(76, 29, 149, 0.28);
}

body.imarked-v1 .im-store-page .im-store-share__title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: #fff;
}

body.imarked-v1 .im-store-page .im-store-share__title i {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.14);
    font-size: 16px;
}

body.imarked-v1 .im-store-page .im-store-share__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.imarked-v1 .im-store-page .im-store-share__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 0;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: background 160ms ease, transform 160ms ease;
}

body.imarked-v1 .im-store-page .im-store-share__btn:hover {
    background: rgba(255, 255, 255, 0.24);
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
}

body.imarked-v1 .im-store-page .im-store-share__btn--copy {
    background: #fff;
    color: #4c1d95;
}

body.imarked-v1 .im-store-page .im-store-share__btn--copy:hover {
    background: #f5f3ff;
    color: #4c1d95;
}

body.imarked-v1 .im-store-page .im-store-share__btn--disabled,
body.imarked-v1 .im-store-page--mobile .im-m-store-share-card .im-store-share__btn--disabled {
    opacity: 0.42;
    cursor: not-allowed;
    pointer-events: none;
    filter: grayscale(0.35);
}

/* Compact share card in left sidebar */
body.imarked-v1 .im-store-page .im-store-share--side {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 14px;
    margin: 0 0 16px;
    padding: 16px;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(76, 29, 149, 0.22);
}

body.imarked-v1 .im-store-page .im-store-share--side .im-store-share__title {
    font-size: 14px;
    line-height: 1.3;
    gap: 10px;
}

body.imarked-v1 .im-store-page .im-store-share--side .im-store-share__title i {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    font-size: 14px;
    flex-shrink: 0;
}

body.imarked-v1 .im-store-page .im-store-share--side .im-store-share__actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.imarked-v1 .im-store-page .im-store-share--side .im-store-share__btn {
    justify-content: flex-start;
    width: 100%;
    min-height: 40px;
    padding: 8px 12px;
    font-size: 12.5px;
}

/* ===============================================
   RESPONSIVE
   =============================================== */

@media (max-width: 991px) {
    body.imarked-v1 .im-store-page .cla-logo-image,
    body.imarked-v1 .im-store-page .cla-logo-placeholder {
        width: 117px !important;
        height: 117px !important;
        margin-top: -75px !important;
        border-radius: 11px !important;
    }

    body.imarked-v1 .im-store-page .cla-logo-placeholder__initials {
        font-size: 34px;
    }

    body.imarked-v1 .im-store-page .cla-store-logo-wrapper {
        padding: 0 20px 4px;
    }

    body.imarked-v1 .im-store-page .cla-store-name {
        font-size: 22px;
    }

    body.imarked-v1 .im-store-page .cla-action-bar {
        width: 100%;
        justify-content: flex-start;
        padding-top: 4px;
    }

    body.imarked-v1 .im-store-page .im-store-stats {
        grid-template-columns: 1fr;
    }

    body.imarked-v1 .im-store-page .im-search-filter-panel {
        position: static;
    }
}

@media (max-width: 767px) {
    body.imarked-v1 .im-store-page .cla-logo-image,
    body.imarked-v1 .im-store-page .cla-logo-placeholder {
        width: 97px !important;
        height: 97px !important;
        margin-top: -62px !important;
        border-radius: 11px !important;
        border-width: 2px !important;
    }

    body.imarked-v1 .im-store-page .cla-logo-image img {
        padding: 2px;
    }

    body.imarked-v1 .im-store-page .cla-logo-placeholder__initials {
        font-size: 29px;
    }

    body.imarked-v1 .im-store-page .cla-store-logo-wrapper,
    body.imarked-v1 .im-store-page .cla-contact-subheader {
        padding-left: 16px;
        padding-right: 16px;
    }

    body.imarked-v1 .im-store-page .cla-banner-container,
    body.imarked-v1 .im-store-page .cla-banner-slider,
    body.imarked-v1 .im-store-page .im-store-banner-placeholder,
    body.imarked-v1 .im-store-page #divBannerContainer.im-store-banner--single img {
        min-height: 200px;
    }

    body.imarked-v1 .im-store-page #divBannerContainer.im-store-banner--single img {
        height: 200px !important;
    }

    body.imarked-v1 .im-store-page .im-store-banner-placeholder__watermark {
        font-size: 44px;
        opacity: 0.26;
    }

    body.imarked-v1 .im-store-page .im-store-share {
        padding: 18px 16px;
    }

    body.imarked-v1 .im-store-page .im-store-share__title {
        font-size: 16px;
    }
}

/* ===============================================
   MOBILE STORE PROFILE — premium marketplace look
   Search_m.cshtml · Scandinavian / IMARKED blue
   Product grid (NOT slider). Header + bottom nav unchanged.
   =============================================== */

body.imarked-v1 .im-store-page--mobile {
    --im-m-radius: 18px;
    --im-m-pad: 14px;
    --im-m-gap: 12px;
    padding: 15px 12px 28px;
    background: #f2f4f7;
}

body.imarked-v1 .im-store-page--mobile .cla-store-profile-wrapper {
    background: transparent;
    box-shadow: none;
    border: 0;
    margin: 0;
}

body.imarked-v1 .im-store-page--mobile .cla-profile-header {
    margin: 0 0 var(--im-m-gap);
    border-radius: var(--im-m-radius);
    overflow: visible;
    background: #fff;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
    border: 0;
}

/* Hero cover — rounded top like mockup */
body.imarked-v1 .im-store-page--mobile .cla-banner-container {
    --im-m-store-banner-h: 168px;
    margin: 0;
    border-radius: var(--im-m-radius) var(--im-m-radius) 0 0;
    overflow: hidden;
    min-height: 0 !important;
    height: auto !important;
    background: #f3f4f6;
}

/* Case 1: no image — compact welcome (no empty blue area) */
body.imarked-v1 .im-store-page--mobile .cla-banner-container:not(.im-store-banner--has-image) {
    min-height: 0 !important;
    height: auto !important;
    background: transparent;
}

/* Undo home absolute/height:100% on store banner box */
body.imarked-v1 .im-store-page--mobile .cla-banner-container #divBannerContainer,
body.imarked-v1 .im-store-page--mobile .cla-banner-container #divBannerContainer.slider-container {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    font-size: inherit !important;
    line-height: normal !important;
    color: inherit !important;
    pointer-events: auto !important;
    background: transparent !important;
}

/* Case 2 & 3: has image(s) — full width, natural height (no edge crop) */
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    background: #f3f4f6;
}

body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer.slider-container,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer.im-store-banner--single,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer #so-slideshow,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .module,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .two-block,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .yt-content-slider,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .owl-carousel,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .owl2-stage-outer,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .owl-stage-outer {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    font-size: inherit !important;
    line-height: normal !important;
    color: inherit !important;
    pointer-events: auto !important;
    background: transparent !important;
}

/* Keep owl-stage transform intact (required for sliding); height follows image */
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .yt-content-slide,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .owl-item,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer a {
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer img,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer img.im-store-banner-single-img,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .img-responsive,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .c-mainbanner-search {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: inherit !important;
    color: inherit !important;
    text-indent: 0 !important;
    border-radius: 0 !important;
}

body.imarked-v1 .im-store-page--mobile .im-store-banner-placeholder {
    border-radius: 0;
}

/* Case 1 welcome — ~10% taller than compact baseline */
body.imarked-v1 .im-store-page--mobile .im-m-store-welcome {
    position: relative !important;
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 23px 16px 26px;
    overflow: hidden;
    background:
        radial-gradient(ellipse 80% 60% at 20% 40%, rgba(56, 120, 220, 0.45), transparent 55%),
        radial-gradient(ellipse 50% 50% at 75% 20%, rgba(100, 180, 255, 0.2), transparent 50%),
        linear-gradient(145deg, #071a36 0%, #0d2f5c 42%, #164a8a 78%, #0a3d7a 100%);
    color: #fff;
    text-align: left;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-welcome__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 15% 25%, rgba(120, 190, 255, 0.22) 0 1.5px, transparent 2px),
        radial-gradient(circle at 40% 55%, rgba(120, 190, 255, 0.16) 0 1px, transparent 2px),
        radial-gradient(circle at 70% 30%, rgba(160, 210, 255, 0.18) 0 1.5px, transparent 2px),
        radial-gradient(circle at 55% 75%, rgba(100, 170, 255, 0.14) 0 1px, transparent 2px);
    opacity: 0.9;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-welcome__bag {
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%) rotate(-8deg);
    font-size: 84px;
    line-height: 1;
    color: rgba(140, 190, 255, 0.22);
    pointer-events: none;
    z-index: 0;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-welcome__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
    height: auto;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-welcome__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    max-width: 78%;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-welcome__eyebrow {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.01em;
    opacity: 0.92;
    line-height: 1.3;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-welcome__name {
    font-size: clamp(26px, 7vw, 34px);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.12;
    word-break: break-word;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-welcome__city {
    margin-top: 2px;
    font-size: 13px;
    font-weight: 600;
    opacity: 0.85;
}

body.imarked-v1 .im-store-page--mobile .im-store-banner-placeholder__watermark {
    display: none;
}

/* Case 3: show slider chrome (mobile home CSS hides these globally) */
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl-nav,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl2-nav {
    display: block !important;
    pointer-events: none !important;
}

body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl-prev,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl-next,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl2-prev,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl2-next {
    display: block !important;
    pointer-events: auto !important;
    opacity: 0.85 !important;
    visibility: visible !important;
    z-index: 5 !important;
}

body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl-dots,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl2-dots {
    display: flex !important;
    justify-content: center;
    gap: 6px;
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    z-index: 5 !important;
    pointer-events: auto !important;
}

body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl-dot,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl2-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.45) !important;
    border: 0 !important;
}

body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl-dot.active,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl2-dot.active {
    background: #fff !important;
}

/* Identity — logo overlaps banner; name/rating sit beside logo */
body.imarked-v1 .im-store-page--mobile .cla-store-logo-wrapper.im-m-store-identity {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body.imarked-v1 .im-store-page--mobile .cla-store-logo-wrapper > .row,
body.imarked-v1 .im-store-page--mobile .cla-store-logo-wrapper > .row > [class*="col-"] {
    margin: 0;
    padding: 0;
}

body.imarked-v1 .im-store-page--mobile .cla-logo-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 0 var(--im-m-pad) 16px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-identity__top {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 12px;
    min-width: 0;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-identity__top .cla-logo-image,
body.imarked-v1 .im-store-page--mobile .im-m-store-identity__top .cla-logo-placeholder {
    width: 84px !important; /* +10% from 76px */
    height: 84px !important;
    margin: -52px 0 0 0 !important; /* float higher over banner/slider */
    border: 3px solid #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.16) !important;
    flex-shrink: 0 !important;
    z-index: 4 !important;
    position: relative;
}

body.imarked-v1 .im-store-page--mobile .cla-logo-placeholder__initials {
    font-size: 26px;
    letter-spacing: 0.02em;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-identity__top .cla-store-header-info {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    padding: 10px 0 0;
    align-self: flex-end;
}

body.imarked-v1 .im-store-page--mobile .cla-store-name {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -0.01em;
    margin: 0 0 2px;
    line-height: 1.2;
}

body.imarked-v1 .im-store-page--mobile .cla-store-name small {
    font-size: 13px;
    font-weight: 600;
    color: #94a3b8;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-info-link {
    display: inline-block;
    margin-left: 2px;
    color: #94a3b8;
    font-size: 13px;
    vertical-align: middle;
}

body.imarked-v1 .im-store-page--mobile .cla-store-category {
    font-size: 12.5px;
    font-weight: 500;
    color: #94a3b8;
    margin: 0 0 4px;
}

body.imarked-v1 .im-store-page--mobile .cla-store-rating {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    margin: 0;
}

body.imarked-v1 .im-store-page--mobile .cla-store-rating .cla-stars {
    display: inline-flex;
    align-items: center;
    gap: 1px;
}

body.imarked-v1 .im-store-page--mobile .cla-store-rating .cla-stars .rating {
    width: 14px;
    height: 14px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-rating-value {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1;
}

body.imarked-v1 .im-store-page--mobile .cla-rate-link {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 3px 9px;
    border-radius: 999px;
    background: #e8f1ff;
    color: var(--im-primary, #0066ff);
    font-size: 11.5px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.3;
}

/* Actions */
body.imarked-v1 .im-store-page--mobile .im-m-store-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin: 4px 0 0;
    padding: 0;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-actions__row {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-actions .cla-action-btn {
    flex: 1 1 0;
    justify-content: center;
    min-height: 42px;
    padding: 9px 8px !important;
    border-radius: 12px !important;
    font-size: 12.5px !important;
    font-weight: 700;
    white-space: nowrap;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-actions__row--primary .cla-btn-follow,
body.imarked-v1 .im-store-page--mobile .im-m-store-actions__row--primary .cla-btn-following {
    flex: 1.15 1 0;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-actions__row--message {
    width: 100%;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-actions__message {
    flex: 1 1 100% !important;
    width: 100%;
}

/* Contact chips live in Kontakt tab — hide under hero for mockup match */
body.imarked-v1 .im-store-page--mobile .cla-contact-subheader {
    display: none;
}

body.imarked-v1 .im-store-page--mobile .cla-contact-info-item {
    font-size: 12px;
    padding: 7px 10px;
    border-radius: 999px;
}

/* Stats / tabs chrome under actions (inside profile card) */
body.imarked-v1 .im-store-page--mobile .im-m-store-chrome {
    padding: 0 var(--im-m-pad) 4px;
}

body.imarked-v1 .im-store-page--mobile .im-store-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0 0 12px;
}

body.imarked-v1 .im-store-page--mobile .im-store-stat {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px;
    min-height: 56px;
    padding: 10px 8px;
    border-radius: var(--im-m-radius);
    background: #fff;
    border: 1px solid #e8edf3;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-store-page--mobile .im-store-stat__icon {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    font-size: 13px;
    background: #eff6ff;
    color: var(--im-primary, #0066ff);
    flex-shrink: 0;
}

/* Number + label stack — vertically centered with icon */
body.imarked-v1 .im-store-page--mobile .im-store-stat > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
    flex: 1 1 auto;
}

body.imarked-v1 .im-store-page--mobile .im-store-stat__value {
    display: block;
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #0f172a;
}

body.imarked-v1 .im-store-page--mobile .im-store-stat__label {
    display: block;
    margin: 0;
    font-size: 8.5px;
    font-weight: 600;
    line-height: 1.2;
    color: #64748b;
}

/* Tabs — horizontal scroll */
body.imarked-v1 .im-store-page--mobile .im-store-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    margin: 0;
    padding: 0 2px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: transparent;
    border-bottom: 1px solid #e2e8f0;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-chrome .im-store-tabs {
    margin-bottom: 2px;
}

body.imarked-v1 .im-store-page--mobile .im-store-tabs a {
    flex: 0 0 auto;
    justify-content: center;
    padding: 10px 14px 12px;
    font-size: 13.5px;
    white-space: nowrap;
}

body.imarked-v1 .im-store-page--mobile .cla-main-content {
    max-width: 100%;
    margin: 0;
}

body.imarked-v1 .im-store-page--mobile .cla-info-card {
    border-radius: var(--im-m-radius);
    border: 1px solid #e8edf3;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
    margin-bottom: var(--im-m-gap);
    overflow: hidden;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-search {
    margin-bottom: var(--im-m-gap);
}

body.imarked-v1 .im-store-page--mobile .im-m-store-search .cla-card-header {
    display: none;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-search .cla-card-body {
    padding: 12px !important;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-search__group {
    display: flex;
    width: 100%;
    border: 1.5px solid #dbe3ee;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-search__group .form-control {
    border: 0 !important;
    box-shadow: none !important;
    height: 44px !important;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-search__group #btnSearch_Store {
    width: 44px !important;
    height: 44px !important;
    border: 0 !important;
    border-radius: 0 !important;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-search__filter {
    width: 44px;
    height: 44px;
    border: 0;
    border-left: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #334155;
    font-size: 16px;
}

/* Horizontal category / offer chips */
body.imarked-v1 .im-store-page--mobile .im-store-offers {
    margin: 0 0 10px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-chips {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    margin: 0;
    padding: 2px 2px 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body.imarked-v1 .im-store-page--mobile .im-store-offer-chip.promProduct.Size-selector {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 999px;
    box-shadow: none;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-chip-all.is-all-active,
body.imarked-v1 .im-store-page--mobile .im-store-offer-chip.promProduct.active-price {
    border-color: var(--im-primary, #0066ff);
    background: #f0f6ff;
    color: var(--im-primary, #0066ff);
}

/* ========== 2-COLUMN PRODUCT GRID (not slider / carousel) ========== */
body.imarked-v1 .im-store-page--mobile .im-m-store-products.cla-info-card {
    margin: 0 0 var(--im-m-gap);
    padding: 14px;
    border-radius: var(--im-m-radius);
    background: #fff;
    border: 1px solid #e8edf3;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-store-page--mobile .im-m-store-products__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 12px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-products__title {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    color: #181c23;
    line-height: 1.2;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-products__fire {
    font-size: 16px;
    line-height: 1;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-products__all {
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--im-primary, #0066ff);
    text-decoration: none !important;
}

/* Avoid duplicate “Produkter” heading from catalog-head */
body.imarked-v1 .im-store-page--mobile .im-store-catalog-head.is-products-tab {
    display: none !important;
}

body.imarked-v1 .im-store-page--mobile .im-store-catalog-head.is-offers-tab {
    display: flex !important;
    margin: 0 0 8px;
}

/* Static 2-col grid — kill owl / horizontal slider leftovers */
body.imarked-v1 .im-store-page--mobile #products-grid.products-list,
body.imarked-v1 .im-store-page--mobile #products-grid.products-list.row.grid,
body.imarked-v1 .im-store-page--mobile #products-grid.im-m-store-grid,
body.imarked-v1 .im-store-page--mobile #products-grid.owl-carousel,
body.imarked-v1 .im-store-page--mobile #products-grid.owl-loaded {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    overflow-x: hidden !important;
    white-space: normal !important;
    transform: none !important;
}

body.imarked-v1 .im-store-page--mobile #products-grid .owl-stage-outer,
body.imarked-v1 .im-store-page--mobile #products-grid .owl2-stage-outer,
body.imarked-v1 .im-store-page--mobile #products-grid .owl-stage,
body.imarked-v1 .im-store-page--mobile #products-grid .owl2-stage {
    display: contents !important;
    width: auto !important;
    transform: none !important;
}

body.imarked-v1 .im-store-page--mobile #products-grid .owl-item,
body.imarked-v1 .im-store-page--mobile #products-grid .owl2-item {
    display: contents !important;
    width: auto !important;
    float: none !important;
}

body.imarked-v1 .im-store-page--mobile #products-grid .owl-nav,
body.imarked-v1 .im-store-page--mobile #products-grid .owl2-nav,
body.imarked-v1 .im-store-page--mobile #products-grid .owl-dots,
body.imarked-v1 .im-store-page--mobile #products-grid .owl2-dots,
body.imarked-v1 .im-store-page--mobile #products-grid .owl-prev,
body.imarked-v1 .im-store-page--mobile #products-grid .owl-next,
body.imarked-v1 .im-store-page--mobile #products-grid .owl2-prev,
body.imarked-v1 .im-store-page--mobile #products-grid .owl2-next {
    display: none !important;
}

body.imarked-v1 .im-store-page--mobile #products-grid > [class*="col-"],
body.imarked-v1 .im-store-page--mobile #products-grid .product-layout {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: none !important;
    min-width: 0 !important;
}

/* Empty-state full width */
body.imarked-v1 .im-store-page--mobile #products-grid > .col-md-12,
body.imarked-v1 .im-store-page--mobile #products-grid > .col-xs-12 {
    grid-column: 1 / -1;
}

/* Same product card template as search — only hide city on store page */
body.imarked-v1 .im-store-page #products-grid .im-prod-city,
body.imarked-v1 .im-store-page--mobile #products-grid .im-prod-city {
    display: none !important;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-products .im-search-loadmore {
    margin-top: 12px;
}

/* QR + Share footer — side by side like mockup */
body.imarked-v1 .im-store-page--mobile .im-m-store-footer-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    align-items: stretch;
    margin: 18px 0 var(--im-m-gap);
}

body.imarked-v1 .im-store-page--mobile .im-m-store-footer-cards .cla-qr-card,
body.imarked-v1 .im-store-page--mobile .im-m-store-footer-cards .im-m-store-share-card {
    margin: 0;
    min-width: 0;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-footer-cards .cla-card-header h3 {
    font-size: 13px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-share-card__sub,
body.imarked-v1 .im-store-page--mobile .im-m-store-share-card__note {
    display: none;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-share-card .im-store-share__title {
    font-size: 13px;
    margin-bottom: 10px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-share-card .im-store-share__actions {
    flex-direction: column;
    gap: 6px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-share-card .im-store-share__btn {
    width: 100%;
    justify-content: flex-start;
    font-size: 12px;
    padding: 8px 10px;
}

body.imarked-v1 .im-store-page--mobile .cla-qr-card .cla-qr-image {
    width: 132px !important;
    height: 132px !important;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-share-card {
    padding: 18px 16px;
    margin: 0;
    border-radius: var(--im-m-radius);
    background: linear-gradient(145deg, #0b3d91 0%, #0066ff 55%, #3b82f6 100%);
    border: 0;
    color: #fff;
    box-shadow: 0 10px 28px rgba(0, 102, 255, 0.22);
}

body.imarked-v1 .im-store-page--mobile .im-m-store-share-card .im-store-share__title {
    color: #fff;
    margin: 0 0 6px;
    font-size: 16px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-share-card__sub {
    margin: 0 0 12px;
    font-size: 12.5px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.88);
}

body.imarked-v1 .im-store-page--mobile .im-m-store-share-card .im-store-share__btn {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.28);
    color: #fff;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-share-card__note {
    margin: 12px 0 0;
    font-size: 11.5px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.78);
}


/* IMARKED V1 — Product Detail
   Section: breadcrumb + gallery + product summary + description
   Seller column styled later. Logic/IDs preserved. */

body.imarked-v1 .im-detail-page {
    /* Theme tokens — buttons/CTAs always use IMARKED primary/navy */
    --im-d-primary: var(--im-primary, #0066ff);
    --im-d-primary-hover: var(--im-primary-hover, #0052cc);
    --im-d-navy: var(--im-navy, #1a2230);
    --im-d-accent: var(--im-accent-strong, #f4a137);
    --im-d-accent-soft: #fff8ef;
    --im-d-accent-border: #f3dfb8;
    --im-d-radius: 14px;
    --im-d-radius-sm: 10px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 8px 0 48px;
    color: var(--im-fg, #181c23);
}

body.imarked-v1 .main-container.container > .im-detail-page {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Breadcrumb: shared Styles/v1/imarked-v1-breadcrumb.css + _Breadcrumb.cshtml */

/* ── Layout — cards sit on page bg; kill legacy white wrapper ── */
body.imarked-v1 .im-detail-page .im-detail-layout {
    margin-left: -10px;
    margin-right: -10px;
}

body.imarked-v1 .im-detail-page .im-detail-layout > #content.im-detail-main,
body.imarked-v1 .im-detail-page .im-detail-layout > #content,
body.imarked-v1 .im-detail-page #content.c-bg-w,
body.imarked-v1 .im-detail-page #content.c-padding-10 {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 10px !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-detail-page .left-content-product,
body.imarked-v1 .im-detail-page .product-view,
body.imarked-v1 .im-detail-page .product-view.row,
body.imarked-v1 .im-detail-page .left-content-product.col-sm-12 {
    margin: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Product: two separate cards with gutter. Vehicle/RE: one joint card (gap 0). */
body.imarked-v1 .im-detail-page .im-detail-hero {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 14px;
    margin: 0 0 14px;
    padding: 0;
    background: transparent !important;
    border: 0;
    box-shadow: none;
}

body.imarked-v1 .im-detail-page .im-detail-gallery,
body.imarked-v1 .im-detail-page .im-detail-summary {
    float: none !important;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Vehicle / RE mid-summary helpers only — left gallery uses shared product styles */
body.imarked-v1 .im-detail-page .im-detail-hero--unified {
    gap: 14px !important;
    background: transparent !important;
    border: 0;
    box-shadow: none;
    overflow: visible;
}

body.imarked-v1 .im-detail-page .im-detail-hero--unified .im-detail-summary {
    display: flex !important;
    flex-direction: column;
    min-height: 100%;
}

body.imarked-v1 .im-detail-page .im-detail-hero--unified .im-detail-summary .title-product h1 {
    font-size: 1.55rem;
    line-height: 1.25;
    margin: 0 0 10px;
}

body.imarked-v1 .im-detail-page .im-detail-hero--unified .im-detail-summary #product {
    margin-top: 15px;
    padding-top: 4px;
    width: 100%;
}

@media (min-width: 992px) {
    body.imarked-v1 .im-detail-page .im-detail-hero,
    body.imarked-v1 .im-detail-page .im-detail-hero--unified {
        gap: 14px !important;
        align-items: stretch;
        flex-wrap: nowrap;
    }

    /* Shared left/mid column split for all types */
    body.imarked-v1 .im-detail-page .im-detail-gallery,
    body.imarked-v1 .im-detail-page .im-detail-hero--unified .im-detail-gallery {
        flex: 0 0 calc(48% - 7px);
        max-width: calc(48% - 7px);
        width: calc(48% - 7px);
    }

    body.imarked-v1 .im-detail-page .im-detail-summary,
    body.imarked-v1 .im-detail-page .im-detail-hero--unified .im-detail-summary {
        flex: 1 1 calc(52% - 7px);
        max-width: calc(52% - 7px);
        width: calc(52% - 7px);
        min-width: 0;
        display: flex;
        flex-direction: column;
    }
}

/* ── Gallery ── */
body.imarked-v1 .im-detail-page .im-detail-gallery-card {
    background: #fff;
    border: 1px solid #e7ebf0;
    border-radius: var(--im-d-radius);
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
    padding: 12px;
    overflow: hidden;
}

body.imarked-v1 .im-detail-page .im-detail-media {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background: #f3f5f8;
    border: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

body.imarked-v1 .im-detail-page .im-detail-media .large-image {
    margin: 0 !important;
    padding: 8px !important;
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f5f8;
    border: 0 !important;
}

body.imarked-v1 .im-detail-page .im-detail-media .large-image img {
    display: block;
    width: 100%;
    max-height: 420px;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
    padding: 0;
    border-radius: 8px !important;
}

body.imarked-v1 .im-detail-page .im-detail-price-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

body.imarked-v1 .im-detail-page .im-detail-price-caption {
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #64748b;
    line-height: 1.2;
}

body.imarked-v1 .im-detail-page .im-detail-price-meta {
    display: block;
    margin-top: 2px;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
}

body.imarked-v1 .im-detail-page .im-detail-media__wish {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 0;
    background: #fff;
    color: #64748b;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    text-decoration: none;
}

body.imarked-v1 .im-detail-page .im-detail-media__wish:hover {
    color: #e11d48;
}

body.imarked-v1 .im-detail-page .im-detail-media__wish.is-active,
body.imarked-v1 .im-detail-page .im-detail-media__wish.is-active i {
    color: #e11d48 !important;
}

body.imarked-v1 .im-detail-page .im-detail-media__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, 0.92);
    color: #334155;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

body.imarked-v1 .im-detail-page .im-detail-media__nav--prev { left: 10px; }
body.imarked-v1 .im-detail-page .im-detail-media__nav--next { right: 10px; }

body.imarked-v1 .im-detail-page .im-detail-media__count {
    position: absolute;
    left: 12px;
    bottom: 12px;
    z-index: 3;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.72);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

/* ── Thumbnail strip (more images list) ── */
body.imarked-v1 .im-detail-page .im-detail-thumbs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body.imarked-v1 .im-detail-page .im-detail-thumbs.is-single .im-detail-thumbs__nav {
    display: none;
}

body.imarked-v1 .im-detail-page .im-detail-thumbs__nav {
    flex: 0 0 34px;
    width: 34px;
    height: 64px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    box-shadow: none;
    transition: border-color 150ms ease, color 150ms ease, background 150ms ease;
}

body.imarked-v1 .im-detail-page .im-detail-thumbs__nav:hover {
    border-color: var(--im-d-primary);
    color: var(--im-d-primary);
    background: #f8faff;
}

body.imarked-v1 .im-detail-page .im-detail-thumbs__track {
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

body.imarked-v1 .im-detail-page .im-detail-thumbs__track::-webkit-scrollbar {
    display: none;
}

body.imarked-v1 .im-detail-page .im-detail-thumbs__list,
body.imarked-v1 .im-detail-page #thumb-slider {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
    padding: 2px !important;
    width: max-content !important;
    max-width: none !important;
    background: transparent !important;
    float: none !important;
}

/* Kill legacy owl styles if any remain */
body.imarked-v1 .im-detail-page #thumb-slider.owl-carousel,
body.imarked-v1 .im-detail-page #thumb-slider.owl2-carousel,
body.imarked-v1 .im-detail-page #thumb-slider .owl-stage,
body.imarked-v1 .im-detail-page #thumb-slider .owl2-stage,
body.imarked-v1 .im-detail-page #thumb-slider .owl-stage-outer,
body.imarked-v1 .im-detail-page #thumb-slider .owl2-stage-outer {
    display: flex !important;
    width: auto !important;
    transform: none !important;
}

body.imarked-v1 .im-detail-page #thumb-slider .owl-item,
body.imarked-v1 .im-detail-page #thumb-slider .owl2-item {
    width: auto !important;
    margin: 0 !important;
}

body.imarked-v1 .im-detail-page #thumb-slider .thumbnail,
body.imarked-v1 .im-detail-page #thumb-slider a.img {
    flex: 0 0 68px;
    width: 68px !important;
    height: 68px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 2px solid #e7ebf0 !important;
    border-radius: 12px !important;
    overflow: hidden;
    background: #f8fafc !important;
    opacity: 1 !important;
    box-shadow: none !important;
    position: relative;
    transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

body.imarked-v1 .im-detail-page #thumb-slider .thumbnail img,
body.imarked-v1 .im-detail-page #thumb-slider a.img img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    display: block !important;
}

body.imarked-v1 .im-detail-page #thumb-slider .thumbnail:hover,
body.imarked-v1 .im-detail-page #thumb-slider a.img:hover {
    border-color: #c7d7f5 !important;
}

body.imarked-v1 .im-detail-page #thumb-slider .thumbnail.active,
body.imarked-v1 .im-detail-page #thumb-slider a.img.active,
body.imarked-v1 .im-detail-page #thumb-slider .thumbnail.current,
body.imarked-v1 .im-detail-page #thumb-slider a.img.current {
    border-color: var(--im-d-accent) !important;
    box-shadow: 0 0 0 1px var(--im-d-accent) !important;
}

/* ── Summary (match mockup; theme button colors) ── */
body.imarked-v1 .im-detail-page .im-detail-summary {
    background: #fff !important;
    border: 1px solid #e7ebf0;
    border-radius: var(--im-d-radius);
    box-shadow: 0 6px 22px rgba(15, 23, 42, 0.05);
    padding: 22px 22px 20px !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary .title-product {
    margin: 0 0 12px;
}

body.imarked-v1 .im-detail-page .im-detail-summary .title-product h1 {
    margin: 0;
    font-size: 1.9rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.2;
    color: var(--im-d-navy);
}

body.imarked-v1 .im-detail-page .im-detail-price-row,
body.imarked-v1 .im-detail-page .im-detail-price-row.product-label {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 14px;
    margin: 0 0 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    float: none !important;
}

body.imarked-v1 .im-detail-page .im-detail-price-row .price,
body.imarked-v1 .im-detail-page .im-detail-price-row .product_page_price {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 4px;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
    background: transparent !important;
}

body.imarked-v1 .im-detail-page #lblPrice,
body.imarked-v1 .im-detail-page .im-detail-price-row .price-new,
body.imarked-v1 .im-detail-page .price .price-new {
    color: #0f172a !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    line-height: 1.1;
}

body.imarked-v1 .im-detail-page .im-detail-price-row .price-old {
    color: #94a3b8;
    font-size: 14px;
    margin-left: 8px;
    text-decoration: line-through;
}

body.imarked-v1 .im-detail-page .im-detail-discount {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    padding: 4px 10px;
    border-radius: 8px;
    background: #dc2626;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

body.imarked-v1 .im-detail-page .im-detail-status,
body.imarked-v1 .im-detail-page .im-detail-status.status-stock {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    background: #eaf8ef !important;
    color: #15803d !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1;
    border: 0 !important;
}

body.imarked-v1 .im-detail-page .im-detail-status::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
    flex-shrink: 0;
}

body.imarked-v1 .im-detail-page .im-detail-stats {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 20px;
    margin: 0 0 18px;
    padding: 11px 16px;
    border-radius: 12px;
    background: linear-gradient(180deg, #fff8ef 0%, #fff4e6 100%);
    border: 1px solid var(--im-d-accent-border);
    color: #7a5a2a;
    font-size: 13px;
    font-weight: 600;
}

body.imarked-v1 .im-detail-page .im-detail-stats span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

body.imarked-v1 .im-detail-page .im-detail-stats i.fa-eye {
    color: var(--im-d-accent);
}

body.imarked-v1 .im-detail-page .im-detail-stats i.fa-circle {
    color: var(--im-d-accent);
    font-size: 6px !important;
}

/* Meta row: rating + status (vehicle / RE) */
body.imarked-v1 .im-detail-page .im-detail-meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin: 0 0 12px;
}

body.imarked-v1 .im-detail-page .im-detail-rating {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #334155;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
}

body.imarked-v1 .im-detail-page .im-detail-rating img.rating {
    width: 16px;
    height: 16px;
}

body.imarked-v1 .im-detail-page .im-detail-hero--unified .im-detail-price-row {
    margin: 0 0 16px !important;
}

body.imarked-v1 .im-detail-page .im-detail-hero--unified .im-detail-price-row .price-new,
body.imarked-v1 .im-detail-page .im-detail-hero--unified #lblPrice {
    font-size: 1.85rem !important;
}

/* Icon fact grid (vehicle / RE) */
body.imarked-v1 .im-detail-page .im-detail-facts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 18px;
    margin: 0 0 18px;
}

body.imarked-v1 .im-detail-page .im-detail-fact {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

body.imarked-v1 .im-detail-page .im-detail-fact > i {
    flex: 0 0 18px;
    margin-top: 2px;
    color: var(--im-d-accent);
    font-size: 16px;
    line-height: 1;
}

body.imarked-v1 .im-detail-page .im-detail-fact__label {
    display: block;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #94a3b8;
    line-height: 1.2;
    margin-bottom: 2px;
}

body.imarked-v1 .im-detail-page .im-detail-fact__value {
    display: block;
    font-size: 14.5px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.25;
}

/* Specs grid — label + value on one line, 2 columns (as mockup) */
body.imarked-v1 .im-detail-page .im-detail-attrs-wrap {
    margin: 0 0 20px;
}

body.imarked-v1 .im-detail-page .im-detail-attrs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
    row-gap: 10px;
    margin: 0;
    padding: 0;
}

body.imarked-v1 .im-detail-page .im-detail-attrs .im-detail-attr,
body.imarked-v1 .im-detail-page .im-detail-attrs .brand,
body.imarked-v1 .im-detail-page .im-detail-attrs .model {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 10px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    line-height: 1.4;
    min-width: 0;
}

body.imarked-v1 .im-detail-page .im-detail-attrs .im-detail-attr__label,
body.imarked-v1 .im-detail-page .im-detail-attrs span.im-detail-attr__label {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: 0;
}

body.imarked-v1 .im-detail-page .im-detail-attrs .im-detail-attr__value,
body.imarked-v1 .im-detail-page .im-detail-attrs span.im-detail-attr__value,
body.imarked-v1 .im-detail-page .im-detail-attrs label.im-detail-attr__value {
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: #6b7280;
    line-height: 1.4;
    word-break: break-word;
}

body.imarked-v1 .im-detail-page .im-detail-attrs a.im-detail-attr__value,
body.imarked-v1 .im-detail-page .im-detail-attrs .im-detail-attr__value--link,
body.imarked-v1 .im-detail-page .im-detail-attrs a {
    color: var(--im-d-primary) !important;
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
}

body.imarked-v1 .im-detail-page .im-detail-attrs a:hover {
    text-decoration: underline;
}

body.imarked-v1 .im-detail-page .im-detail-attrs #lblSKU {
    font-weight: 500;
    color: #6b7280;
}

/* Primary CTA row — above secondary actions; clean vertical rhythm */
body.imarked-v1 .im-detail-page .im-detail-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin: 0 0 14px;
    width: 100%;
}

body.imarked-v1 .im-detail-page .im-detail-cta--dual {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

body.imarked-v1 .im-detail-page .im-detail-cta:empty {
    display: none;
}

body.imarked-v1 .im-detail-page .im-detail-cta__btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em;
    text-decoration: none !important;
    border: 1.5px solid transparent !important;
    cursor: pointer;
    box-shadow: none !important;
    text-transform: none !important;
    width: 100%;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
}

body.imarked-v1 .im-detail-page .im-detail-cta__btn--primary {
    background: var(--im-d-primary) !important;
    border-color: var(--im-d-primary) !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-detail-page .im-detail-cta__btn--primary:hover {
    background: var(--im-d-primary-hover) !important;
    border-color: var(--im-d-primary-hover) !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-detail-page .im-detail-cta__btn--outline {
    background: #fff !important;
    border-color: var(--im-d-primary) !important;
    color: var(--im-d-primary) !important;
}

body.imarked-v1 .im-detail-page .im-detail-cta__btn--outline:hover {
    background: #f4f8ff !important;
}

body.imarked-v1 .im-detail-page .im-detail-cta__btn i {
    font-size: 16px;
}

/* Secondary action row: Vis kart + Lagre (or Send melding + Lagre with cart) */
body.imarked-v1 .im-detail-page #product .im-detail-sec-actions,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-sec-actions,
body.imarked-v1 .im-detail-page #product .im-detail-cart-actions,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart-actions,
body.imarked-v1 .im-detail-page .im-detail-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    gap: 12px !important;
    margin: 14px 0 18px !important;
    width: 100%;
    box-sizing: border-box;
}

body.imarked-v1 .im-detail-page #product .im-detail-sec-actions--single {
    grid-template-columns: none;
}

body.imarked-v1 .im-detail-page #product .im-detail-sec-actions > .im-detail-actions__btn,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-sec-actions > .im-detail-actions__btn,
body.imarked-v1 .im-detail-page #product .im-detail-cart-actions > .im-detail-actions__btn,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart-actions > .im-detail-actions__btn,
body.imarked-v1 .im-detail-page .im-detail-actions > .im-detail-actions__btn {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    clear: none !important;
    display: inline-flex !important;
    margin: 0 !important;
}

body.imarked-v1 .im-detail-page #product .im-detail-sec-actions--single > .im-detail-actions__btn {
    flex: 1 1 100% !important;
}

body.imarked-v1 .im-detail-page .im-detail-cta + .im-detail-sec-actions,
body.imarked-v1 .im-detail-page .im-detail-cart + .im-detail-sec-actions {
    margin-top: 12px !important;
}

/* Keep cart dual-row gutters aligned with Send melding / Lagre */
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart + .im-detail-sec-actions {
    margin-top: 12px !important;
    margin-bottom: 18px !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-sec-actions > .im-detail-actions__btn {
    min-height: 46px !important;
    height: 46px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-detail-page .im-detail-cta--dual {
        grid-template-columns: minmax(0, 1fr);
    }

    body.imarked-v1 .im-detail-page .im-detail-hero--unified {
        flex-wrap: wrap;
        gap: 14px !important;
    }

    body.imarked-v1 .im-detail-page .im-detail-hero--unified .im-detail-gallery,
    body.imarked-v1 .im-detail-page .im-detail-hero--unified .im-detail-summary {
        flex: 1 1 100%;
        max-width: 100%;
        width: 100%;
    }
}

body.imarked-v1 .im-detail-page .im-detail-actions__btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 46px;
    padding: 10px 8px !important;
    border-radius: 10px !important;
    border: 1.5px solid #d7dee8 !important;
    background: #fff !important;
    color: #334155 !important;
    font-size: 13px !important;
    width: 100%;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700 !important;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: none !important;
    transition: border-color 160ms ease, color 160ms ease, background 160ms ease;
}

body.imarked-v1 .im-detail-page .im-detail-actions__btn:hover {
    border-color: var(--im-d-primary) !important;
    color: var(--im-d-primary) !important;
    background: #f8faff !important;
}

body.imarked-v1 .im-detail-page .im-detail-actions__btn i {
    font-size: 14px;
}

/* Favourite selected — reusable bookmark control in action row */
body.imarked-v1 .im-detail-page .im-detail-actions__btn.im-bookmark.is-active {
    border-color: #fecdd3 !important;
    background: #fff1f2 !important;
    color: #e11d48 !important;
}

body.imarked-v1 .im-detail-page .im-detail-actions__btn.im-bookmark.is-active:hover {
    border-color: #fda4af !important;
    background: #ffe4e6 !important;
    color: #be123c !important;
}

body.imarked-v1 .im-detail-page .im-detail-actions__btn.im-bookmark.is-active i {
    color: #e11d48 !important;
}

/* Cart (store products) — quantity + dual CTAs, then default action row */
body.imarked-v1 .im-detail-page .im-detail-summary .box-info-product,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart {
    margin: 0 0 12px;
    padding: 0;
    width: 100%;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__qty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 12px;
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px solid var(--im-border, #e7ebf0);
    border-radius: 12px;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__qty-label {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: #475569;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__qty-control {
    display: inline-flex !important;
    align-items: stretch;
    width: auto !important;
    max-width: 148px;
    margin: 0 !important;
    border: 1px solid #d7dee8 !important;
    border-radius: 10px !important;
    overflow: hidden;
    background: #fff;
    box-shadow: none !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__qty-btn,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__qty-control .input-group-addon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #334155 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    cursor: pointer;
    user-select: none;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__qty-btn:hover {
    background: #f1f5f9 !important;
    color: var(--im-d-primary, #0066ff) !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__qty-input,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__qty-control .form-control {
    width: 52px !important;
    min-width: 52px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    border: 0 !important;
    border-left: 1px solid #e7ebf0 !important;
    border-right: 1px solid #e7ebf0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: center;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--im-d-navy, #1a2230) !important;
    background: #fff !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > .im-detail-cart__btn,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > #addcartbtn,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > #placeorderbtn,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > a#addcartbtn,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > .cart,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > .compare {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    float: none !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > .cart,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > .compare {
    display: flex !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btn,
body.imarked-v1 .im-detail-page .im-detail-summary #addcartbtn,
body.imarked-v1 .im-detail-page .im-detail-summary #placeorderbtn,
body.imarked-v1 .im-detail-page .im-detail-summary a#addcartbtn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100% !important;
    min-height: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    border: 0 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    cursor: pointer;
}

body.imarked-v1 .im-detail-page .im-detail-summary #addcartbtn,
body.imarked-v1 .im-detail-page .im-detail-summary a#addcartbtn,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btn--cart {
    background: var(--im-d-primary, #0066ff) !important;
    color: #fff !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary #addcartbtn:hover,
body.imarked-v1 .im-detail-page .im-detail-summary a#addcartbtn:hover,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btn--cart:hover {
    background: var(--im-d-primary-hover, #0052cc) !important;
    color: #fff !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary #placeorderbtn,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btn--buy {
    background: var(--im-d-navy, #1a2230) !important;
    color: #fff !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary #placeorderbtn:hover,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btn--buy:hover {
    background: var(--im-navy-hover, #0e141f) !important;
    color: #fff !important;
}

@media (max-width: 420px) {
    body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns,
    body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart + .im-detail-sec-actions {
        flex-wrap: wrap !important;
    }

    body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > .im-detail-cart__btn,
    body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > #addcartbtn,
    body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > #placeorderbtn,
    body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart + .im-detail-sec-actions > .im-detail-actions__btn {
        flex: 1 1 calc(50% - 6px) !important;
    }
}

/* Social */
body.imarked-v1 .im-detail-page .im-detail-share {
    margin-top: 4px;
}

body.imarked-v1 .im-detail-page .im-detail-share__label {
    display: block;
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
}

body.imarked-v1 .im-detail-page #social.social-widgets {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0;
    clear: none;
}

body.imarked-v1 .im-detail-page #social.social-widgets ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
    float: none !important;
}

body.imarked-v1 .im-detail-page #social.social-widgets ul li {
    float: none !important;
    position: static !important;
    margin: 0;
}

body.imarked-v1 .im-detail-page #social .tab-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 0;
    border-radius: 10px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #475569;
    text-decoration: none;
}

body.imarked-v1 .im-detail-page #social .tab-icon:hover {
    background: #eef4ff;
    border-color: #c7d7f5;
    color: var(--im-d-primary);
}

/* Description — own card on page bg (not inside a parent white panel) */
body.imarked-v1 .im-detail-page .im-detail-desc {
    margin: 0 0 14px;
    padding: 20px 22px;
    background: #fff;
    border: 1px solid #e7ebf0;
    border-radius: var(--im-d-radius);
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-detail-page .im-detail-desc__title {
    margin: 0 0 12px;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--im-d-navy);
}

body.imarked-v1 .im-detail-page .im-detail-desc__body {
    font-size: 14.5px;
    line-height: 1.7;
    color: #334155;
}

body.imarked-v1 .im-detail-page .im-detail-desc__body p {
    margin: 0 0 10px;
}

/* Specs area (property/auto/job) — light containment for now */
body.imarked-v1 .im-detail-page .im-detail-specs-host {
    margin: 0 0 18px;
    padding: 8px 0 0;
}

/* Variant chips */
body.imarked-v1 .im-detail-page .Size-selector {
    border: 1.5px solid #dbe3ee !important;
    border-radius: 10px !important;
    background: #fff !important;
    margin: 0 8px 8px 0 !important;
    padding: 10px 14px !important;
}

body.imarked-v1 .im-detail-page .Size-selector.active-price {
    border-color: var(--im-d-primary) !important;
    background: #eef4ff !important;
    background-image: none !important;
}

/* Seller column */
body.imarked-v1 .im-detail-page .im-detail-layout > #storeDetails,
body.imarked-v1 .im-detail-page .im-detail-layout > #PropertyViewingId,
body.imarked-v1 .im-detail-page .im-detail-layout > aside.content-aside {
    padding-left: 12px;
    padding-right: 12px;
}

body.imarked-v1 .im-detail-page #storeDetails {
    overflow: visible;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-card {
    margin: 0;
    padding: 20px 18px;
    background: #fff;
    border: 1px solid var(--im-border, #e7ebf0);
    border-radius: var(--im-d-radius, 14px);
    box-shadow: var(--im-shadow-sm, 0 1px 2px rgba(24, 28, 35, 0.05), 0 1px 3px rgba(24, 28, 35, 0.06));
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-card--business {
    padding: 24px 20px 18px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-avatar {
    flex: 0 0 auto;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(180deg, #f1f5f9 0%, #e8eef5 100%);
    color: #64748b;
    border: 1px solid #e1e8ef;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-name {
    margin: 0 0 4px;
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--im-d-navy, #1a2230);
    line-height: 1.25;
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-type {
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    background: #f1f3fe;
    color: var(--im-d-primary, #0066ff);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-info {
    color: #94a3b8;
    font-size: 14px;
    line-height: 1;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-info:hover {
    color: var(--im-d-primary, #0066ff);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-since {
    margin: 6px 0 0;
    font-size: 12px;
    font-weight: 500;
    color: #94a3b8;
    line-height: 1.35;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contacts {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contacts .im-seller-contact {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: #fff;
    border: 1.5px solid #dbe3ee;
    border-radius: 8px;
    color: #334155 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contacts .im-seller-contact:hover {
    border-color: var(--im-d-primary, #0066ff);
    background: #f4f8ff;
    color: var(--im-d-primary, #0066ff) !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contacts .im-seller-contact > i {
    width: 18px;
    text-align: center;
    color: #65676b;
    font-size: 15px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contacts .im-seller-contact:hover > i {
    color: var(--im-d-primary, #0066ff);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact em {
    font-style: normal;
    font-weight: 700;
    color: var(--im-d-primary, #0066ff);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-safety {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-safety--inset {
    margin-top: 14px;
    padding: 12px 12px;
    border-radius: 12px;
    background: #fff8ef;
    border: 1px solid #ffe0c2;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-safety--card {
    background: #fff8ef;
    border-color: #ffe0c2;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-safety__icon {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(242, 101, 34, 0.14);
    color: var(--im-d-accent, #f26522);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-safety strong {
    display: block;
    margin: 0 0 4px;
    font-size: 14.5px;
    font-weight: 800;
    color: #0f172a;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-safety p {
    margin: 0;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.45;
    color: #64748b;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-safety p + p {
    margin-top: 8px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-visning__title {
    margin: 0 0 10px;
    font-size: 1rem;
    font-weight: 800;
    color: var(--im-d-navy, #0f172a);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-visning__title > i {
    margin-right: 6px;
    color: #64748b;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-visning__text {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-visning__text > i {
    margin-right: 6px;
    color: #94a3b8;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-visning__cta {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 10px;
    background: #eef4ff;
    color: var(--im-d-primary) !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-biz-head {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 0 18px;
    padding: 0 0 18px;
    border-bottom: 1px solid #eef2f6;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-biz-head__text {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 4px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-card--business .im-seller-name {
    margin: 0 0 4px;
    font-size: 1.34rem; /* ~10% larger than 1.22rem */
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-biz-head__text .im-seller-meta {
    margin: 0;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-biz-head__text .im-seller-meta__chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-biz-head__text .im-seller-meta__chip > i {
    font-size: 12px;
    color: #ef4444;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-logo {
    flex: 0 0 auto;
    width: 88px;
    height: 88px;
    border-radius: 18px;
    overflow: hidden;
    padding: 10px;
    border: 1px solid var(--im-border, #e1e8ef);
    background: linear-gradient(180deg, #fff 0%, #f5f8fb 100%);
    box-shadow: 0 8px 20px rgba(24, 28, 35, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

body.imarked-v1 .im-detail-page #storeDetails a.im-seller-logo:hover {
    box-shadow: 0 12px 28px rgba(24, 28, 35, 0.12);
    transform: translateY(-1px);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-logo--fallback {
    color: #64748b;
    font-size: 32px;
    background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-logo--user {
    color: var(--im-d-navy, #1a2230);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-verified {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 6px 0 0;
    padding: 4px 10px;
    border-radius: 999px;
    background: #eef4ff;
    font-size: 12px;
    font-weight: 700;
    color: var(--im-d-primary, #0066ff);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-verified > i {
    margin: 0;
    font-size: 12px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-card--business .im-seller-type {
    margin-top: 8px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-rating {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3px 5px;
    margin: 0 0 12px;
    color: #f5b301;
    font-size: 14px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-rating strong {
    margin-left: 6px;
    color: var(--im-d-navy, #1a2230);
    font-size: 14px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 16px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-meta__chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid var(--im-border, #e1e8ef);
    color: #475569;
    font-size: 12.5px;
    font-weight: 700;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-meta__chip > i {
    color: #ef4444;
    font-size: 13px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 0 18px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    padding: 12px 14px;
    border-radius: var(--im-radius-sm, 10px);
    border: 1.5px solid transparent;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: var(--im-font, inherit) !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    box-sizing: border-box;
    transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-btn--primary {
    background: var(--im-d-primary, #0066ff) !important;
    border-color: var(--im-d-primary, #0066ff) !important;
    color: #fff !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-btn--primary:hover {
    background: var(--im-d-primary-hover, #0052cc) !important;
    border-color: var(--im-d-primary-hover, #0052cc) !important;
    color: #fff !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-btn--outline {
    background: #fff !important;
    border-color: var(--im-d-primary, #0066ff) !important;
    color: var(--im-d-primary, #0066ff) !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-btn--outline:hover {
    background: #f4f8ff !important;
    color: var(--im-d-primary, #0066ff) !important;
}

/* Legacy alias */
body.imarked-v1 .im-detail-page #storeDetails .im-seller-btn--accent {
    background: var(--im-d-primary, #0066ff) !important;
    border-color: var(--im-d-primary, #0066ff) !important;
    color: #fff !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-biz-contact {
    padding-top: 2px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-biz-contact > h3 {
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
}

/* Contact list — one panel, rows swap on (Vis); never use display:!important (breaks jQuery hide) */
body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-cards {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid var(--im-border, #e7ebf0);
    border-radius: 12px;
    overflow: hidden;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    margin: 0;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #eef2f6;
    border-radius: 0;
    color: #334155 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    box-sizing: border-box;
    transition: background 160ms ease, color 160ms ease;
    cursor: default;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card:last-child,
body.imarked-v1 .im-detail-page #storeDetails .im-seller-map-embed:last-child {
    border-bottom: 0;
}

/* jQuery .show() sets display:block — restore flex row layout */
body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card[style*="display: block"],
body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card[style*="display:block"] {
    display: flex !important;
}

body.imarked-v1 .im-detail-page #storeDetails a.im-seller-contact-card,
body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card--clickable {
    cursor: pointer;
}

body.imarked-v1 .im-detail-page #storeDetails a.im-seller-contact-card:hover,
body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card--clickable:hover {
    background: #f4f8ff;
    color: var(--im-d-primary, #0066ff) !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card--revealed {
    cursor: default;
    background: #fafbfc;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card > i:first-child {
    flex: 0 0 auto;
    width: 18px;
    text-align: center;
    font-size: 15px;
    color: #64748b;
}

body.imarked-v1 .im-detail-page #storeDetails a.im-seller-contact-card:hover > i:first-child,
body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card--clickable:hover > i:first-child {
    color: var(--im-d-primary, #0066ff);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card > i.fa-map-marker {
    color: #64748b;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card > span {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 600;
    word-break: break-word;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card > a:not(.im-seller-wa) {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--im-d-primary, #0066ff) !important;
    font-weight: 600;
    text-decoration: none !important;
    word-break: break-word;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card > a:not(.im-seller-wa):hover {
    text-decoration: underline !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card > small {
    flex: 0 0 auto;
    color: var(--im-d-primary, #0066ff);
    font-size: 12.5px;
    font-weight: 700;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-wa {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    margin-left: 4px;
    border-radius: 8px;
    background: #ecfdf5;
    color: #16a34a !important;
    font-size: 18px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-wa:hover {
    background: #dcfce7;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-map-embed {
    width: 100%;
    padding: 10px 12px 12px;
    background: #fafbfc;
    border-bottom: 1px solid #eef2f6;
    box-sizing: border-box;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-map-embed[style*="display: block"],
body.imarked-v1 .im-detail-page #storeDetails .im-seller-map-embed[style*="display:block"] {
    display: block !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-map-embed iframe {
    display: block;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--im-border, #e7ebf0);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-report-wrap {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #eef2f6;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-report {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #dc2626 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-report:hover {
    color: #b91c1c !important;
}

body.imarked-v1 .im-detail-page #PropertyViewingId .panel {
    border: 1px solid #e7ebf0;
    border-radius: var(--im-d-radius, 14px);
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

@media (min-width: 1200px) {
    body.imarked-v1 .im-detail-page .im-detail-summary .title-product h1 {
        font-size: 2rem;
    }

    body.imarked-v1 .im-detail-page .im-detail-media .large-image {
        min-height: 400px;
    }
}

/* RE mid column — force left alignment (desktop + mobile) */
body.imarked-v1 .im-detail-page--property .im-detail-summary,
body.imarked-v1 .im-detail-page--property .im-detail-hero--unified .im-detail-summary {
    text-align: left !important;
    align-items: stretch !important;
}

body.imarked-v1 .im-detail-page--property .im-detail-summary .title-product,
body.imarked-v1 .im-detail-page--property .im-detail-summary .title-product h1,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-meta-row,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-price-row,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-price-block,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-facts,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-fact,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-attrs-wrap,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-attrs,
body.imarked-v1 .im-detail-page--property .im-detail-summary #product,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-share,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-share__label {
    text-align: left !important;
}

body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-meta-row,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-price-row,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-sec-actions,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-cta {
    justify-content: flex-start !important;
}

body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-price-block {
    align-items: flex-start !important;
}

body.imarked-v1 .im-detail-page--property .im-re-detail,
body.imarked-v1 .im-detail-page--property .im-re-card,
body.imarked-v1 .im-detail-page--property .im-re-card__title,
body.imarked-v1 .im-detail-page--property .im-re-priceband__main,
body.imarked-v1 .im-detail-page--property .im-re-priceband__side,
body.imarked-v1 .im-detail-page--property .im-re-quickstats > li {
    text-align: left !important;
}

body.imarked-v1 .im-detail-page--property .im-re-priceband__side {
    justify-content: flex-start !important;
}

/* ═══════════════════════════════════════════
   Real estate detail sections (below hero)
   ═══════════════════════════════════════════ */
body.imarked-v1 .im-detail-page .im-re-detail {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
}

body.imarked-v1 .im-detail-page .im-re-card {
    margin: 0;
    padding: 22px 24px;
    background: #fff;
    border: 1px solid #e7ebf0;
    border-radius: var(--im-d-radius);
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
    width: 100%;
}

body.imarked-v1 .im-detail-page .im-re-card__title {
    margin: 0 0 14px;
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--im-d-navy);
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-detail-page .im-re-muted {
    margin: 0;
    color: #64748b;
    font-size: 14px;
}

/* Beskrivelse */
body.imarked-v1 .im-detail-page .im-re-desc__body {
    font-size: 15.5px;
    line-height: 1.7;
    color: #334155;
}

body.imarked-v1 .im-detail-page .im-re-desc__body p {
    margin: 0 0 0.9em;
}

body.imarked-v1 .im-detail-page .im-re-desc__body p:last-child {
    margin-bottom: 0;
}

body.imarked-v1 .im-detail-page .im-re-desc__body ul,
body.imarked-v1 .im-detail-page .im-re-desc__body ol {
    margin: 0 0 0.9em;
    padding-left: 1.25em;
}

body.imarked-v1 .im-detail-page .im-re-desc__body li {
    margin: 0.2em 0;
}

body.imarked-v1 .im-detail-page .im-re-desc__body br + br {
    display: block;
    content: "";
    margin-top: 0.55em;
}

body.imarked-v1 .im-detail-page .im-re-desc__body.is-clamped {
    max-height: 140px;
    overflow: hidden;
    position: relative;
}

body.imarked-v1 .im-detail-page .im-re-desc__body.is-clamped::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 48px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);
    pointer-events: none;
}

body.imarked-v1 .im-detail-page .im-re-desc__body.is-expanded {
    max-height: none;
}

body.imarked-v1 .im-detail-page .im-re-desc__more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--im-d-primary);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

/* Høydepunkter — full width below description */
body.imarked-v1 .im-detail-page .im-re-highlights__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px 20px;
}

body.imarked-v1 .im-detail-page .im-re-highlight {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
}

body.imarked-v1 .im-detail-page .im-re-highlight > i {
    flex: 0 0 18px;
    color: var(--im-d-accent);
    font-size: 16px;
}

/* Nøkkelinformasjon — fact sheet (price → quick stats → detail rows) */
body.imarked-v1 .im-detail-page .im-re-keyinfo > .im-re-card__title {
    margin-bottom: 18px;
}

body.imarked-v1 .im-detail-page .im-re-priceband {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0;
    margin: 0 0 18px;
    border: 1px solid #e7ebf0;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}

body.imarked-v1 .im-detail-page .im-re-priceband__main {
    flex: 1 1 58%;
    min-width: 220px;
    padding: 20px 22px;
    background: linear-gradient(135deg, #0f172a 0%, #1a2230 55%, #243044 100%);
    color: #fff;
}

body.imarked-v1 .im-detail-page .im-re-priceband__side {
    flex: 1 1 36%;
    min-width: 180px;
    padding: 20px 22px;
    background: #f8fafc;
    border-left: 1px solid #e7ebf0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body.imarked-v1 .im-detail-page .im-re-priceband__label {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.72;
}

body.imarked-v1 .im-detail-page .im-re-priceband__main .im-re-priceband__label {
    color: #cbd5e1;
    opacity: 1;
}

body.imarked-v1 .im-detail-page .im-re-priceband__side .im-re-priceband__label {
    color: #94a3b8;
    opacity: 1;
}

body.imarked-v1 .im-detail-page .im-re-priceband__value {
    display: block;
    font-size: clamp(1.6rem, 2.4vw, 2.15rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: #fff;
}

body.imarked-v1 .im-detail-page .im-re-priceband__side-value {
    display: block;
    font-size: clamp(1.45rem, 2vw, 1.75rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0f172a;
    line-height: 1.2;
}

body.imarked-v1 .im-detail-page .im-re-quickstats {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    border: 1px solid #e7ebf0;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

body.imarked-v1 .im-detail-page .im-re-quickstats > li {
    padding: 14px 12px;
    text-align: left;
    border-right: 1px solid #eef2f7;
    min-width: 0;
}

body.imarked-v1 .im-detail-page .im-re-quickstats > li:last-child {
    border-right: 0;
}

body.imarked-v1 .im-detail-page .im-re-quickstats__label {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #94a3b8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-detail-page .im-re-quickstats__value {
    display: block;
    font-size: clamp(1.2rem, 1.8vw, 1.4rem);
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

body.imarked-v1 .im-detail-page .im-re-facts {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 28px;
}

body.imarked-v1 .im-detail-page .im-re-facts__row {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 12px;
    align-items: baseline;
    padding: 11px 0;
    border-bottom: 1px solid #eef2f7;
}

body.imarked-v1 .im-detail-page .im-re-facts__row dt {
    margin: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: #64748b;
}

body.imarked-v1 .im-detail-page .im-re-facts__row dd {
    margin: 0;
    text-align: right;
    font-size: 14.5px;
    font-weight: 800;
    color: #0f172a;
    word-break: break-word;
}

body.imarked-v1 .im-detail-page .im-re-energy {
    display: inline-block;
    padding: 3px 9px;
    border-radius: 6px;
    background: #dcfce7;
    color: #166534;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

body.imarked-v1 .im-detail-page .im-re-extra {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #e7ebf0;
}

body.imarked-v1 .im-detail-page .im-re-meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px 16px;
}

body.imarked-v1 .im-detail-page .im-re-meta-row__label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #94a3b8;
}

body.imarked-v1 .im-detail-page .im-re-meta-row__value {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
}

body.imarked-v1 .im-detail-page .im-re-note {
    margin-top: 12px;
}

body.imarked-v1 .im-detail-page .im-re-note p {
    margin: 6px 0 0;
}

/* Legacy kv helpers (Beliggenhet etc.) */
body.imarked-v1 .im-detail-page .im-re-kv {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px 22px;
}

body.imarked-v1 .im-detail-page .im-re-kv__item {
    min-width: 0;
}

body.imarked-v1 .im-detail-page .im-re-kv__label {
    display: block;
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: 700;
    color: #94a3b8;
}

body.imarked-v1 .im-detail-page .im-re-kv__value {
    display: block;
    font-size: 14.5px;
    font-weight: 800;
    color: #0f172a;
}

body.imarked-v1 .im-detail-page .im-re-note p,
body.imarked-v1 .im-detail-page .im-re-prose {
    margin: 6px 0 0;
    font-size: 14.5px;
    line-height: 1.7;
    color: #334155;
}

/* Fasiliteter */
body.imarked-v1 .im-detail-page .im-re-facilities {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px 16px;
}

body.imarked-v1 .im-detail-page .im-re-facilities li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    min-width: 0;
}

body.imarked-v1 .im-detail-page .im-re-facilities li > i {
    margin-top: 2px;
    color: var(--im-d-accent);
    font-size: 13px;
}

/* Vehicle equipment — compact professional list */
body.imarked-v1 .im-detail-page .im-veh-eqp > .im-re-card__title {
    margin-bottom: 12px;
    font-size: calc(1.15rem * 1.25); /* +25% vs standard section titles */
}

body.imarked-v1 .im-detail-page .im-veh-eqp-group + .im-veh-eqp-group {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #eef2f6;
}

body.imarked-v1 .im-detail-page .im-veh-eqp-group__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 8px;
}

body.imarked-v1 .im-detail-page .im-veh-eqp-group__title {
    margin: 0;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #64748b;
    line-height: 1.2;
}

body.imarked-v1 .im-detail-page .im-veh-eqp-group__count {
    flex: 0 0 auto;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 12px;
    font-weight: 800;
    line-height: 22px;
    text-align: center;
}

body.imarked-v1 .im-detail-page .im-veh-eqp-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px 18px;
}

body.imarked-v1 .im-detail-page .im-veh-eqp-list > li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    min-width: 0;
    padding: 5px 0;
    font-size: 15.5px;
    font-weight: 600;
    line-height: 1.3;
    color: #0f172a;
}

body.imarked-v1 .im-detail-page .im-veh-eqp-list > li > i {
    margin-top: 3px;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(242, 101, 34, 0.12);
    color: var(--im-d-accent);
    font-size: 10px;
    line-height: 16px;
    text-align: center;
}

body.imarked-v1 .im-detail-page .im-veh-eqp-list > li > span {
    min-width: 0;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-detail-page .im-veh-eqp-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px 14px;
    }
}

@media (max-width: 575px) {
    body.imarked-v1 .im-detail-page .im-veh-eqp-list {
        grid-template-columns: 1fr;
    }

    body.imarked-v1 .im-detail-page .im-veh-eqp-list > li {
        font-size: 15px;
        padding: 4px 0;
    }
}

body.imarked-v1 .im-detail-page .im-re-docs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

body.imarked-v1 .im-detail-page .im-re-docs li {
    width: 100%;
}

body.imarked-v1 .im-detail-page .im-re-docs a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 13px 16px;
    border: 1px solid #e7ebf0;
    border-radius: 10px;
    color: var(--im-d-primary);
    font-weight: 700;
    text-decoration: none;
    box-sizing: border-box;
}

body.imarked-v1 .im-detail-page .im-re-docs__left {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

body.imarked-v1 .im-detail-page .im-re-docs a:hover {
    background: #f4f8ff;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-detail-page .im-re-highlights__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.imarked-v1 .im-detail-page .im-re-kv {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.imarked-v1 .im-detail-page .im-re-facilities {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.imarked-v1 .im-detail-page .im-re-priceband__side {
        border-left: 0;
        border-top: 1px solid #e7ebf0;
    }

    body.imarked-v1 .im-detail-page .im-re-quickstats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.imarked-v1 .im-detail-page .im-re-quickstats > li:nth-child(3n) {
        border-right: 0;
    }

    body.imarked-v1 .im-detail-page .im-re-quickstats > li:nth-child(n+4) {
        border-top: 1px solid #eef2f7;
    }

    body.imarked-v1 .im-detail-page .im-re-facts {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

@media (max-width: 575px) {
    body.imarked-v1 .im-detail-page .im-re-highlights__grid,
    body.imarked-v1 .im-detail-page .im-re-kv,
    body.imarked-v1 .im-detail-page .im-re-facilities {
        grid-template-columns: 1fr;
    }

    body.imarked-v1 .im-detail-page .im-re-quickstats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.imarked-v1 .im-detail-page .im-re-quickstats > li:nth-child(2n) {
        border-right: 0;
    }

    body.imarked-v1 .im-detail-page .im-re-quickstats > li:nth-child(n+3) {
        border-top: 1px solid #eef2f7;
    }
}

/* Related products — same home product-card slider */
body.imarked-v1 .im-detail-related {
    margin: 32px 0 24px;
    clear: both;
}

body.imarked-v1 .im-detail-related .im-home-sec-head {
    margin-top: 0;
}

body.imarked-v1 .im-detail-related .im-home-slider-host {
    min-height: 0;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-detail-related {
        margin: 24px 0 16px;
        padding: 0 2px;
    }

    body.imarked-v1 .im-detail-related .im-home-sec-head h2 {
        font-size: 1.45rem !important;
    }

    body.imarked-v1 .im-detail-related .im-home-sec-head p {
        font-size: 1rem !important;
    }
}

/* ── Product reviews ── */
body.imarked-v1 .im-detail-reviews {
    margin: 28px 0 20px;
    clear: both;
    padding: 22px 24px 20px;
    background: #fff;
    border: 1px solid #e8eef5;
    border-radius: 14px;
}

body.imarked-v1 .im-detail-reviews__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eef2f7;
}

body.imarked-v1 .im-detail-reviews__head h2 {
    margin: 0 !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    color: #181c23 !important;
    line-height: 1.25 !important;
}

body.imarked-v1 .im-detail-reviews__head p {
    margin: 4px 0 0 !important;
    font-size: 0.98rem !important;
    color: #6e7a8a !important;
    font-weight: 500 !important;
}

body.imarked-v1 .im-detail-reviews__cta {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 16px;
    border: 1px solid var(--im-primary, #0066ff);
    border-radius: 10px;
    background: #fff;
    color: var(--im-primary, #0066ff) !important;
    font-size: 0.95rem;
    font-weight: 650;
    text-decoration: none !important;
    transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
}

body.imarked-v1 .im-detail-reviews__cta:hover,
body.imarked-v1 .im-detail-reviews__cta:focus {
    background: var(--im-primary, #0066ff);
    color: #fff !important;
    text-decoration: none !important;
}

body.imarked-v1 .im-detail-reviews__body {
    min-height: 72px;
}

body.imarked-v1 .im-detail-reviews-loading {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 18px 4px;
    color: #6e7a8a;
    font-size: 0.95rem;
}

body.imarked-v1 .im-detail-reviews-summary {
    margin: 0 0 12px;
}

body.imarked-v1 .im-detail-reviews-summary__count {
    display: inline-block;
    font-size: 0.92rem;
    font-weight: 650;
    color: #4b5563;
}

body.imarked-v1 .im-detail-reviews-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.imarked-v1 .im-detail-review-card {
    margin: 0;
    padding: 14px 16px;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    background: #fafbfc;
}

body.imarked-v1 .im-detail-review-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

body.imarked-v1 .im-detail-review-stars {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

body.imarked-v1 .im-detail-review-star {
    width: 16px;
    height: 16px;
    display: block;
}

body.imarked-v1 .im-detail-review-card__date {
    font-size: 0.86rem;
    color: #6e7a8a;
    font-weight: 500;
    white-space: nowrap;
}

body.imarked-v1 .im-detail-review-card__comment {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.55;
    color: #1f2937;
    word-break: break-word;
}

body.imarked-v1 .im-detail-review-card__comment--muted {
    color: #8a94a6;
    font-style: italic;
}

body.imarked-v1 .im-detail-reviews-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 28px 16px 22px;
    border: 1px dashed #d7e0ea;
    border-radius: 12px;
    background: #f8fafc;
}

body.imarked-v1 .im-detail-reviews-empty__icon {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    background: #eef4ff;
    color: var(--im-primary, #0066ff);
    font-size: 1.25rem;
}

body.imarked-v1 .im-detail-reviews-empty h3 {
    margin: 0 0 6px !important;
    font-size: 1.12rem !important;
    font-weight: 750 !important;
    color: #181c23 !important;
}

body.imarked-v1 .im-detail-reviews-empty p {
    margin: 0 !important;
    max-width: 36em;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    color: #6e7a8a !important;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-detail-reviews {
        margin: 20px 0 14px;
        padding: 16px 14px 14px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-detail-reviews__head {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 14px;
        padding-bottom: 12px;
    }

    body.imarked-v1 .im-detail-reviews__head h2 {
        font-size: 1.28rem !important;
    }

    body.imarked-v1 .im-detail-reviews__cta {
        width: 100%;
    }

    body.imarked-v1 .im-detail-review-card {
        padding: 12px 12px;
    }
}

/* ── Reusable bookmark / favourite control ── */
body.imarked-v1 .im-bookmark {
    --im-bm-idle: #64748b;
    --im-bm-active: #e11d48;
    --im-bm-active-bg: #fff1f2;
    --im-bm-active-border: #fecdd3;
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    cursor: pointer;
    font: inherit;
    line-height: 1;
    text-decoration: none !important;
    transition: color 160ms ease, background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 120ms ease;
}

body.imarked-v1 .im-bookmark:focus {
    outline: none;
}

body.imarked-v1 .im-bookmark:focus-visible {
    outline: 2px solid var(--im-primary, #0066ff);
    outline-offset: 2px;
}

body.imarked-v1 .im-bookmark__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.imarked-v1 .im-bookmark__icon i {
    display: block;
    line-height: 1;
}

body.imarked-v1 .im-bookmark__label {
    font-weight: 650;
    white-space: nowrap;
}

/* Icon / card — circular overlay control */
body.imarked-v1 .im-bookmark--icon,
body.imarked-v1 .im-bookmark--card {
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid #e5e9ef;
    border-radius: 50%;
    background: #fff;
    color: var(--im-bm-idle);
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.imarked-v1 .im-bookmark--icon .im-bookmark__icon i,
body.imarked-v1 .im-bookmark--card .im-bookmark__icon i {
    font-size: 16px;
}

body.imarked-v1 .im-bookmark--icon:hover,
body.imarked-v1 .im-bookmark--card:hover {
    color: var(--im-bm-active);
    border-color: #f0c4bf;
}

body.imarked-v1 .im-bookmark--icon:active,
body.imarked-v1 .im-bookmark--card:active {
    transform: scale(0.96);
}

body.imarked-v1 .im-bookmark--icon.is-active,
body.imarked-v1 .im-bookmark--card.is-active {
    color: var(--im-bm-active);
    border-color: var(--im-bm-active-border);
    background: var(--im-bm-active-bg);
}

body.imarked-v1 .im-bookmark--icon.is-active .im-bookmark__icon i,
body.imarked-v1 .im-bookmark--card.is-active .im-bookmark__icon i {
    color: var(--im-bm-active);
}

/* Positioned over media (detail gallery / cards) */
body.imarked-v1 .im-bookmark--overlay {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 6;
}

body.imarked-v1 .im-bookmark--card.im-bookmark--overlay,
body.imarked-v1 .im-prod-media .im-bookmark--card {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 6;
    width: 36px;
    height: 36px;
}

body.imarked-v1 .im-bookmark--card.im-bookmark--overlay .im-bookmark__icon i,
body.imarked-v1 .im-prod-media .im-bookmark--card .im-bookmark__icon i {
    font-size: 14px;
}

/* Button — Lagre / Lagret text control */
body.imarked-v1 .im-bookmark--button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 10px 16px;
    border: 1px solid #d7dee8;
    border-radius: 10px;
    background: #fff;
    color: #334155;
}

body.imarked-v1 .im-bookmark--button .im-bookmark__icon i {
    font-size: 15px;
    color: inherit;
}

body.imarked-v1 .im-bookmark--button:hover {
    border-color: #fecdd3;
    background: #fff8f8;
    color: var(--im-bm-active);
}

body.imarked-v1 .im-bookmark--button.is-active {
    border-color: var(--im-bm-active-border);
    background: var(--im-bm-active-bg);
    color: var(--im-bm-active);
}

body.imarked-v1 .im-bookmark--button.is-active:hover {
    border-color: #fda4af;
    background: #ffe4e6;
    color: #be123c;
}

/* When used inside detail secondary action row */
body.imarked-v1 .im-detail-page .im-detail-sec-actions .im-bookmark--button {
    flex: 1 1 0;
    width: 100%;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-bookmark--icon.im-bookmark--overlay {
        width: 38px;
        height: 38px;
        top: 10px;
        right: 10px;
    }

    body.imarked-v1 .im-bookmark--button {
        min-height: 44px;
        border-radius: 10px;
    }
}

/* ── Reusable IMARKED breadcrumb (overrides legacy theme arrow pills) ── */
body.imarked-v1 .im-breadcrumb {
    margin: 0 0 16px;
    padding: 0;
}

body.imarked-v1 .im-breadcrumb__list,
body.imarked-v1 .im-breadcrumb ol.breadcrumb,
body.imarked-v1 .im-breadcrumb ul.breadcrumb,
body.imarked-v1 ol.im-breadcrumb__list.breadcrumb {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0 !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

body.imarked-v1 .im-breadcrumb__item,
body.imarked-v1 .im-breadcrumb__sep,
body.imarked-v1 .im-breadcrumb .breadcrumb > li,
body.imarked-v1 .im-breadcrumb ol.breadcrumb > li,
body.imarked-v1 .im-breadcrumb ul.breadcrumb > li {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    float: none !important;
    height: auto !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Kill legacy chevron / arrow decorations from theme.css (not our separators) */
body.imarked-v1 .im-breadcrumb .breadcrumb > li.im-breadcrumb__item:before,
body.imarked-v1 .im-breadcrumb .breadcrumb > li.im-breadcrumb__item:after,
body.imarked-v1 .im-breadcrumb .breadcrumb > li.im-breadcrumb__item:first-child:before,
body.imarked-v1 .im-breadcrumb .breadcrumb > li.im-breadcrumb__item:first-child:after,
body.imarked-v1 .im-breadcrumb__item:before,
body.imarked-v1 .im-breadcrumb__item:after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
    width: 0 !important;
    height: 0 !important;
    transform: none !important;
}

body.imarked-v1 .im-breadcrumb__link,
body.imarked-v1 .im-breadcrumb__current {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 220px;
    padding: 2px 4px;
    border-radius: 6px;
    color: #64748b !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: transparent !important;
}

body.imarked-v1 .im-breadcrumb__link:hover,
body.imarked-v1 .im-breadcrumb__link:focus {
    color: var(--im-primary, #0066ff) !important;
    background: transparent !important;
    text-decoration: none !important;
}

body.imarked-v1 .im-breadcrumb__item--home .im-breadcrumb__link,
body.imarked-v1 .im-breadcrumb__item--home .im-breadcrumb__current {
    color: #64748b !important;
}

body.imarked-v1 .im-breadcrumb__item--home .fa-home {
    font-size: 14px;
    line-height: 1;
}

/* Visually hide "Hjem" text on larger screens; icon is enough */
body.imarked-v1 .im-breadcrumb__home-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

body.imarked-v1 .im-breadcrumb__item--current .im-breadcrumb__current {
    color: #0f172a !important;
    font-weight: 650;
    max-width: min(320px, 55vw);
}

/* Separator — CSS character so it always shows (no Font Awesome dependency) */
body.imarked-v1 .im-breadcrumb__sep,
body.imarked-v1 .im-breadcrumb .breadcrumb > li.im-breadcrumb__sep {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 12px !important;
    padding: 0 5px !important;
    color: #94a3b8 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    user-select: none;
    pointer-events: none;
}

body.imarked-v1 .im-breadcrumb__sep::before,
body.imarked-v1 .im-breadcrumb .breadcrumb > li.im-breadcrumb__sep::before {
    content: "\203A" !important; /* › */
    display: inline-block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    color: inherit !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    transform: none !important;
    speak: none;
}

body.imarked-v1 .im-breadcrumb__sep::after,
body.imarked-v1 .im-breadcrumb .breadcrumb > li.im-breadcrumb__sep::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-breadcrumb {
        margin-bottom: 12px;
    }

    body.imarked-v1 .im-breadcrumb__link,
    body.imarked-v1 .im-breadcrumb__current {
        font-size: 12.5px;
        max-width: 140px;
    }

    body.imarked-v1 .im-breadcrumb__item--current .im-breadcrumb__current {
        max-width: min(200px, 48vw);
    }

    body.imarked-v1 .im-breadcrumb__sep,
    body.imarked-v1 .im-breadcrumb .breadcrumb > li.im-breadcrumb__sep {
        padding: 0 4px !important;
        min-width: 10px !important;
    }

    body.imarked-v1 .im-breadcrumb__sep::before,
    body.imarked-v1 .im-breadcrumb .breadcrumb > li.im-breadcrumb__sep::before {
        content: "\203A" !important;
        display: inline-block !important;
        font-size: 15px !important;
    }
}

/* IMARKED V1 — Auth pages (Login / SignUp / Reset / Verify) */

body.imarked-v1 .im-auth-page {
    max-width: 520px;
    margin: 12px auto 40px;
    padding: 0 12px 24px;
}

body.imarked-v1 .im-auth-page--wide {
    max-width: 640px;
}

body.imarked-v1 .im-auth-page .im-breadcrumb {
    margin-bottom: 14px;
}

body.imarked-v1 .im-auth-shell {
    width: 100%;
}

body.imarked-v1 .im-auth-card {
    background: #fff;
    border: 1px solid var(--im-border, #e7ebf0);
    border-radius: 16px;
    box-shadow: var(--im-shadow-md, 0 4px 16px rgba(24, 28, 35, 0.08));
    padding: 28px 28px 24px;
}

body.imarked-v1 .im-auth-card__head {
    margin: 0 0 20px;
    text-align: center;
}

body.imarked-v1 .im-auth-card__head h1 {
    margin: 0 0 6px !important;
    font-size: 1.55rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    color: var(--im-fg, #181c23) !important;
    line-height: 1.25 !important;
}

body.imarked-v1 .im-auth-card__head p {
    margin: 0 !important;
    font-size: 0.98rem !important;
    color: var(--im-muted, #6e7a8a) !important;
    font-weight: 500 !important;
}

body.imarked-v1 .im-auth-alert {
    margin: 0 0 16px;
}

body.imarked-v1 .im-auth-social {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

body.imarked-v1 .im-auth-social__note {
    margin: 0 !important;
    text-align: center;
    font-size: 0.86rem !important;
    line-height: 1.45 !important;
    color: var(--im-muted, #6e7a8a) !important;
}

body.imarked-v1 .im-auth-social__note a {
    color: var(--im-primary, #0066ff) !important;
    font-weight: 600;
}

body.imarked-v1 .im-auth-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0 16px;
    color: var(--im-muted, #6e7a8a);
    font-size: 0.88rem;
    font-weight: 600;
}

body.imarked-v1 .im-auth-divider::before,
body.imarked-v1 .im-auth-divider::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: var(--im-border, #e7ebf0);
}

body.imarked-v1 .im-auth-page .form-group {
    margin-bottom: 14px;
}

body.imarked-v1 .im-auth-page .control-label,
body.imarked-v1 .im-auth-page label.control-label,
body.imarked-v1 .im-auth-page .im-auth-label {
    display: block;
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 650;
    color: #334155;
}

body.imarked-v1 .im-auth-page .has-error,
body.imarked-v1 .im-auth-page span.has-error {
    color: #dc2626;
}

body.imarked-v1 .im-auth-page .form-control,
body.imarked-v1 .im-auth-page input.form-control,
body.imarked-v1 .im-auth-page select.form-control,
body.imarked-v1 .im-auth-page textarea.form-control {
    height: 46px !important;
    border: 1.5px solid #d7dee8 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 15px !important;
    color: #0f172a !important;
    background: #fff !important;
    padding: 10px 14px !important;
}

body.imarked-v1 .im-auth-page .form-control:focus {
    border-color: var(--im-primary, #0066ff) !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12) !important;
}

body.imarked-v1 .im-auth-page .input-group {
    width: 100%;
    display: flex;
    align-items: stretch;
}

body.imarked-v1 .im-auth-page .input-group .form-control {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

body.imarked-v1 .im-auth-page .input-group-addon {
    background: #f8fafc !important;
    border: 1.5px solid #d7dee8 !important;
    border-left: 0 !important;
    border-radius: 0 10px 10px 0 !important;
    color: #64748b !important;
    min-width: 46px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

body.imarked-v1 .im-auth-page .input-group-addon .custPassEye {
    cursor: pointer;
}

body.imarked-v1 .im-auth-page .input-group-lg .input-group-addon {
    border-radius: 10px 0 0 10px !important;
    border-left: 1.5px solid #d7dee8 !important;
    border-right: 0 !important;
}

body.imarked-v1 .im-auth-page .input-group-lg .form-control {
    border-radius: 0 10px 10px 0 !important;
}

body.imarked-v1 .im-auth-actions {
    margin-top: 8px;
}

body.imarked-v1 .im-auth-actions__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

body.imarked-v1 .im-auth-link {
    color: var(--im-primary, #0066ff) !important;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none !important;
}

body.imarked-v1 .im-auth-link:hover {
    text-decoration: underline !important;
}

body.imarked-v1 .im-auth-check {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 12px 0 16px;
    font-size: 0.95rem;
    color: #334155;
}

body.imarked-v1 .im-auth-check label {
    margin: 0;
    font-weight: 500;
    cursor: pointer;
}

body.imarked-v1 .im-auth-check input[type="checkbox"] {
    margin-top: 3px;
}

body.imarked-v1 .im-auth-check__info {
    margin-left: auto;
    color: var(--im-muted, #6e7a8a);
    font-size: 18px;
    line-height: 1;
    padding: 0 2px;
}

body.imarked-v1 .im-auth-btn,
body.imarked-v1 .im-auth-page .btn.btn-primary,
body.imarked-v1 .im-auth-page button.btn-primary,
body.imarked-v1 .im-auth-page input.btn-primary {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 46px !important;
    width: 100%;
    padding: 10px 18px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    float: none !important;
    margin: 0 0 20px 0 !important;
}

body.imarked-v1 .im-auth-page .btn.btn-primary:hover,
body.imarked-v1 .im-auth-page button.btn-primary:hover {
    background: var(--im-primary-hover, #0052cc) !important;
}

body.imarked-v1 .im-auth-btn--secondary,
body.imarked-v1 .im-auth-page .btn.btn-default {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 46px !important;
    width: 100%;
    padding: 10px 18px !important;
    border: 1.5px solid #d7dee8 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #334155 !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    box-shadow: none !important;
    margin: 0 !important;
}

body.imarked-v1 .im-auth-page .btn.btn-default:hover {
    border-color: var(--im-primary, #0066ff) !important;
    color: var(--im-primary, #0066ff) !important;
    background: #f8faff !important;
}

body.imarked-v1 .im-auth-btn--link,
body.imarked-v1 .im-auth-page .btn.btn-link {
    min-height: 40px !important;
    width: auto !important;
    padding: 6px 10px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--im-primary, #0066ff) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-auth-footer {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--im-border, #e7ebf0);
    text-align: center;
}

body.imarked-v1 .im-auth-footer .btn {
    margin-top: 4px;
}

/* ========== Compact signup (page + home modal + checkout) ========== */
body.imarked-v1 .im-auth-signup,
body.im-auth-app .im-auth-signup {
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
    padding: 22px 20px 18px;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid #e4eaf2;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.95) inset,
        0 10px 32px rgba(15, 23, 42, 0.06);
    box-sizing: border-box;
}

body.im-auth-app .im-auth-page--signup {
    max-width: 480px;
    margin: 0 auto;
    padding: 0;
}

body.im-auth-app .im-auth-signup-shell {
    width: 100%;
}

body.imarked-v1 .im-auth-signup__intro,
body.im-auth-app .im-auth-signup__intro {
    position: relative;
    text-align: center;
    margin: 0 0 14px;
}

body.imarked-v1 .im-auth-signup__intro h1,
body.im-auth-app .im-auth-signup__intro h1 {
    margin: 0 !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
    color: #0b1b33 !important;
    line-height: 1.2 !important;
}

body.imarked-v1 .im-auth-signup__close,
body.im-auth-app .im-auth-signup__close {
    position: absolute;
    top: -4px;
    right: -4px;
    opacity: 0.5;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    color: #334155;
}

body.imarked-v1 .im-auth-signup__providers,
body.im-auth-app .im-auth-signup__providers {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 4px;
}

body.imarked-v1 .im-auth-signup__terms,
body.im-auth-app .im-auth-signup__terms {
    margin: 0 0 2px !important;
    text-align: center;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #5b6775 !important;
}

body.imarked-v1 .im-auth-signup__terms a,
body.im-auth-app .im-auth-signup__terms a {
    color: #e67e22 !important;
    font-weight: 700;
    text-decoration: none !important;
}

body.imarked-v1 .im-auth-signup__vipps,
body.im-auth-app .im-auth-signup__vipps {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 48px;
}

body.imarked-v1 .im-auth-signup__vipps vipps-mobilepay-button,
body.im-auth-app .im-auth-signup__vipps vipps-mobilepay-button {
    display: block;
    width: 100%;
    min-height: 48px;
}

body.imarked-v1 .im-auth-signup__vipps-fallback,
body.im-auth-app .im-auth-signup__vipps-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 48px;
    padding: 12px 18px;
    border-radius: 8px;
    background: #ff5b24;
    color: #fff !important;
    font-size: 14.4px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 6px 16px rgba(255, 91, 36, 0.28);
    box-sizing: border-box;
}

body.imarked-v1 .im-auth-signup__vipps-fallback:hover,
body.im-auth-app .im-auth-signup__vipps-fallback:hover {
    background: #f04f1a;
    color: #fff !important;
}

body.imarked-v1 .im-auth-signup__vipps-wordmark,
body.im-auth-app .im-auth-signup__vipps-wordmark {
    font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif;
    font-size: 1.215rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1;
}

body.imarked-v1 .im-auth-signup__google,
body.im-auth-app .im-auth-signup__google {
    position: relative;
    width: 100%;
}

body.imarked-v1 .im-auth-signup__google-btn,
body.im-auth-app .im-auth-signup__google-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 48px;
    padding: 12px 18px;
    border-radius: 8px;
    border: 2px solid #4285F4;
    background: #fff;
    color: #122033;
    font-size: 14.4px;
    font-weight: 700;
    box-shadow: 0 1px 2px rgba(66, 133, 244, 0.12);
    cursor: pointer;
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

body.imarked-v1 .im-auth-signup__google-btn:hover,
body.im-auth-app .im-auth-signup__google-btn:hover {
    border-color: #3367D6;
    background: #f8fbff;
    box-shadow: 0 4px 14px rgba(66, 133, 244, 0.18);
}

body.imarked-v1 .im-auth-signup__google-btn:active,
body.im-auth-app .im-auth-signup__google-btn:active {
    transform: translateY(1px);
}

body.imarked-v1 .im-auth-signup__google-icon,
body.im-auth-app .im-auth-signup__google-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
}

body.imarked-v1 .im-auth-signup__google-wordmark,
body.im-auth-app .im-auth-signup__google-wordmark {
    font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif;
    font-size: 1.08rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1;
    color: #1f1f1f;
}

body.imarked-v1 .im-auth-signup__google-native,
body.im-auth-app .im-auth-signup__google-native {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0;
}

body.imarked-v1 .im-auth-signup__divider,
body.im-auth-app .im-auth-signup__divider {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 12px 0 10px;
    color: #8b97a5;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.imarked-v1 .im-auth-signup__divider::before,
body.imarked-v1 .im-auth-signup__divider::after,
body.im-auth-app .im-auth-signup__divider::before,
body.im-auth-app .im-auth-signup__divider::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: #e3e8ef;
}

body.imarked-v1 .im-auth-signup__form .form-group,
body.im-auth-app .im-auth-signup__form .form-group {
    margin-bottom: 10px;
}

body.imarked-v1 .im-auth-signup__form .control-label,
body.im-auth-app .im-auth-signup__form .control-label {
    display: block;
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 600;
    color: #1a2b3c;
}

body.imarked-v1 .im-auth-signup__form .form-control,
body.im-auth-app .im-auth-signup__form .form-control {
    height: 42px !important;
    border: 1.5px solid #d0d9e6 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    padding: 8px 12px !important;
    background: #fff !important;
}

body.imarked-v1 .im-auth-signup__form .form-control:focus,
body.im-auth-app .im-auth-signup__form .form-control:focus {
    border-color: #1a73e8 !important;
    box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.12) !important;
}

body.imarked-v1 .im-auth-signup__form .input-group,
body.im-auth-app .im-auth-signup__form .input-group {
    width: 100%;
    display: flex !important;
    flex-wrap: nowrap;
    align-items: stretch !important;
    position: relative;
}

body.imarked-v1 .im-auth-signup__form .input-group .form-control,
body.im-auth-app .im-auth-signup__form .input-group .form-control {
    flex: 1 1 auto;
    width: 1% !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    border-right: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-sizing: border-box !important;
}

body.imarked-v1 .im-auth-signup__form .input-group-addon,
body.im-auth-app .im-auth-signup__form .input-group-addon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px !important;
    min-width: 44px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-size: 15px !important;
    background: #fff !important;
    border: 1.5px solid #d0d9e6 !important;
    border-left: 1px solid #e4eaf2 !important;
    border-radius: 0 10px 10px 0 !important;
    color: #64748b !important;
    box-sizing: border-box !important;
    cursor: pointer;
    float: none !important;
    vertical-align: middle;
}

body.imarked-v1 .im-auth-signup__form .input-group:focus-within .form-control,
body.im-auth-app .im-auth-signup__form .input-group:focus-within .form-control,
body.imarked-v1 .im-auth-signup__form .input-group:focus-within .input-group-addon,
body.im-auth-app .im-auth-signup__form .input-group:focus-within .input-group-addon {
    border-color: #1a73e8 !important;
}

body.imarked-v1 .im-auth-signup__form .input-group:focus-within .form-control,
body.im-auth-app .im-auth-signup__form .input-group:focus-within .form-control {
    box-shadow: none !important;
}

body.imarked-v1 .im-auth-signup__form .input-group:focus-within,
body.im-auth-app .im-auth-signup__form .input-group:focus-within {
    border-radius: 10px;
    box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.12);
}

body.imarked-v1 .im-auth-signup__form .input-group-addon .custPassEye,
body.im-auth-app .im-auth-signup__form .input-group-addon .custPassEye {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    color: #64748b;
}

body.imarked-v1 .im-auth-signup__loc-btn,
body.im-auth-app .im-auth-signup__loc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    color: #1a73e8;
    padding: 0;
    margin: 0;
    line-height: 1;
    cursor: pointer;
}

body.imarked-v1 .im-auth-pass-strength,
body.im-auth-app .im-auth-pass-strength {
    margin-top: 8px;
}

body.imarked-v1 .im-auth-pass-strength__meta,
body.im-auth-app .im-auth-pass-strength__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
}

body.imarked-v1 .im-auth-pass-strength__title,
body.im-auth-app .im-auth-pass-strength__title {
    font-size: 12px;
    font-weight: 600;
    color: #6b7280;
}

body.imarked-v1 .im-auth-pass-strength__label,
body.im-auth-app .im-auth-pass-strength__label {
    font-size: 12px;
    font-weight: 700;
    color: #9aa6b2;
}

body.imarked-v1 .im-auth-pass-strength__bars,
body.im-auth-app .im-auth-pass-strength__bars {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}

body.imarked-v1 .im-auth-pass-strength__bar,
body.im-auth-app .im-auth-pass-strength__bar {
    height: 4px;
    border-radius: 999px;
    background: #e5eaf1;
    transition: background 0.18s ease;
}

body.imarked-v1 .im-auth-pass-strength.is-weak .im-auth-pass-strength__label,
body.im-auth-app .im-auth-pass-strength.is-weak .im-auth-pass-strength__label {
    color: #dc2626;
}

body.imarked-v1 .im-auth-pass-strength.is-medium .im-auth-pass-strength__label,
body.im-auth-app .im-auth-pass-strength.is-medium .im-auth-pass-strength__label {
    color: #d97706;
}

body.imarked-v1 .im-auth-pass-strength.is-strong .im-auth-pass-strength__label,
body.im-auth-app .im-auth-pass-strength.is-strong .im-auth-pass-strength__label {
    color: #059669;
}

body.imarked-v1 .im-auth-pass-strength.is-weak .im-auth-pass-strength__bar:nth-child(1),
body.im-auth-app .im-auth-pass-strength.is-weak .im-auth-pass-strength__bar:nth-child(1) {
    background: #ef4444;
}

body.imarked-v1 .im-auth-pass-strength.is-medium .im-auth-pass-strength__bar:nth-child(1),
body.imarked-v1 .im-auth-pass-strength.is-medium .im-auth-pass-strength__bar:nth-child(2),
body.im-auth-app .im-auth-pass-strength.is-medium .im-auth-pass-strength__bar:nth-child(1),
body.im-auth-app .im-auth-pass-strength.is-medium .im-auth-pass-strength__bar:nth-child(2) {
    background: #f59e0b;
}

body.imarked-v1 .im-auth-pass-strength.is-strong .im-auth-pass-strength__bar,
body.im-auth-app .im-auth-pass-strength.is-strong .im-auth-pass-strength__bar {
    background: #10b981;
}

body.imarked-v1 .im-auth-signup__checks,
body.im-auth-app .im-auth-signup__checks {
    margin: 4px 0 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

body.imarked-v1 .im-auth-checkrow,
body.im-auth-app .im-auth-checkrow {
    margin: 0;
    min-height: 0;
    padding: 0 !important;
    width: 100%;
    text-align: left;
}

body.imarked-v1 .im-auth-checkrow > label,
body.im-auth-app .im-auth-checkrow > label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px;
    font-weight: 500;
    color: #334155;
    cursor: pointer;
    line-height: 1.35;
    text-align: left;
    white-space: nowrap;
}

body.imarked-v1 .im-auth-checkrow__text,
body.im-auth-app .im-auth-checkrow__text {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

body.imarked-v1 .im-auth-checkrow__text a,
body.im-auth-app .im-auth-checkrow__text a {
    color: #1a73e8;
    text-decoration: none;
    line-height: 1;
}

body.imarked-v1 .im-auth-checkrow > label > input[type="checkbox"],
body.im-auth-app .im-auth-checkrow > label > input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    margin: 0;
    flex: 0 0 20px;
    border: 1.5px solid #c5d0dc;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
    position: relative;
    box-shadow: none;
    float: none !important;
}

body.imarked-v1 .im-auth-checkrow > label > input[type="checkbox"]:checked,
body.im-auth-app .im-auth-checkrow > label > input[type="checkbox"]:checked {
    background: #1a73e8;
    border-color: #1a73e8;
}

body.imarked-v1 .im-auth-checkrow > label > input[type="checkbox"]:checked::after,
body.im-auth-app .im-auth-checkrow > label > input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

body.imarked-v1 .im-auth-checkrow .has-error,
body.im-auth-app .im-auth-checkrow .has-error {
    display: block;
    margin-top: 4px;
    margin-left: 30px;
    text-align: left;
}

body.imarked-v1 .im-auth-signup__submit,
body.im-auth-app .im-auth-signup__submit {
    margin: 4px 0 0 !important;
    text-align: left;
}

body.imarked-v1 .im-auth-signup__submit .btn.btn-primary,
body.im-auth-app .im-auth-signup__submit .btn.btn-primary {
    width: 100%;
    min-height: 44px !important;
    margin: 0 !important;
    float: none !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

body.imarked-v1 .im-auth-signup__login,
body.im-auth-app .im-auth-signup__login {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e7ebf0;
    text-align: left !important;
}

body.imarked-v1 .im-auth-signup__login .im-auth-link,
body.im-auth-app .im-auth-signup__login .im-auth-link {
    font-size: 14px;
    display: inline-block;
}

body.imarked-v1 .im-auth-signup .passErrorMsg,
body.im-auth-app .im-auth-signup .passErrorMsg {
    font-size: 12px;
    margin-top: 4px;
    color: #dc2626;
}

body.imarked-v1 .im-auth-signup .has-error,
body.im-auth-app .im-auth-signup .has-error {
    font-size: 12px;
}

/* ========== App auth shell (_loginLayout) ========== */
html.im-auth-scale {
    font-size: 130%;
}

body.im-auth-app {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(1200px 600px at 50% -10%, rgba(0, 102, 255, 0.08), transparent 55%),
        linear-gradient(180deg, #f7f9fc 0%, #eef2f7 100%) !important;
    font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif;
    color: var(--im-fg, #181c23);
}

body.im-auth-app .im-auth-app__shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 28px 16px 40px;
    box-sizing: border-box;
}

body.im-auth-app .im-auth-app__brand {
    width: 100%;
    max-width: 1080px;
    display: flex;
    justify-content: center;
    margin-bottom: 18px;
}

body.im-auth-app .im-auth-app__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

body.im-auth-app .im-auth-app__logo img {
    display: block;
    width: auto !important;
    max-width: 180px !important;
    height: 40px !important;
    object-fit: contain;
}

body.im-auth-app .im-auth-app__main {
    width: 100%;
    max-width: 1080px;
    flex: 1 1 auto;
}

body.im-auth-app .im-auth-app__main > .im-auth-page,
body.im-auth-app .im-auth-app__main > .im-auth-page--wide {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
}

body.im-auth-app .im-auth-app__main > .im-login-page {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}

body.im-auth-app .im-auth-page {
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
}

body.im-auth-app .im-auth-page--wide {
    max-width: 100%;
}

body.im-auth-app .im-auth-card {
    border: 0;
    box-shadow: 0 10px 36px rgba(24, 28, 35, 0.08);
}

body.im-auth-app .im-breadcrumb {
    display: none !important;
}

/* ========== Home signup modal ========== */
body.imarked-v1 #myModal_SignUp .modal-dialog {
    width: auto;
    max-width: 480px;
    margin: 24px auto;
}

body.imarked-v1 #myModal_SignUp .modal-content {
    border: 0;
    border-radius: 20px;
    overflow: hidden;
    background: transparent;
    box-shadow: none;
}

body.imarked-v1 #myModal_SignUp .modal-header {
    border: 0;
    padding: 0;
}

body.imarked-v1 #myModal_SignUp .modal-body {
    padding: 0 !important;
    font-size: 15px !important;
    background: transparent;
}

body.imarked-v1 #myModal_SignUp .im-auth-signup,
body.imarked-v1 #myModal_SignUp .im-auth-signup--popup {
    max-width: 100%;
    margin: 0;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.22);
}

body.imarked-v1 #myModal_SignUp .im-auth-signup__login,
body.imarked-v1 #myModal_SignUp .im-auth-signup--popup .im-auth-footer,
body.imarked-v1 #myModal_SignUp .im-auth-signup--popup .divBtnLogin {
    display: none;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-auth-page {
        margin-top: 4px;
        padding: 0 8px 20px;
    }

    body.im-auth-app .im-auth-page {
        padding: 0;
    }

    body.im-auth-app .im-auth-app__shell {
        padding: 20px 12px 28px;
    }

    body.im-auth-app .im-auth-app__logo img {
        max-width: 150px !important;
        height: 34px !important;
    }

    body.imarked-v1 .im-auth-card {
        padding: 20px 16px 18px;
        border-radius: 14px;
    }

    body.imarked-v1 .im-auth-card__head h1 {
        font-size: 1.35rem !important;
    }

    body.imarked-v1 .im-auth-signup,
    body.im-auth-app .im-auth-signup {
        padding: 18px 16px 14px;
        border-radius: 16px;
    }

    body.imarked-v1 #myModal_SignUp .modal-dialog {
        width: calc(100% - 20px);
        margin: 12px auto;
    }
}

/* ========== Centered login (mobile + desktop) ========== */
body.im-auth-app .im-login-page {
    width: 100%;
}

body.im-auth-app .im-login-page__layout {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

body.im-auth-app .im-login {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    padding: 28px 24px 24px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid #e4eaf2;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 10px 32px rgba(15, 23, 42, 0.06);
    box-sizing: border-box;
}

body.im-auth-app .im-login__intro {
    text-align: center;
    margin: 0 0 18px;
}

body.im-auth-app .im-login__intro h1 {
    margin: 0 !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
    color: #0b1b33 !important;
    line-height: 1.15 !important;
}

body.im-auth-app .im-login__intro p {
    margin: 0 auto !important;
    max-width: 34ch;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #7b8794 !important;
    font-weight: 500 !important;
}

body.im-auth-app .im-login__providers {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 18px;
    align-items: stretch;
}

body.im-auth-app .im-login__terms {
    margin: 0 0 2px !important;
    text-align: center;
    font-size: 15px !important;
    line-height: 1.45 !important;
    color: #5b6775 !important;
}

body.im-auth-app .im-login__terms a {
    color: #e67e22 !important;
    font-weight: 700;
    text-decoration: none !important;
}

body.im-auth-app .im-login__terms a:hover {
    text-decoration: underline !important;
}

body.im-auth-app .im-login__vipps {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 48px;
}

body.im-auth-app .im-login__vipps vipps-mobilepay-button {
    display: inline-block;
    min-width: 220px;
    min-height: 44px;
}

body.im-auth-app .im-login__vipps-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 48px;
    padding: 12px 18px;
    border-radius: 8px;
    background: #ff5b24;
    color: #fff !important;
    font-size: 14.4px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 6px 16px rgba(255, 91, 36, 0.28);
}

body.im-auth-app .im-login__vipps-fallback:hover {
    background: #f04f1a;
    color: #fff !important;
}

body.im-auth-app .im-login__vipps-wordmark {
    font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif;
    font-size: 1.215rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1;
}

body.im-auth-app .im-login__google {
    position: relative;
    width: 100%;
}

body.im-auth-app .im-login__google-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 48px;
    padding: 12px 18px;
    border-radius: 8px;
    border: 2px solid #4285F4;
    background: #fff;
    color: #122033;
    font-size: 14.4px;
    font-weight: 700;
    box-shadow: 0 1px 2px rgba(66, 133, 244, 0.12);
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

body.im-auth-app .im-login__google-btn:hover {
    border-color: #3367D6;
    background: #f8fbff;
    box-shadow: 0 4px 14px rgba(66, 133, 244, 0.18);
}

body.im-auth-app .im-login__google-btn:active {
    transform: translateY(1px);
}

body.im-auth-app .im-login__google-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
}

body.im-auth-app .im-login__google-wordmark {
    font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif;
    font-size: 1.08rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1;
    color: #1f1f1f;
}

body.im-auth-app .im-login__google-native {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0;
}

body.im-auth-app .im-login-provider {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 52px;
    padding: 12px 42px 12px 16px;
    border-radius: 12px;
    border: 1.5px solid #d9e0e8;
    background: #fff;
    color: #122033;
    font-size: 15px;
    font-weight: 650;
    text-align: left;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

body.im-auth-app .im-login-provider:hover {
    border-color: #c5d0dc;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

body.im-auth-app .im-login-provider:active {
    transform: translateY(1px);
}

body.im-auth-app .im-login-provider__icon {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex: 0 0 28px;
}

body.im-auth-app .im-login-provider__icon--mail {
    color: #1a73e8;
    font-size: 18px;
}

body.im-auth-app .im-login-provider__label {
    flex: 1 1 auto;
}

body.im-auth-app .im-login-provider__chevron {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    opacity: 0.85;
    color: #9aa6b2;
}

body.im-auth-app .im-login__divider {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 6px 0 18px;
    color: #9aa6b2;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

body.im-auth-app .im-login__divider::before,
body.im-auth-app .im-login__divider::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: #e3e8ef;
}

body.im-auth-app .im-login__form .form-group {
    margin-bottom: 14px;
}

body.im-auth-app .im-login__form .im-auth-label {
    margin-bottom: 7px;
    font-size: 16px;
    font-weight: 600;
    color: #1a2b3c;
}

body.im-auth-app .im-login__field {
    position: relative;
    display: flex;
    align-items: center;
}

body.im-auth-app .im-login__field-icon {
    position: absolute;
    left: 14px;
    z-index: 2;
    color: #9aa6b2;
    font-size: 15px;
    pointer-events: none;
}

body.im-auth-app .im-login__field .form-control {
    height: 50px !important;
    padding-left: 42px !important;
    border-radius: 12px !important;
    border: 1.5px solid #d0d9e6 !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

body.im-auth-app .im-login__field .form-control:focus {
    border-color: #1a73e8 !important;
    box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.12) !important;
    background: #fff !important;
}

body.im-auth-app .im-login__field--password .form-control {
    padding-right: 46px !important;
}

body.im-auth-app .im-login__eye {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #9aa6b2;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    cursor: pointer;
    z-index: 2;
}

body.im-auth-app .im-login__eye:hover {
    color: #475569;
    background: #f1f5f9;
}

body.im-auth-app .im-login__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin: 2px 0 16px;
}

body.im-auth-app .im-login__remember-wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

body.im-auth-app .im-login__remember {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 15px;
    font-weight: 450;
    color: #334155;
    cursor: pointer;
}

body.im-auth-app .im-login__remember input[type="checkbox"] {
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: #1a73e8;
}

body.im-auth-app .im-login__remember-info {
    color: #1a73e8 !important;
    font-size: 16px;
    line-height: 1;
    padding: 2px;
    text-decoration: none !important;
}

body.im-auth-app .im-login__remember-info:hover {
    color: #155dc0 !important;
}

body.im-auth-app .im-login__submit {
    gap: 8px;
    min-height: 52px !important;
    border-radius: 12px !important;
    background: #1a73e8 !important;
    font-size: 16px !important;
}

body.im-auth-app .im-login__submit:hover {
    background: #155dc0 !important;
}

body.im-auth-app .im-login__new {
    margin: 0;
    padding: 16px;
    border: 1px solid #dbe7f6;
    border-radius: 14px;
    background: linear-gradient(180deg, #f3f8ff 0%, #eef5ff 100%);
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

body.im-auth-app .im-login__new-body {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

body.im-auth-app .im-login__new-icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e8f1ff;
    color: #1a73e8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

body.im-auth-app .im-login__new-copy {
    min-width: 0;
    flex: 1 1 auto;
}

body.im-auth-app .im-login__new-copy strong {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #0b1b33;
    margin-bottom: 4px;
    line-height: 1.25;
}

body.im-auth-app .im-login__new-copy p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: #6b7280 !important;
    font-weight: 500 !important;
}

body.im-auth-app .im-login__new-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 46px;
    padding: 10px 16px;
    border: 2px solid #1a73e8;
    border-radius: 8px;
    color: #1a73e8 !important;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none !important;
    background: #fff;
    transition: background 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

body.im-auth-app .im-login__new-btn:hover {
    background: #f0f6ff;
    border-color: #155dc0;
    color: #155dc0 !important;
    box-shadow: 0 4px 12px rgba(26, 115, 232, 0.12);
}

/* Left brand panel — Microsoft / Google account style */
body.im-auth-app .im-login-aside {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 24px;
    background: #f3f6fb;
    border: 1px solid #e4eaf2;
    box-shadow: 0 8px 30px rgba(15, 23, 42, 0.04);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

body.im-auth-app .im-login-aside__content {
    position: relative;
    z-index: 1;
    padding: 28px 24px 18px;
}

body.im-auth-app .im-login-aside__eyebrow {
    display: inline-flex;
    align-items: center;
    margin: 0 0 14px !important;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(26, 115, 232, 0.08);
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #155dc0 !important;
}

body.im-auth-app .im-login-aside__title {
    margin: 0 0 12px !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    letter-spacing: -0.04em;
    line-height: 1.12 !important;
    color: #0b1b33 !important;
}

body.im-auth-app .im-login-aside__title span {
    color: #1a73e8;
}

body.im-auth-app .im-login-aside__lead {
    margin: 0 0 24px !important;
    max-width: 36ch;
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: #5f6b7a !important;
    font-weight: 500 !important;
}

body.im-auth-app .im-login-aside__list {
    list-style: none;
    margin: 0;
    padding: 4px 0 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    background: #fff;
    border: 1px solid #e7edf5;
    border-radius: 16px;
    overflow: hidden;
}

body.im-auth-app .im-login-aside__list li {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 12px;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid #eef2f7;
}

body.im-auth-app .im-login-aside__list li:last-child {
    border-bottom: 0;
}

body.im-auth-app .im-login-aside__icon {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: #eef4ff;
    color: #1a73e8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.im-auth-app .im-login-aside__icon--shop {
    background: #e8f1ff;
    color: #0b5bd3;
}

body.im-auth-app .im-login-aside__icon svg {
    display: block;
}

body.im-auth-app .im-login-aside__list strong {
    display: block;
    margin: 0 0 2px;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.01em;
}

body.im-auth-app .im-login-aside__list li > div > span {
    display: block;
    font-size: 12.5px;
    line-height: 1.4;
    color: #64748b;
    font-weight: 500;
}

body.im-auth-app .im-login-aside__trust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    font-size: 11.5px;
    font-weight: 600;
    color: #7b8794;
}

body.im-auth-app .im-login-aside__dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #c5ced9;
}

body.im-auth-app .im-login-aside__visual {
    position: relative;
    z-index: 1;
    margin: 8px 16px 16px;
    border-radius: 16px;
    overflow: hidden;
    background: #e8eef8;
}

body.im-auth-app .im-login-aside__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(243, 246, 251, 0.15) 0%, transparent 35%);
    pointer-events: none;
}

body.im-auth-app .im-login-aside__visual img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 170px;
    object-fit: cover;
    object-position: center 45%;
}

/* Autofill polish on login fields */
body.im-auth-app .im-login__field .form-control:-webkit-autofill,
body.im-auth-app .im-login__field .form-control:-webkit-autofill:hover,
body.im-auth-app .im-login__field .form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #0f172a !important;
    caret-color: #0f172a;
    transition: background-color 99999s ease-in-out 0s;
}

@media (min-width: 900px) {
    body.im-auth-app .im-login-page__layout {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(400px, 480px);
        grid-template-areas: "aside login";
        gap: 24px 28px;
        align-items: stretch;
    }

    body.im-auth-app .im-login {
        grid-area: login;
        max-width: none;
        margin: 0;
        padding: 36px 32px 28px;
        min-height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: #ffffff;
        border: 1px solid #e4eaf2;
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.95) inset,
            0 12px 36px rgba(15, 23, 42, 0.07);
    }

    body.im-auth-app .im-login-aside {
        grid-area: aside;
        min-height: 100%;
        display: flex;
        flex-direction: column;
    }

    body.im-auth-app .im-login-aside__content {
        padding: 36px 32px 20px;
        flex: 1 1 auto;
    }

    body.im-auth-app .im-login-aside__title {
        font-size: 36px !important;
    }

    body.im-auth-app .im-login-aside__lead {
        font-size: 15px !important;
        max-width: 34ch;
        margin-bottom: 28px !important;
    }

    body.im-auth-app .im-login-aside__list li {
        padding: 16px 18px;
    }

    body.im-auth-app .im-login-aside__visual {
        margin: auto 20px 20px;
        border-radius: 18px;
    }

    body.im-auth-app .im-login-aside__visual img {
        min-height: 230px;
        max-height: 280px;
    }

    body.im-auth-app .im-login__intro {
        text-align: left;
    }

    body.im-auth-app .im-login__intro p {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: none;
    }

    body.im-auth-app .im-login__terms {
        text-align: left;
    }
}

body.im-auth-app .im-login__footer {
    margin-top: 28px;
    padding-bottom: 8px;
    text-align: center;
    color: #9aa6b2;
    font-size: 0.656rem;
}

body.im-auth-app .im-login__footer nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

body.im-auth-app .im-login__footer a {
    color: #7b8794 !important;
    text-decoration: none !important;
    font-weight: 550;
}

body.im-auth-app .im-login__footer a:hover {
    color: #1a73e8 !important;
}

body.im-auth-app .im-login__footer p {
    margin: 0 0 4px !important;
    color: #9aa6b2 !important;
}

body.im-auth-app .im-login__version {
    font-size: 0.624rem !important;
}

body.im-auth-app .im-login__forgot .im-login__back {
    display: block;
    width: 100%;
    margin-top: 10px;
    text-align: center;
    color: #1a73e8 !important;
    font-weight: 650;
}

@media (max-width: 420px) {
    body.im-auth-app .im-login__intro h1 {
        font-size: 21px !important;
    }
}

/* IMARKED V1 — shared panel theme (use across cart, checkout, account, admin pages) */

:root {
    --im-panel-radius: 16px;
    --im-panel-radius-sm: 12px;
    --im-panel-border: var(--im-border, #e7ebf0);
    --im-panel-bg: var(--im-surface, #ffffff);
    --im-panel-head-bg: #f8fafc;
    --im-panel-shadow: var(--im-shadow-md, 0 4px 16px rgba(24, 28, 35, 0.08));
    --im-panel-title: var(--im-fg, #181c23);
    --im-panel-muted: var(--im-muted, #6e7a8a);
}

/* Base panel — prefer .im-panel; also style Bootstrap .panel.panel-default under v1 */
body.imarked-v1 .im-panel,
body.imarked-v1 .panel.panel-default.im-panel,
body.imarked-v1 .im-page .panel.panel-default {
    margin: 0 0 20px;
    background: var(--im-panel-bg) !important;
    border: 1px solid var(--im-panel-border) !important;
    border-radius: var(--im-panel-radius) !important;
    box-shadow: var(--im-panel-shadow);
    overflow: hidden;
}

body.imarked-v1 .im-panel__head,
body.imarked-v1 .im-panel > .panel-heading,
body.imarked-v1 .im-page .panel.panel-default > .panel-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 16px 20px !important;
    background: var(--im-panel-head-bg) !important;
    border-bottom: 1px solid var(--im-panel-border) !important;
    border-radius: 0 !important;
}

body.imarked-v1 .im-panel__title,
body.imarked-v1 .im-panel > .panel-heading .panel-title,
body.imarked-v1 .im-page .panel.panel-default > .panel-heading .panel-title {
    margin: 0 !important;
    font-size: 1.05rem !important;
    font-weight: 750 !important;
    letter-spacing: -0.02em;
    color: var(--im-panel-title) !important;
    line-height: 1.3 !important;
}

body.imarked-v1 .im-panel__title .fa,
body.imarked-v1 .im-panel > .panel-heading .panel-title .fa,
body.imarked-v1 .im-page .panel.panel-default > .panel-heading .panel-title .fa {
    color: var(--im-primary, #0066ff);
    margin-right: 4px;
}

body.imarked-v1 .im-panel__body,
body.imarked-v1 .im-panel > .panel-body,
body.imarked-v1 .im-page .panel.panel-default > .panel-body {
    padding: 20px !important;
    background: var(--im-panel-bg);
}

body.imarked-v1 .im-panel__foot {
    padding: 14px 20px;
    border-top: 1px solid var(--im-panel-border);
    background: #fbfcfe;
}

/* Page shell */
body.imarked-v1 .im-page {
    max-width: var(--im-max, 1180px);
    margin: 0 auto 48px;
    padding: 12px 16px 40px;
}

body.imarked-v1 .im-page__header {
    margin: 4px 0 20px;
}

body.imarked-v1 .im-page__title {
    margin: 0 0 6px !important;
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em;
    color: var(--im-fg, #181c23) !important;
    line-height: 1.15 !important;
}

body.imarked-v1 .im-page__subtitle {
    margin: 0 !important;
    font-size: 0.98rem !important;
    font-weight: 500 !important;
    color: var(--im-panel-muted) !important;
    line-height: 1.45 !important;
}

/* Shared table inside panels */
body.imarked-v1 .im-panel-table,
body.imarked-v1 .im-page .table.table-bordered {
    width: 100%;
    margin: 0 !important;
    border: 0 !important;
    background: transparent;
}

body.imarked-v1 .im-panel-table > thead > tr > th,
body.imarked-v1 .im-panel-table > thead > tr > td,
body.imarked-v1 .im-page .table.table-bordered > thead > tr > td {
    padding: 11px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--im-panel-border) !important;
    background: transparent !important;
    color: var(--im-panel-muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.imarked-v1 .im-panel-table > tbody > tr > td,
body.imarked-v1 .im-page .table.table-bordered > tbody > tr > td {
    padding: 16px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #eef2f7 !important;
    vertical-align: middle !important;
    color: var(--im-text, #333d4d);
    font-size: 14px;
    background: transparent !important;
}

body.imarked-v1 .im-panel-table > tbody > tr:last-child > td,
body.imarked-v1 .im-page .table.table-bordered > tbody > tr:last-child > td {
    border-bottom: 0 !important;
}

/* Buttons used across panels */
body.imarked-v1 .im-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 18px !important;
    border-radius: var(--im-radius-sm) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

body.imarked-v1 .im-btn--primary {
    background: var(--im-primary, #0066ff) !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: 0 6px 16px rgba(0, 102, 255, 0.22) !important;
}

body.imarked-v1 .im-btn--primary:hover {
    background: var(--im-primary-hover, #0052cc) !important;
    color: #fff !important;
}

body.imarked-v1 .im-btn--secondary {
    background: #fff !important;
    border: 1.5px solid #c9d4e3 !important;
    color: #1a2b3c !important;
}

body.imarked-v1 .im-btn--secondary:hover {
    border-color: var(--im-primary, #0066ff) !important;
    color: var(--im-primary, #0066ff) !important;
    background: #f8fbff !important;
}

body.imarked-v1 .im-btn--danger {
    background: #fff !important;
    border: 1.5px solid #fecaca !important;
    color: #dc2626 !important;
}

body.imarked-v1 .im-btn--danger:hover {
    background: #fef2f2 !important;
}

body.imarked-v1 .im-btn--ghost {
    background: transparent !important;
    border: 0 !important;
    color: var(--im-panel-muted) !important;
    min-height: 36px;
    padding: 6px 10px !important;
    font-weight: 650 !important;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-page {
        padding: 8px 10px 88px;
    }

    body.imarked-v1 .im-page__title {
        font-size: 1.4rem !important;
    }

    body.imarked-v1 .im-panel__head,
    body.imarked-v1 .im-panel > .panel-heading,
    body.imarked-v1 .im-page .panel.panel-default > .panel-heading,
    body.imarked-v1 .im-panel__body,
    body.imarked-v1 .im-panel > .panel-body,
    body.imarked-v1 .im-page .panel.panel-default > .panel-body {
        padding: 14px 14px !important;
    }
}

/* IMARKED V1 — Cart (compact Google/Microsoft-style list) + Checkout */

body.imarked-v1 .im-cart-page.im-page {
    max-width: 920px;
}

body.imarked-v1 .im-cart-page .im-page__header {
    margin-bottom: 14px;
}

body.imarked-v1 .im-cart-page .im-page__title {
    font-size: 1.65rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
    margin: 0 0 4px !important;
}

body.imarked-v1 .im-cart-page .im-page__subtitle {
    font-size: 0.92rem !important;
    margin: 0 !important;
}

body.imarked-v1 .im-cart-store {
    margin: 0 0 18px;
}

body.imarked-v1 .im-cart-page .im-cart-panel.panel {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid var(--im-panel-border, #e7ebf0) !important;
    border-radius: 16px !important;
    box-shadow: var(--im-panel-shadow, 0 4px 16px rgba(24, 28, 35, 0.08)) !important;
    background: #fff !important;
    overflow: hidden !important;
}

body.imarked-v1 .im-cart-store-head {
    display: flex;
    align-items: center;
    padding: 12px 16px !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #eef2f7 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-cart-panel__body,
body.imarked-v1 .im-cart-panel > .panel-body {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
}

body.imarked-v1 .im-cart-store-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

/* 56px + 15% ≈ 64px */
body.imarked-v1 .im-cart-store-logo {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--im-border, #e7ebf0);
    background: linear-gradient(180deg, #fff 0%, #f5f8fb 100%);
    box-shadow: 0 2px 8px rgba(24, 28, 35, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
    box-sizing: border-box;
}

body.imarked-v1 .im-cart-store-logo__img,
body.imarked-v1 .im-cart-store-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

body.imarked-v1 .im-cart-store-logo--fallback {
    padding: 0;
}

body.imarked-v1 .im-cart-store-logo__ph[hidden] {
    display: none !important;
}

body.imarked-v1 .im-cart-store-logo__ph,
body.imarked-v1 .im-cart-store-logo .seller-logo-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 0;
}

body.imarked-v1 .im-cart-store-logo .seller-logo-fallback-initials {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

body.imarked-v1 .im-cart-store-text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

body.imarked-v1 .im-cart-store-name {
    margin: 0 !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    color: var(--im-fg, #181c23) !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-cart-store-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
}

body.imarked-v1 .im-cart-store-city {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
    line-height: 1.2;
}

body.imarked-v1 .im-cart-store-city > i {
    color: #ef4444;
    font-size: 12px;
}

body.imarked-v1 .im-cart-store-badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: 999px;
    background: #f1f3fe;
    color: var(--im-primary, #0066ff);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.4;
}

/* Line items */
body.imarked-v1 .im-cart-lines {
    display: flex;
    flex-direction: column;
}

body.imarked-v1 .im-cart-line {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto auto;
    gap: 12px 14px;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #eef2f7;
}

body.imarked-v1 .im-cart-line:last-child {
    border-bottom: 1px solid var(--im-border, #e7ebf0);
}

body.imarked-v1 .im-cart-line__thumb {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--im-border, #e7ebf0);
    background: #fff;
    flex: 0 0 56px;
}

body.imarked-v1 .im-cart-line__thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

body.imarked-v1 .im-cart-line__info {
    min-width: 0;
}

body.imarked-v1 .im-cart-line__name {
    display: block;
    color: var(--im-fg, #181c23) !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none !important;
    margin: 0 0 2px;
}

body.imarked-v1 .im-cart-line__name:hover {
    color: var(--im-primary, #0066ff) !important;
}

body.imarked-v1 .im-cart-line__meta,
body.imarked-v1 .im-cart-line__unit {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: var(--im-muted, #6e7a8a);
    line-height: 1.35;
}

body.imarked-v1 .im-cart-line__qty {
    justify-self: end;
}

body.imarked-v1 .im-cart-line__total {
    min-width: 72px;
    text-align: right;
    white-space: nowrap;
}

body.imarked-v1 .im-cart-line__total strong {
    font-size: 14px;
    font-weight: 750;
    color: var(--im-fg, #181c23);
}

/* Compact qty control */
body.imarked-v1 .im-cart-qty {
    display: inline-flex !important;
    width: auto;
    margin: 0 !important;
}

body.imarked-v1 .im-cart-qty .form-control {
    width: 44px !important;
    height: 34px !important;
    padding: 4px 6px !important;
    text-align: center;
    border: 1px solid #d0d9e6 !important;
    border-right: 0 !important;
    border-radius: 8px 0 0 8px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 650;
}

body.imarked-v1 .im-cart-qty .input-group-btn {
    display: flex;
}

body.imarked-v1 .im-cart-qty .btn {
    width: 34px;
    height: 34px;
    min-width: 34px;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 !important;
    font-size: 12px;
}

body.imarked-v1 .im-cart-qty .btnUpdate {
    background: var(--im-primary, #0066ff) !important;
    border: 1px solid var(--im-primary, #0066ff) !important;
    color: #fff !important;
}

body.imarked-v1 .im-cart-qty .btn-danger {
    background: #fff !important;
    border: 1px solid #e7ebf0 !important;
    border-left: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    color: #94a3b8 !important;
}

body.imarked-v1 .im-cart-qty .btn-danger:hover {
    color: #dc2626 !important;
    background: #fef2f2 !important;
    border-color: #fecaca !important;
}

/* Footer: discount + totals */
body.imarked-v1 .im-cart-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
    gap: 20px 28px;
    padding: 16px;
    background: #fbfcfe;
    border-bottom: 1px solid #eef2f7;
}

body.imarked-v1 .im-cart-discount__label {
    display: block;
    margin: 0 0 6px;
    font-size: 12px;
    font-weight: 650;
    color: var(--im-fg, #181c23);
}

body.imarked-v1 .im-cart-discount {
    display: flex;
    align-items: stretch;
    max-width: 320px;
    width: 100%;
}

body.imarked-v1 .im-cart-discount .form-control {
    flex: 1 1 auto;
    min-width: 0;
    height: 38px !important;
    border: 1px solid #d0d9e6 !important;
    border-right: 0 !important;
    border-radius: 8px 0 0 8px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    background: #fff !important;
}

body.imarked-v1 .im-cart-discount__btn.btnDiscount,
body.imarked-v1 .im-cart-footer .btnDiscount {
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    background: var(--im-primary, #0066ff) !important;
    background-image: none !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer;
}

body.imarked-v1 .im-cart-discount__btn.btnDiscount:hover,
body.imarked-v1 .im-cart-footer .btnDiscount:hover {
    background: #0052cc !important;
    color: #fff !important;
}

body.imarked-v1 .im-cart-discount__error {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #dc2626;
}

body.imarked-v1 .im-cart-footer__note {
    margin: 8px 0 0 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: var(--im-muted, #6e7a8a) !important;
}

body.imarked-v1 .im-cart-total-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 5px 0;
    font-size: 13px;
}

body.imarked-v1 .im-cart-total-row span {
    color: var(--im-muted, #6e7a8a);
    font-weight: 500;
}

body.imarked-v1 .im-cart-total-row strong {
    color: var(--im-fg, #181c23);
    font-weight: 700;
    text-align: right;
}

body.imarked-v1 .im-cart-total-row--net {
    margin-top: 6px;
    padding-top: 10px;
    border-top: 1px solid #e4eaf2;
}

body.imarked-v1 .im-cart-total-row--net span {
    color: var(--im-fg, #181c23);
    font-weight: 750;
    font-size: 14px;
}

body.imarked-v1 .im-cart-total-row--net .storeNetTotal,
body.imarked-v1 .im-cart-total-row--net strong {
    color: var(--im-primary, #0066ff);
    font-size: 1.85rem;
    font-weight: 800;
}

/* Actions */
body.imarked-v1 .im-cart-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding: 12px 16px 14px;
    background: #fff;
}

body.imarked-v1 .im-cart-actions .button,
body.imarked-v1 .im-cart-actions .im-btn {
    margin: 0 !important;
    float: none !important;
    background-image: none !important;
    min-height: 40px !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
    border-radius: 8px !important;
}

body.imarked-v1 .im-cart-actions .button span,
body.imarked-v1 .im-cart-actions .button span span {
    background: none !important;
    padding: 0 !important;
    color: inherit !important;
}

body.imarked-v1 .im-cart-actions .btn-proceed-checkout,
body.imarked-v1 .im-cart-actions #checkoutbtn {
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.2) !important;
}

body.imarked-v1 .im-cart-actions .btn-primary:not(.btn-proceed-checkout) {
    background: #fff !important;
    color: #1a2b3c !important;
    border: 1px solid #d0d9e6 !important;
}

body.imarked-v1 .im-cart-actions .empty_cart_button,
body.imarked-v1 .im-cart-actions .btn-danger {
    background: #fff !important;
    color: #dc2626 !important;
    border: 1px solid #fecaca !important;
}

body.imarked-v1 .im-cart-empty {
    text-align: center;
    width: 100%;
    max-width: none;
    margin: 28px 0 40px;
    border: 1px solid #e7ebf0 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 18px rgba(24, 28, 35, 0.06) !important;
    overflow: hidden;
}

body.imarked-v1 .im-cart-empty .im-panel__body,
body.imarked-v1 .im-cart-empty__body {
    padding: 48px 28px 40px !important;
}

body.imarked-v1 .im-cart-empty__icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
    color: #0066ff;
    box-shadow: inset 0 0 0 1px rgba(0, 102, 255, 0.12);
}

body.imarked-v1 .im-cart-empty__icon .fa {
    display: inline-block !important;
    font-size: 28px !important;
    line-height: 1 !important;
    color: #0066ff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.imarked-v1 .im-cart-empty__title {
    margin: 0 0 8px;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
    color: #181c23 !important;
    line-height: 1.25;
}

body.imarked-v1 .im-cart-empty__text {
    margin: 0 auto;
    max-width: 300px;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #6e7a8a !important;
}

body.imarked-v1 .im-cart-empty__actions {
    margin-top: 22px;
}

body.imarked-v1 .im-cart-empty__cta {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 22px !important;
    border-radius: 12px !important;
    font-weight: 750 !important;
    box-shadow: 0 8px 20px rgba(0, 102, 255, 0.22);
}

@media (max-width: 767px) {
    body.imarked-v1 .im-cart-empty {
        margin: 12px 0 24px;
    }

    body.imarked-v1 .im-cart-empty .im-panel__body,
    body.imarked-v1 .im-cart-empty__body {
        padding: 32px 20px 28px !important;
    }
}

/* Mobile: compact 2-row line (thumb · name/total · qty) — no scattered price row */
@media (max-width: 767px) {
    body.imarked-v1 .im-cart-page.im-page {
        padding: 12px 12px 96px;
    }

    body.imarked-v1 .im-cart-page .im-page__header {
        margin-bottom: 12px;
        padding: 0 2px;
    }

    body.imarked-v1 .im-cart-page .im-page__title {
        font-size: 1.35rem !important;
    }

    body.imarked-v1 .im-cart-page .im-page__subtitle {
        font-size: 13px !important;
        margin-top: 2px;
    }

    body.imarked-v1 .im-cart-store {
        margin-bottom: 12px;
    }

    body.imarked-v1 .im-cart-store-head {
        padding: 10px 14px !important;
        background: #fff !important;
        border-bottom: 1px solid #eef2f7 !important;
    }

    body.imarked-v1 .im-cart-panel__body {
        padding: 0 !important;
    }

    body.imarked-v1 .im-cart-line {
        grid-template-columns: 52px minmax(0, 1fr) auto;
        grid-template-areas:
            "thumb info total"
            "thumb qty qty";
        column-gap: 10px;
        row-gap: 2px;
        align-items: start;
        padding: 8px 12px !important;
    }

    body.imarked-v1 .im-cart-line + .im-cart-line {
        border-top: 1px solid #eef2f7;
    }

    body.imarked-v1 .im-cart-line__thumb {
        grid-area: thumb;
        width: 52px !important;
        height: 52px !important;
        border-radius: 10px;
        align-self: start;
    }

    body.imarked-v1 .im-cart-line__info {
        grid-area: info;
        padding-top: 0;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    body.imarked-v1 .im-cart-line__name {
        font-size: 13.5px;
        font-weight: 650;
        margin: 0;
        line-height: 1.25;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Unit price hidden on mobile — line total is enough (was duplicated) */
    body.imarked-v1 .im-cart-line__unit {
        display: none !important;
    }

    body.imarked-v1 .im-cart-line__meta {
        font-size: 11px;
        margin: 1px 0 0;
        line-height: 1.2;
    }

    body.imarked-v1 .im-cart-line__total {
        grid-area: total;
        text-align: right;
        border: 0;
        padding: 0;
        min-width: 0;
        white-space: nowrap;
        align-self: start;
        line-height: 1.25;
    }

    body.imarked-v1 .im-cart-line__total strong {
        font-size: 13.5px;
        font-weight: 750;
        letter-spacing: -0.02em;
    }

    body.imarked-v1 .im-cart-line__qty {
        grid-area: qty;
        justify-self: start;
        width: auto;
        margin-top: 0;
        padding-top: 0;
    }

    body.imarked-v1 .im-cart-qty {
        width: auto !important;
    }

    body.imarked-v1 .im-cart-qty .form-control {
        width: 40px !important;
        height: 32px !important;
        font-size: 13px !important;
        border-radius: 8px 0 0 8px !important;
    }

    body.imarked-v1 .im-cart-qty .btn {
        width: 32px;
        height: 32px;
        min-width: 32px;
        font-size: 12px;
    }

    body.imarked-v1 .im-cart-qty .btnUpdate {
        border-radius: 0 !important;
    }

    body.imarked-v1 .im-cart-qty .btn-danger {
        border-radius: 0 8px 8px 0 !important;
    }

    body.imarked-v1 .im-cart-footer {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 14px;
        border-top: 1px solid #eef2f7;
    }

    body.imarked-v1 .im-cart-discount {
        max-width: 100%;
    }

    body.imarked-v1 .im-cart-footer__totals {
        padding: 12px 12px 4px;
        border-radius: 12px;
        background: #f8fafc;
        border: 1px solid #eef2f7;
    }

    body.imarked-v1 .im-cart-total-row {
        padding: 6px 0;
    }

    body.imarked-v1 .im-cart-actions {
        flex-direction: column;
        align-items: stretch;
        padding: 4px 14px 16px;
        gap: 8px;
    }

    body.imarked-v1 .im-cart-actions .button,
    body.imarked-v1 .im-cart-actions .im-btn {
        width: 100%;
        justify-content: center;
        min-height: 46px !important;
        border-radius: 12px !important;
    }

    body.imarked-v1 .im-cart-actions #checkoutbtn {
        order: -1;
        box-shadow: 0 8px 18px rgba(0, 102, 255, 0.22);
    }

    body.imarked-v1 .im-cart-actions .empty_cart_button,
    body.imarked-v1 .im-cart-actions .im-btn--danger {
        order: 2;
    }

    body.imarked-v1 .im-cart-actions .im-btn--secondary {
        order: 1;
    }
}

/* Checkout — guest auth (balanced login + compact signup) */
body.imarked-v1 .im-checkout-auth {
    padding: 0 0 12px;
}

body.imarked-v1 .im-checkout-auth__banner {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 14px 20px;
    background: linear-gradient(180deg, #f5f8ff 0%, #eef4ff 100%);
    border-bottom: 1px solid #e1e8f5;
}

body.imarked-v1 .im-checkout-auth__banner strong {
    font-size: 1.02rem;
    font-weight: 800;
    color: var(--im-fg, #181c23);
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-checkout-auth__banner span {
    font-size: 13px;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-checkout-auth__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr);
    align-items: start;
    gap: 0 28px;
    max-width: 920px;
    margin: 0 auto;
    padding: 20px 18px 22px;
}

body.imarked-v1 .im-checkout-auth__panel {
    min-width: 0;
    max-width: 380px;
    width: 100%;
    justify-self: center;
}

body.imarked-v1 .im-checkout-auth-card {
    padding: 18px 16px 16px;
    border: 1px solid #e7ebf0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(24, 28, 35, 0.04);
}

body.imarked-v1 .im-checkout-auth-card--signup {
    background: #fbfcfe;
}

body.imarked-v1 .im-checkout-auth__head {
    margin: 0 0 14px;
    text-align: left;
}

body.imarked-v1 .im-checkout-auth__head h2 {
    margin: 0 0 4px !important;
    font-size: 1.12rem !important;
    font-weight: 800 !important;
    color: var(--im-fg, #181c23) !important;
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-checkout-auth__head p {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-checkout-auth__divider {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    position: relative;
    min-height: 180px;
}

body.imarked-v1 .im-checkout-auth__divider::before {
    content: "";
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 50%;
    width: 1px;
    background: #e4eaf2;
}

body.imarked-v1 .im-checkout-auth__divider span {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #e4eaf2;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
}

body.imarked-v1 .im-checkout-login-providers {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 12px;
}

body.imarked-v1 .im-checkout-provider {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none !important;
    border: 0;
    cursor: pointer;
}

body.imarked-v1 .im-checkout-provider--vipps {
    background: #ff5b24;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(255, 91, 36, 0.22);
}

body.imarked-v1 .im-checkout-provider--vipps:hover {
    background: #f04f1a;
    color: #fff !important;
}

body.imarked-v1 .im-checkout-provider--google {
    background: #fff;
    color: #1a2b3c !important;
    border: 1.5px solid #d0d9e6 !important;
}

body.imarked-v1 .im-checkout-provider--google:hover {
    border-color: #b8c4d4 !important;
    background: #fafbfc;
}

body.imarked-v1 .im-checkout-provider__g {
    display: inline-flex;
}

body.imarked-v1 .im-checkout-auth__or {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.imarked-v1 .im-checkout-auth__or::before,
body.imarked-v1 .im-checkout-auth__or::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #e7ebf0;
}

body.imarked-v1 .im-checkout-login-form .im-checkout-field {
    margin: 0 0 12px;
}

body.imarked-v1 .im-checkout-input {
    position: relative;
    display: flex;
    align-items: center;
}

body.imarked-v1 .im-checkout-input > .fa {
    position: absolute;
    left: 12px;
    z-index: 1;
    color: #94a3b8;
    font-size: 14px;
    pointer-events: none;
}

body.imarked-v1 .im-checkout-login-form .form-control {
    height: 44px !important;
    border: 1.5px solid #d0d9e6 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    padding: 10px 12px 10px 36px !important;
    background: #fff !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}

body.imarked-v1 .im-checkout-input--pass .form-control {
    padding-right: 42px !important;
}

body.imarked-v1 .im-checkout-eye {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #94a3b8;
    width: 32px;
    height: 32px;
    padding: 0;
    cursor: pointer;
}

body.imarked-v1 .im-checkout-login-form .form-control:focus {
    border-color: var(--im-primary, #0066ff) !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12) !important;
}

body.imarked-v1 .im-checkout-login-btn {
    display: flex !important;
    width: 100%;
    align-items: center;
    justify-content: center;
    min-height: 48px !important;
    margin-top: 4px !important;
    padding: 12px 16px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 18px rgba(0, 102, 255, 0.24);
}

body.imarked-v1 .im-checkout-login-btn:hover {
    background: #0052cc !important;
}

/* Compact signup — capped width, no double Vipps */
body.imarked-v1 .im-checkout-signup-host {
    max-width: 100%;
}

body.imarked-v1 .im-checkout-signup-host .im-auth-signup {
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.imarked-v1 .im-checkout-signup-host .im-auth-signup__intro,
body.imarked-v1 .im-checkout-signup-host .im-auth-signup__close,
body.imarked-v1 .im-checkout-signup-host .im-auth-link {
    display: none !important;
}

body.imarked-v1 .im-checkout-signup-host .im-auth-signup__vipps vipps-mobilepay-button {
    display: none !important;
}

body.imarked-v1 .im-checkout-signup-host .im-auth-signup__vipps-fallback {
    display: inline-flex !important;
}

body.imarked-v1 .im-checkout-signup-host .im-auth-signup__terms {
    font-size: 11.5px;
    line-height: 1.4;
    margin-bottom: 10px;
}

body.imarked-v1 .im-checkout-signup-host .im-auth-signup__form .form-control {
    height: 40px !important;
    font-size: 13.5px !important;
}

body.imarked-v1 .im-checkout-signup-host .im-auth-signup__providers,
body.imarked-v1 .im-checkout-signup-host .im-auth-signup__manual {
    gap: 8px;
}

@media (max-width: 820px) {
    body.imarked-v1 .im-checkout-auth__grid {
        grid-template-columns: 1fr;
        max-width: 400px;
        gap: 4px;
        padding: 14px 12px 18px;
    }

    body.imarked-v1 .im-checkout-auth__panel {
        max-width: 100%;
    }

    body.imarked-v1 .im-checkout-auth__divider {
        min-height: 0;
        padding: 8px 0 12px;
    }

    body.imarked-v1 .im-checkout-auth__divider::before {
        top: 50%;
        bottom: auto;
        left: 8px;
        right: 8px;
        width: auto;
        height: 1px;
    }

    body.imarked-v1 .im-checkout-auth__panel--login {
        order: -1;
    }
}

/* Checkout */
body.imarked-v1 .im-checkout-page.im-page {
    max-width: 960px;
    width: 100%;
    margin: 0 auto 48px !important;
    padding: 12px 16px 40px;
    float: none !important;
    display: block;
    box-sizing: border-box;
}

body.imarked-v1 .im-checkout-page .im-page__header {
    text-align: left;
}

body.imarked-v1 .im-checkout-page .im-page__title {
    font-size: 1.65rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
}

body.imarked-v1 .im-checkout-card.panel {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid var(--im-panel-border, #e7ebf0) !important;
    border-radius: 16px !important;
    box-shadow: var(--im-panel-shadow, 0 4px 16px rgba(24, 28, 35, 0.08)) !important;
    background: #fff !important;
    overflow: hidden !important;
}

body.imarked-v1 .im-checkout-store-head {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

body.imarked-v1 .im-checkout-back {
    font-size: 13px;
    font-weight: 650;
    color: var(--im-primary, #0066ff);
    text-decoration: none !important;
    white-space: nowrap;
}

body.imarked-v1 .im-checkout-back:hover {
    text-decoration: underline !important;
}

body.imarked-v1 .im-checkout-body {
    padding: 0;
}

body.imarked-v1 .im-checkout-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, 360px);
    gap: 0 8px;
}

body.imarked-v1 .im-checkout-col {
    padding: 22px 24px 26px;
}

body.imarked-v1 .im-checkout-col--ship {
    border-right: 1px solid #eef2f7;
}

body.imarked-v1 .im-checkout-col--summary {
    background: #fbfcfe;
    position: sticky;
    top: 12px;
    align-self: start;
}

body.imarked-v1 .im-checkout-section-title {
    margin: 0 0 6px !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    color: var(--im-fg, #181c23) !important;
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-checkout-section-note {
    margin: 0 0 16px;
    font-size: 13px;
    line-height: 1.4;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-checkout-contact {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 18px;
}

body.imarked-v1 .im-checkout-contact__row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 12px;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    background: #fff;
}

body.imarked-v1 .im-checkout-contact__icon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef4ff;
    color: var(--im-primary, #0066ff);
    font-size: 14px;
}

body.imarked-v1 .im-checkout-contact__label {
    display: block;
    font-size: 11px;
    font-weight: 650;
    color: var(--im-muted, #6e7a8a);
    margin-bottom: 2px;
}

body.imarked-v1 .im-checkout-contact__row strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--im-fg, #181c23);
    word-break: break-word;
}

body.imarked-v1 .im-checkout-label {
    display: block;
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 650;
    color: var(--im-fg, #181c23);
}

body.imarked-v1 .im-checkout-page #PostalAddress,
body.imarked-v1 .im-checkout-address {
    border: 1.5px solid #d0d9e6 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    min-height: 64px !important;
    max-height: 120px;
    padding: 10px 12px !important;
    font-size: 14px !important;
    resize: vertical;
    background: #fff !important;
}

body.imarked-v1 .im-checkout-page #PostalAddress:focus {
    border-color: var(--im-primary, #0066ff) !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12) !important;
}

body.imarked-v1 .im-checkout-items {
    list-style: none;
    margin: 0 0 14px;
    padding: 0;
}

body.imarked-v1 .im-checkout-item {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eef2f7;
}

body.imarked-v1 .im-checkout-item__thumb {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e7ebf0;
    background: #fff;
}

body.imarked-v1 .im-checkout-item__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.imarked-v1 .im-checkout-item__name {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--im-fg, #181c23);
    line-height: 1.3;
}

body.imarked-v1 .im-checkout-item__meta {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-checkout-item__total {
    font-size: 13px;
    font-weight: 750;
    white-space: nowrap;
}

body.imarked-v1 .im-checkout-totals {
    margin: 0 0 16px;
}

body.imarked-v1 .im-checkout-cta.button,
body.imarked-v1 .im-checkout-page #btnCheckout,
body.imarked-v1 .im-checkout-page .btn-proceed-checkout {
    display: flex !important;
    width: 100%;
    align-items: center;
    justify-content: center;
    min-height: 52px !important;
    padding: 14px 18px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--im-primary, #0066ff) !important;
    background-image: none !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 20px rgba(0, 102, 255, 0.28) !important;
    float: none !important;
}

body.imarked-v1 .im-checkout-cta.button span,
body.imarked-v1 .im-checkout-page #btnCheckout span {
    background: none !important;
    padding: 0 !important;
    color: #fff !important;
}

body.imarked-v1 .im-checkout-cta.button:hover,
body.imarked-v1 .im-checkout-page #btnCheckout:hover {
    background: #0052cc !important;
    transform: translateY(-1px);
}

body.imarked-v1 .im-checkout-secure {
    margin: 12px 0 0;
    text-align: center;
    font-size: 12px;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-checkout-secure .fa {
    margin-right: 4px;
    color: #16a34a;
}

body.imarked-v1 .im-checkout-safety {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 14px 0 0;
    padding: 14px 14px;
    border-radius: 12px;
    border: 1px solid #dbe7ff;
    background: #f5f8ff;
}

body.imarked-v1 .im-checkout-safety--seller-pay {
    border-color: #fde68a;
    background: #fffbeb;
}

body.imarked-v1 .im-checkout-safety__icon {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e8f0ff;
    color: var(--im-primary, #0066ff);
    font-size: 14px;
}

body.imarked-v1 .im-checkout-safety--seller-pay .im-checkout-safety__icon {
    background: #fef3c7;
    color: #b45309;
}

body.imarked-v1 .im-checkout-safety strong {
    display: block;
    margin: 0 0 4px;
    font-size: 13px;
    font-weight: 800;
    color: var(--im-fg, #181c23);
}

body.imarked-v1 .im-checkout-safety p {
    margin: 0 0 6px;
    font-size: 12.5px;
    line-height: 1.45;
    color: #475569;
}

body.imarked-v1 .im-checkout-safety p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-checkout-page {
        padding: 8px 10px 88px;
    }

    body.imarked-v1 .im-checkout-grid {
        grid-template-columns: 1fr;
    }

    body.imarked-v1 .im-checkout-col--ship {
        border-right: 0;
        border-bottom: 1px solid #eef2f7;
        order: 0;
    }

    body.imarked-v1 .im-checkout-col--summary {
        order: 1;
    }
}

/* IMARKED V1 — Client portal (Min konto)
   Skin for _UserLayout / _UserLayout_mobile and portal pages.
   Presentation only — preserve existing IDs and routes. */

body.imarked-v1 .im-portal {
    margin: 0 0 32px;
    padding: 0;
}

body.imarked-v1 .im-portal > #content {
    padding: 0;
    margin: 0;
}

body.imarked-v1 .im-portal-shell {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0;
}

body.imarked-v1 .im-portal-shell > .col-left,
body.imarked-v1 .im-portal-shell > .col-right {
    float: none !important;
    padding: 0 !important;
}

body.imarked-v1 .im-portal-shell > .col-left {
    flex: 0 0 260px;
    max-width: 260px;
    width: 260px;
}

body.imarked-v1 .im-portal-shell > .col-right {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    overflow: visible;
}

/* Sidebar — professional account nav */
body.imarked-v1 .im-portal-nav.panel {
    margin: 0;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    overflow: hidden;
    background: #fff;
}

body.imarked-v1 .im-portal-nav > .panel-heading {
    background: #fff !important;
    border-bottom: 1px solid #eef2f7 !important;
    padding: 14px 16px 12px !important;
}

body.imarked-v1 .im-portal-nav > .panel-heading .panel-title {
    margin: 0;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    letter-spacing: -0.01em;
}

body.imarked-v1 .im-portal-nav > .panel-body {
    padding: 8px !important;
}

body.imarked-v1 .im-portal-nav .list-item,
body.imarked-v1 .im-portal-nav .im-portal-menu {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

/* Kill theme .list-item li:before chevron (was stacking above block links) */
body.imarked-v1 .im-portal-nav .list-item > li:before,
body.imarked-v1 .im-portal-nav .im-portal-menu > li:before {
    content: none !important;
    display: none !important;
    margin: 0 !important;
}

body.imarked-v1 .im-portal-nav .im-portal-menu > li {
    margin: 0 0 1px;
}

body.imarked-v1 .im-portal-nav .im-portal-menu__label {
    margin: 10px 8px 4px !important;
    padding: 0 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #94a3b8;
    line-height: 1.2;
    pointer-events: none;
}

body.imarked-v1 .im-portal-nav .im-portal-menu__label:first-child {
    margin-top: 2px !important;
}

body.imarked-v1 .im-portal-nav .im-portal-menu > li > a {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    color: #334155 !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;
    text-decoration: none !important;
    border-left: 3px solid transparent;
    transition: background 140ms ease, color 140ms ease, border-color 140ms ease;
}

body.imarked-v1 .im-portal-nav .im-portal-menu > li > a > .fa {
    flex: 0 0 18px;
    width: 18px;
    text-align: center;
    font-size: 14px;
    color: #94a3b8;
    line-height: 1;
    transition: color 140ms ease;
}

body.imarked-v1 .im-portal-nav .im-portal-menu > li > a > span {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-portal-nav .im-portal-menu > li > a:hover {
    background: #f8fafc;
    color: #0f172a !important;
}

body.imarked-v1 .im-portal-nav .im-portal-menu > li > a:hover > .fa {
    color: #64748b;
}

body.imarked-v1 .im-portal-nav .im-portal-menu > li.current > a,
body.imarked-v1 .im-portal-nav .im-portal-menu > li.active > a {
    background: #eef4ff;
    color: var(--im-primary, #0066ff) !important;
    font-weight: 600;
    border-left-color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-portal-nav .im-portal-menu > li.current > a > .fa,
body.imarked-v1 .im-portal-nav .im-portal-menu > li.active > a > .fa {
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-portal-nav .current,
body.imarked-v1 .im-portal-nav .current a {
    color: var(--im-primary, #0066ff) !important;
}

/* Content column */
body.imarked-v1 .im-portal-main {
    min-width: 0;
}

body.imarked-v1 .im-portal-main > .panel,
body.imarked-v1 .im-portal-main .panel.panel-default,
body.imarked-v1 .im-portal-shell .col-right .panel.panel-default {
    border: 1px solid #e5eaf1;
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    background: #fff;
    overflow: hidden;
}

body.imarked-v1 .im-portal-main .panel-heading,
body.imarked-v1 .im-portal-shell .col-right .panel-heading {
    background: #fff !important;
    border-bottom: 1px solid #e5eaf1 !important;
    padding: 14px 18px !important;
}

body.imarked-v1 .im-portal-main .panel-title,
body.imarked-v1 .im-portal-shell .col-right .panel-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

body.imarked-v1 .im-portal-main .panel-body,
body.imarked-v1 .im-portal-shell .col-right .panel-body {
    padding: 18px !important;
}

/* Tables */
body.imarked-v1 .im-portal-main .table,
body.imarked-v1 .im-portal-shell .col-right .table {
    margin-bottom: 0;
    background: #fff;
}

body.imarked-v1 .im-portal-main .table > thead > tr > th,
body.imarked-v1 .im-portal-shell .col-right .table > thead > tr > th {
    border-bottom: 1px solid #e5eaf1;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    background: #f8fafc;
    padding: 12px 14px;
}

body.imarked-v1 .im-portal-main .table > tbody > tr > td,
body.imarked-v1 .im-portal-shell .col-right .table > tbody > tr > td {
    padding: 12px 14px;
    border-top: 1px solid #eef2f7;
    vertical-align: middle;
    color: #334155;
    font-size: 13px;
}

body.imarked-v1 .im-portal-main .table > tbody > tr:hover > td {
    background: #fafbfc;
}

/* Forms */
body.imarked-v1 .im-portal-main .form-control,
body.imarked-v1 .im-portal-shell .col-right .form-control {
    border-radius: 10px;
    border-color: #d7e0ea;
    box-shadow: none;
    height: 42px;
}

body.imarked-v1 .im-portal-main textarea.form-control,
body.imarked-v1 .im-portal-shell .col-right textarea.form-control {
    height: auto;
    min-height: 96px;
}

body.imarked-v1 .im-portal-main .form-control:focus,
body.imarked-v1 .im-portal-shell .col-right .form-control:focus {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12);
}

body.imarked-v1 .im-portal-main .control-label,
body.imarked-v1 .im-portal-shell .col-right .control-label {
    font-weight: 600;
    color: #475569;
    font-size: 13px;
}

/* Buttons inside portal */
body.imarked-v1 .im-portal .btn-primary,
body.imarked-v1 .im-portal-main .btn-primary {
    background: var(--im-primary, #0066ff) !important;
    border-color: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: none;
}

body.imarked-v1 .im-portal .btn-primary:hover,
body.imarked-v1 .im-portal-main .btn-primary:hover {
    background: var(--im-primary-hover, #0052cc) !important;
    border-color: var(--im-primary-hover, #0052cc) !important;
}

body.imarked-v1 .im-portal .btn-default,
body.imarked-v1 .im-portal-main .btn-default {
    border-radius: 10px;
    border-color: #d7e0ea;
    background: #fff;
    color: #334155;
    font-weight: 600;
}

/* Dashboard tiles */
body.imarked-v1 .im-portal-main ._btn_Tile,
body.imarked-v1 .im-portal-main a._btn_Tile,
body.imarked-v1 .im-portal-main button._btn_Tile {
    border-radius: 14px !important;
    border: 0 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    font-size: 15px !important;
    font-weight: 700 !important;
    height: 128px !important;
    transition: transform 140ms ease, box-shadow 140ms ease;
}

body.imarked-v1 .im-portal-main a._btn_Tile:hover,
body.imarked-v1 .im-portal-main button._btn_Tile:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
    color: #fff;
}

body.imarked-v1 .im-portal-main .btnUser,
body.imarked-v1 .im-portal-main #btnReports,
body.imarked-v1 .im-portal-main .btnBasket,
body.imarked-v1 .im-portal-main .btnEdit,
body.imarked-v1 .im-portal-main .btnWishList {
    background-size: 64px 64px !important;
    background-position: 18px center !important;
}

/* Active nav helper class used by existing scripts (.current) */
body.imarked-v1 .im-portal-nav .current,
body.imarked-v1 .im-portal-nav .current a {
    color: var(--im-primary, #0066ff) !important;
}

/* ========== Chat page — Scandinavian ========== */
body.imarked-v1 .im-chat {
    --sc-ink: #222623;
    --sc-muted: #6f7672;
    --sc-line: #e2e5e1;
    --sc-bg: #f0f2f0;
    --sc-surface: #ffffff;
    --sc-sidebar: #f6f7f5;
    --sc-mine: #2f3632;
    --sc-theirs: #e7ebe7;
    --sc-accent: #3f5f52;
    --sc-soft: #dce5df;
    margin: 0 0 28px;
}

body.imarked-v1 .im-chat > .col-right,
body.imarked-v1 .im-chat > .col-right > .row,
body.imarked-v1 .im-chat > .col-right > .row > .col-sm-12 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 .container .chat-app,
body.imarked-v1 .card.chat-app {
    position: relative;
    display: grid !important;
    grid-template-columns: 300px minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    grid-template-areas:
        "toolbar toolbar"
        "list main";
    height: calc(100vh - 210px);
    min-height: 580px;
    max-height: 780px;
    margin: 0;
    border: 1px solid var(--sc-line);
    border-radius: 18px !important;
    background: var(--sc-surface);
    box-shadow: none;
    overflow: hidden;
}

body.imarked-v1 .im-chat__toolbar {
    grid-area: toolbar;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--sc-line);
    background: var(--sc-surface);
}

body.imarked-v1 .im-chat__title {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: var(--sc-ink) !important;
    letter-spacing: -0.02em;
    text-transform: none !important;
    background: none !important;
    line-height: 1.25 !important;
}

body.imarked-v1 .im-chat__title .fa {
    margin-right: 8px;
    color: var(--sc-accent);
    font-weight: normal;
}

body.imarked-v1 .im-chat__count {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: var(--sc-soft);
    color: var(--sc-accent);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

body.imarked-v1 .chat-app .people-list,
body.imarked-v1 #plist {
    grid-area: list;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0;
    padding: 12px 10px 10px;
    border-right: 1px solid var(--sc-line);
    background: #fafbfa;
    z-index: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

body.imarked-v1 .chat-app .chat {
    grid-area: main;
    margin-left: 0 !important;
    border-left: 0;
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--sc-bg);
}

/* Search — single seamless field */
body.imarked-v1 .people-list .im-chat-search {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px;
    margin: 0 0 10px;
    padding: 0 12px 0 14px;
    border: 1px solid #e6e9e5;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
}

body.imarked-v1 .people-list .im-chat-search > .fa {
    position: static;
    left: auto;
    top: auto;
    transform: none;
    flex: 0 0 auto;
    width: 14px;
    margin: 0;
    color: #8b95a5;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    pointer-events: none;
    z-index: 1;
}

body.imarked-v1 .people-list .im-chat-search .form-control {
    flex: 1 1 auto;
    min-width: 0;
    width: 100% !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--sc-ink) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
}

body.imarked-v1 .people-list .im-chat-search .form-control::placeholder {
    color: #9aa39c;
    line-height: normal !important;
    opacity: 1;
    position: relative;
    top: 0;
}

body.imarked-v1 .people-list .im-chat-search .form-control::-webkit-input-placeholder {
    line-height: normal !important;
    position: relative;
    top: 0;
}

body.imarked-v1 .people-list .im-chat-search .form-control::-moz-placeholder {
    line-height: normal !important;
    opacity: 1;
}

body.imarked-v1 .people-list .im-chat-search:focus-within {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1);
}

/* Connected tabs + pane (theme colors) */
body.imarked-v1 .people-list .im-chat-tabshell {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    margin-top: 2px;
}

body.imarked-v1 .people-list .nav-tabs,
body.imarked-v1 .people-list .im-chat-tabs {
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
    border: 0 !important;
    margin: 0 !important;
    display: flex;
    gap: 4px;
    padding: 0 0 0 2px;
    background: transparent;
}

body.imarked-v1 .people-list .nav-tabs > li {
    float: none;
    margin: 0;
    flex: 1 1 50%;
}

body.imarked-v1 .people-list .nav-tabs > li > a {
    margin: 0;
    padding: 9px 10px 10px;
    border: 1px solid transparent !important;
    border-bottom: 0 !important;
    border-radius: 10px 10px 0 0 !important;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--im-muted, #6e7a8a) !important;
    background: #eef1f5 !important;
    box-shadow: none !important;
}

body.imarked-v1 .people-list .nav-tabs > li > a:hover {
    color: var(--im-primary, #0066ff) !important;
    background: #e8eefc !important;
}

body.imarked-v1 .people-list .nav-tabs > li.active > a,
body.imarked-v1 .people-list .nav-tabs > li.active > a:hover,
body.imarked-v1 .people-list .nav-tabs > li.active > a:focus {
    color: var(--im-primary, #0066ff) !important;
    background: #fff !important;
    border: 1px solid #d7e2ee !important;
    border-bottom-color: #fff !important;
    box-shadow: none !important;
    position: relative;
    z-index: 3;
}

body.imarked-v1 .people-list .tab-content,
body.imarked-v1 .people-list .im-chat-tabpane {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: -1px;
    border: 1px solid #d7e2ee;
    border-radius: 0 10px 12px 12px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.03);
}

body.imarked-v1 .people-list .leftUsers,
body.imarked-v1 .people-list .chat-list {
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 6px !important;
}

body.imarked-v1 .people-list .chat-list::-webkit-scrollbar {
    width: 4px;
}

body.imarked-v1 .people-list .chat-list::-webkit-scrollbar-thumb {
    background: #cdd6e0;
    border-radius: 4px;
}

/* Contact rows */
body.imarked-v1 .people-list .chat-list li {
    display: flex !important;
    align-items: center;
    gap: 10px;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 2px !important;
    padding: 9px 8px !important;
    border-radius: 10px !important;
    list-style: none;
    cursor: pointer;
    transition: background 120ms ease, box-shadow 120ms ease;
    border: 1px solid transparent;
}

body.imarked-v1 .people-list .chat-list li.is-search-hidden {
    display: none !important;
}

body.imarked-v1 .people-list .chat-list li:hover {
    background: #f5f8fc !important;
}

body.imarked-v1 .people-list .chat-list li.active {
    background: #eef4ff !important;
    border-color: #d6e4ff !important;
    box-shadow: inset 3px 0 0 var(--im-primary, #0066ff);
}

body.imarked-v1 .people-list .chat-list li.is-unread .im-chat-contact__name {
    font-weight: 700;
}

body.imarked-v1 .people-list .chat-list li.is-unread .im-chat-contact__snippet {
    color: #44515f;
    font-weight: 500;
}

body.imarked-v1 .people-list .im-chat-avatar {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e8eefc;
    color: var(--im-primary, #0066ff);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    border: 1px solid #d6e4ff;
}

body.imarked-v1 .people-list .im-chat-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
    border: 0 !important;
    border-radius: 0 !important;
    float: none !important;
}

body.imarked-v1 .people-list .im-chat-avatar--store {
    background: #eef4ff;
    color: var(--im-primary, #0066ff);
    font-size: 15px;
}

body.imarked-v1 .people-list .im-chat-contact {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

body.imarked-v1 .people-list .im-chat-contact__top,
body.imarked-v1 .people-list .im-chat-contact__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

body.imarked-v1 .people-list #listName,
body.imarked-v1 .people-list .im-chat-contact__name {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 600;
    color: var(--sc-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25;
}

body.imarked-v1 .people-list .im-chat-contact__time {
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 500;
    color: #98a099;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

body.imarked-v1 .people-list .im-chat-contact__snippet {
    flex: 1 1 auto;
    min-width: 0;
    display: block;
    font-size: 11.5px;
    font-weight: 400;
    color: #8a918b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

body.imarked-v1 .people-list .ikrNoti_Counter,
body.imarked-v1 .people-list .msgcount.ikrNoti_Counter {
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--im-primary, #0066ff);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    flex: 0 0 auto;
}

body.imarked-v1 .people-list .im-chat-search .form-control:focus {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

body.imarked-v1 .people-list .msgcount:empty {
    display: none !important;
}

/* Right thread panel */
body.imarked-v1 .chat-app .chat {
    background: #f7f9fc;
}

body.imarked-v1 .chat .chat-header {
    flex: 0 0 auto;
    padding: 14px 18px !important;
    border-bottom: 1px solid #e7ebf0 !important;
    background: #fff;
}

body.imarked-v1 .chat .im-chat-thread-head {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

body.imarked-v1 .chat .im-chat-thread-avatar {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef4ff;
    border: 1px solid #d6e4ff;
    color: var(--im-primary, #0066ff);
    font-size: 13px;
    font-weight: 750;
    letter-spacing: 0.02em;
}

body.imarked-v1 .chat .im-chat-thread-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
    border: 0 !important;
    float: none !important;
}

body.imarked-v1 .chat .im-chat-thread-initials {
    line-height: 1;
}

body.imarked-v1 .chat .chat-header .chat-about {
    float: none !important;
    padding-left: 0 !important;
    min-width: 0;
}

body.imarked-v1 .chat .chat-header #chatHeaderName,
body.imarked-v1 .chat .chat-header h3 {
    margin: 0 0 2px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--im-fg, #181c23) !important;
    letter-spacing: -0.02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .chat .im-chat-thread-sub {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    color: var(--im-muted, #6e7a8a);
    line-height: 1.3;
}

body.imarked-v1 .chat .chat-history,
body.imarked-v1 #chatWindow {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border-bottom: 0 !important;
    background:
        radial-gradient(ellipse at top right, rgba(0, 102, 255, 0.05), transparent 42%),
        #f4f7fb;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

body.imarked-v1 .chat .chat-history ul,
body.imarked-v1 #txtMsgAppend {
    flex: 1 1 auto;
    min-height: 0;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 20px 22px !important;
    list-style: none;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100% !important;
}

body.imarked-v1 .chat .chat-history ul::-webkit-scrollbar,
body.imarked-v1 #txtMsgAppend::-webkit-scrollbar {
    width: 5px;
}

body.imarked-v1 .chat .chat-history ul::-webkit-scrollbar-thumb,
body.imarked-v1 #txtMsgAppend::-webkit-scrollbar-thumb {
    background: #c9d3df;
    border-radius: 5px;
}

body.imarked-v1 .chat .chat-history ul li,
body.imarked-v1 #txtMsgAppend > li {
    display: flex !important;
    width: 100%;
    margin: 0 !important;
    clear: none !important;
    overflow: visible !important;
    float: none !important;
}

body.imarked-v1 .chat .chat-history ul li.rightAlign,
body.imarked-v1 #txtMsgAppend > li.rightAlign {
    justify-content: flex-end;
    text-align: left;
}

body.imarked-v1 .chat .chat-history ul li.leftAlign,
body.imarked-v1 #txtMsgAppend > li.leftAlign {
    justify-content: flex-start;
    text-align: left;
}

body.imarked-v1 .chat .chat-history .message,
body.imarked-v1 #txtMsgAppend .message {
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    float: none !important;
    max-width: min(64%, 420px);
    width: fit-content !important;
    padding: 12px 14px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    font-size: 14px !important;
    font-weight: 450 !important;
    line-height: 1.45 !important;
    color: var(--im-fg, #181c23) !important;
    text-align: left !important;
    word-break: break-word;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04);
}

body.imarked-v1 .chat .chat-history .message:after,
body.imarked-v1 .chat .chat-history .my-message:after,
body.imarked-v1 .chat .chat-history .other-message:after,
body.imarked-v1 #txtMsgAppend .message:after {
    display: none !important;
    content: none !important;
}

body.imarked-v1 .chat .chat-history .message.float-left,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--theirs,
body.imarked-v1 #txtMsgAppend .message.float-left,
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--theirs {
    float: none !important;
    background: #fff !important;
    border: 1px solid #e5eaf1 !important;
    border-radius: 16px 16px 16px 6px !important;
    color: var(--im-fg, #181c23) !important;
}

body.imarked-v1 .chat .chat-history .message.float-right,
body.imarked-v1 .chat .chat-history .message.rightMsgsColor,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--mine,
body.imarked-v1 #txtMsgAppend .message.float-right,
body.imarked-v1 #txtMsgAppend .message.rightMsgsColor,
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--mine {
    float: none !important;
    background: var(--im-primary, #0066ff) !important;
    border: 0 !important;
    border-radius: 16px 16px 6px 16px !important;
    color: #fff !important;
    box-shadow: none;
}

body.imarked-v1 .chat .chat-history .message.float-left a,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--theirs a,
body.imarked-v1 #txtMsgAppend .message.float-left a,
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--theirs a {
    color: var(--im-fg, #181c23) !important;
    font-weight: 600;
    text-decoration: none !important;
}

body.imarked-v1 .chat .chat-history .message.float-left a:hover,
body.imarked-v1 #txtMsgAppend .message.float-left a:hover {
    color: var(--im-primary, #0066ff) !important;
}

body.imarked-v1 .chat .chat-history .message.float-right a,
body.imarked-v1 .chat .chat-history .message.rightMsgsColor a,
body.imarked-v1 #txtMsgAppend .message.float-right a,
body.imarked-v1 #txtMsgAppend .message.rightMsgsColor a {
    color: #fff !important;
    font-weight: 600;
    text-decoration: none !important;
}

/* Shared product cards */
body.imarked-v1 .chat .chat-history .message:has(a img),
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--product,
body.imarked-v1 #txtMsgAppend .message:has(a img),
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--product {
    max-width: min(72%, 340px) !important;
    padding: 8px !important;
    background: #fff !important;
    border: 1px solid #e5eaf1 !important;
    border-radius: 14px !important;
    color: var(--im-fg, #181c23) !important;
    box-shadow: 0 2px 8px rgba(24, 28, 35, 0.06);
}

body.imarked-v1 .chat .chat-history .message.float-right:has(a img),
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--mine.im-chat-bubble--product,
body.imarked-v1 #txtMsgAppend .message.float-right:has(a img),
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--mine.im-chat-bubble--product {
    border-radius: 14px 14px 4px 14px !important;
}

body.imarked-v1 .chat .chat-history .message.float-left:has(a img),
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--theirs.im-chat-bubble--product,
body.imarked-v1 #txtMsgAppend .message.float-left:has(a img),
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--theirs.im-chat-bubble--product {
    border-radius: 14px 14px 14px 4px !important;
}

body.imarked-v1 .chat .chat-history .message:has(a img) a,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--product a,
body.imarked-v1 #txtMsgAppend .message:has(a img) a,
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--product a,
body.imarked-v1 .chat .im-chat-product-link {
    display: flex !important;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    color: var(--im-fg, #181c23) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

body.imarked-v1 .chat .chat-history .message:has(a img) > div,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--product > div,
body.imarked-v1 #txtMsgAppend .message:has(a img) > div,
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--product > div,
body.imarked-v1 .chat .im-chat-product {
    display: block !important;
    min-width: 0;
    padding: 0;
    margin: 0;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
}

body.imarked-v1 .chat .chat-history .message:has(a img) img,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--product img,
body.imarked-v1 #txtMsgAppend .message:has(a img) img,
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--product img,
body.imarked-v1 .chat .im-chat-product-img {
    width: 72px !important;
    height: 72px !important;
    border-radius: 10px !important;
    object-fit: cover;
    flex: 0 0 72px;
    background: #eef2f7;
    border: 1px solid #e5eaf1;
}

body.imarked-v1 .chat .im-chat-product-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    flex: 1 1 auto;
    padding-top: 2px;
}

body.imarked-v1 .chat .im-chat-product-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    color: var(--im-fg, #181c23) !important;
}

body.imarked-v1 .chat .im-chat-product-cta {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .chat .im-chat-product-cta::after {
    content: "→";
    font-weight: 700;
}

body.imarked-v1 .chat .chat-history .message:has(a img):hover,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--product:hover,
body.imarked-v1 #txtMsgAppend .message:has(a img):hover {
    border-color: #c9d9f5 !important;
}

body.imarked-v1 .chat .chat-history .message:has(a img) .message-data-time,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--product .message-data-time,
body.imarked-v1 #txtMsgAppend .message:has(a img) .message-data-time,
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--product .message-data-time {
    color: #7b8794 !important;
    text-align: right;
    margin-top: 8px !important;
    padding: 0 2px;
}

body.imarked-v1 .chat .chat-history .message-data-time,
body.imarked-v1 .chatui-talk-msg-time,
body.imarked-v1 #txtMsgAppend .message-data-time {
    display: block !important;
    float: none !important;
    width: auto;
    margin: 7px 0 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.01em;
    opacity: 0.72;
}

body.imarked-v1 .chat .chat-history .message.float-left .message-data-time,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--theirs .message-data-time,
body.imarked-v1 #txtMsgAppend .message.float-left .message-data-time,
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--theirs .message-data-time {
    color: #7b8794 !important;
    text-align: left;
}

body.imarked-v1 .chat .chat-history .message.float-right .message-data-time,
body.imarked-v1 .chat .chat-history .message.rightMsgsColor .message-data-time,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--mine .message-data-time,
body.imarked-v1 #txtMsgAppend .message.float-right .message-data-time,
body.imarked-v1 #txtMsgAppend .message.rightMsgsColor .message-data-time,
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--mine .message-data-time {
    color: rgba(255, 255, 255, 0.8) !important;
    text-align: right;
}

body.imarked-v1 .chat .chat-message {
    flex: 0 0 auto;
    padding: 12px 16px 14px !important;
    border-top: 1px solid #e7ebf0;
    background: #fff;
}

body.imarked-v1 .chat .chat-message .input-group,
body.imarked-v1 .chat .im-chat-composer {
    display: flex;
    width: 100%;
    border: 1px solid #d7e2ee;
    border-radius: 14px;
    overflow: hidden;
    background: #f7f9fc;
    transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

body.imarked-v1 .chat .chat-message .form-control {
    height: 46px !important;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 14px;
    background: transparent !important;
    color: var(--im-fg, #181c23);
    padding-left: 16px !important;
}

body.imarked-v1 .chat .chat-message .form-control:focus {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.imarked-v1 .chat .chat-message .input-group:focus-within,
body.imarked-v1 .chat .im-chat-composer:focus-within {
    border-color: #93c5fd;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12);
}

body.imarked-v1 .chat .chat-message .input-group-btn {
    width: auto;
}

body.imarked-v1 .chat .chat-message .btn-primary {
    height: 46px;
    min-width: 96px;
    padding: 0 16px;
    border-radius: 0 !important;
    border: 0 !important;
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    font-weight: 700;
    letter-spacing: 0.01em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

body.imarked-v1 .chat .chat-message .btn-primary .fa {
    font-size: 13px;
}

body.imarked-v1 .chat .chat-message .btn-primary:hover,
body.imarked-v1 .chat .chat-message .btn-primary:focus {
    background: #0052cc !important;
}

body.imarked-v1 .rightMsgsColor {
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
}

/* Mobile chat (Index_m + narrow desktop viewport) */
body.imarked-v1 .im-chat--mobile {
    margin: 0 !important;
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
}

body.imarked-v1 .main-container.container:has(.im-chat--mobile),
body.imarked-v1 .page-main:has(.im-chat--mobile) > .main-container.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

body.imarked-v1 .im-chat--mobile > .col-right,
body.imarked-v1 .im-chat--mobile > .col-right > .row,
body.imarked-v1 .im-chat--mobile > .col-right > .row > .col-sm-12,
body.imarked-v1 #content:has(.im-chat--mobile) {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 .im-chat--mobile .chat-app,
body.imarked-v1 .im-chat--mobile .card.chat-app {
    display: flex !important;
    flex-direction: column;
    height: calc(100vh - 132px);
    min-height: 420px;
    max-height: none;
    margin: 0;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden;
    background: #fff;
}

body.imarked-v1 .im-chat--mobile .im-chat__toolbar {
    flex: 0 0 auto;
    padding: 14px 16px;
    border-bottom: 1px solid #e7ebf0;
}

body.imarked-v1 .im-chat--mobile .im-chat__title {
    font-size: 16px !important;
}

body.imarked-v1 .im-chat--mobile .im-chat__count {
    background: #eef4ff;
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-chat--mobile .people-list,
body.imarked-v1 .im-chat--mobile #plist {
    flex: 1 1 auto;
    width: 100% !important;
    max-height: none !important;
    min-height: 0;
    border-right: 0;
    border-bottom: 0;
    padding: 12px 12px 8px;
    background: #fff;
    display: flex !important;
    flex-direction: column;
    overflow: hidden;
}

body.imarked-v1 .im-chat--mobile .im-chat-tabshell {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

body.imarked-v1 .im-chat--mobile .im-chat-tabpane,
body.imarked-v1 .im-chat--mobile .people-list .tab-content {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

body.imarked-v1 .im-chat--mobile .people-list .leftUsers,
body.imarked-v1 .im-chat--mobile .people-list .chat-list {
    flex: 1 1 auto;
    height: auto !important;
    max-height: none !important;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

body.imarked-v1 .im-chat--mobile .people-list .chat-list li {
    border-radius: 12px;
    margin-bottom: 4px;
}

body.imarked-v1 .im-chat--mobile .people-list .im-chat-search {
    height: 42px;
    padding: 0 12px 0 14px;
    align-items: center;
}

body.imarked-v1 .im-chat--mobile .people-list .im-chat-search > .fa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    line-height: 1;
}

body.imarked-v1 .im-chat--mobile .people-list .im-chat-search .form-control,
body.imarked-v1 .im-chat--mobile .people-list .im-chat-search input[type="text"] {
    display: block !important;
    height: 42px !important;
    max-height: 42px !important;
    line-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

body.imarked-v1 .im-chat--mobile .people-list .im-chat-search .form-control::placeholder,
body.imarked-v1 .im-chat--mobile .people-list .im-chat-search .form-control::-webkit-input-placeholder,
body.imarked-v1 .im-chat--mobile .people-list .im-chat-search input[type="text"]::placeholder,
body.imarked-v1 .im-chat--mobile .people-list .im-chat-search input[type="text"]::-webkit-input-placeholder {
    line-height: 42px !important;
    vertical-align: middle;
    position: relative;
    top: 0 !important;
    transform: none !important;
}

body.imarked-v1 .im-chat--mobile .chat {
    display: none !important;
    flex: 1 1 auto;
    min-height: 0;
    margin-left: 0 !important;
    width: 100% !important;
}

body.imarked-v1 .im-chat--mobile.im-chat--thread .im-chat__toolbar,
body.imarked-v1 .im-chat--mobile.im-chat--thread #plist,
body.imarked-v1 .im-chat--mobile.im-chat--thread .people-list {
    display: none !important;
}

body.imarked-v1 .im-chat--mobile.im-chat--thread .chat,
body.imarked-v1 .im-chat--mobile.im-chat--thread .chat-app > .chat {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.imarked-v1 .im-chat--mobile.im-chat--thread .chat-app {
    display: flex !important;
    flex-direction: column !important;
}

body.imarked-v1 .im-chat-back {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    margin: 0 2px 0 -4px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f0f4f8;
    color: var(--im-fg, #181c23);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

body.imarked-v1 .im-chat-back .fa {
    font-size: 22px;
    line-height: 1;
}

body.imarked-v1 .im-chat-back:active {
    background: #e4ebf3;
}

body.imarked-v1 .im-chat--mobile .chat .chat-history .message,
body.imarked-v1 .im-chat--mobile #txtMsgAppend .message {
    max-width: 88%;
}

body.imarked-v1 .im-chat--mobile #txtMsgAppend {
    padding: 14px 12px !important;
}

body.imarked-v1 .im-chat--mobile .chat .chat-message {
    padding: 10px 12px 12px !important;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-chat:not(.im-chat--mobile) .card.chat-app {
        display: flex !important;
        flex-direction: column;
        height: auto;
        min-height: 0;
        max-height: none;
    }

    body.imarked-v1 .im-chat:not(.im-chat--mobile) .im-chat__toolbar {
        order: 0;
    }

    body.imarked-v1 .im-chat:not(.im-chat--mobile) .chat-app .people-list,
    body.imarked-v1 .im-chat:not(.im-chat--mobile) #plist {
        order: 1;
        width: 100% !important;
        border-right: 0;
        border-bottom: 1px solid #eef2f7;
        max-height: none;
    }

    body.imarked-v1 .im-chat:not(.im-chat--mobile) .people-list .leftUsers,
    body.imarked-v1 .im-chat:not(.im-chat--mobile) .people-list .chat-list {
        height: min(42vh, 320px) !important;
    }

    body.imarked-v1 .im-chat:not(.im-chat--mobile) .chat-app .chat {
        order: 2;
        margin-left: 0;
        min-height: 360px;
    }

    body.imarked-v1 .chat .chat-history .message,
    body.imarked-v1 #txtMsgAppend .message {
        max-width: 86%;
    }
}

/* Mobile: nav becomes horizontal scroll; content full width */
@media (max-width: 991px) {
    /* Kill mobile shell gutters for portal (main-container.container uses --im-m-space) */
    body.imarked-v1 .main-container.container:has(.im-portal),
    body.imarked-v1 .page-main:has(.im-portal) > .main-container.container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: none !important;
        width: 100% !important;
    }

    body.imarked-v1 .page-main:has(.im-portal) {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Theme mobile.css sets #content { overflow:hidden } which clips the portal
       when the right column uses flex-grow. Keep content height:auto and visible. */
    body.imarked-v1 .im-portal,
    body.imarked-v1 .im-portal #content,
    body.imarked-v1 #content:has(.im-portal-shell) {
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
        background: transparent !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Pull portal flush under sticky header; tiny air gap via menu padding */
    body.imarked-v1 .im-portal {
        margin: 0 0 12px !important;
        padding: 0 !important;
        margin-top: 0 !important;
    }

    body.imarked-v1 .im-portal.row:before,
    body.imarked-v1 .im-portal.row:after {
        display: none !important;
    }

    body.imarked-v1 .im-portal.row,
    body.imarked-v1 .im-portal > #content,
    body.imarked-v1 .im-portal > #content.col-sm-12 {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        float: none !important;
    }

    body.imarked-v1 .im-portal-shell {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        overflow: visible !important;
        height: auto !important;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    body.imarked-v1 .im-portal-shell > .col-left,
    body.imarked-v1 .im-portal-shell > .col-right {
        flex: 0 0 auto !important;
        max-width: 100% !important;
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    body.imarked-v1 .im-portal-shell > .col-right > .row {
        margin: 0 !important;
        display: block;
        width: 100%;
        height: auto !important;
        overflow: visible !important;
    }

    body.imarked-v1 .im-portal-main,
    body.imarked-v1 .im-portal-main.customPM,
    body.imarked-v1 .im-portal .customPM,
    body.imarked-v1 .im-portal-main.col-sm-12 {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }

    /* Dashboard / listing / profile content inset (menu stays edge-flush) */
    body.imarked-v1 .im-dash,
    body.imarked-v1 .im-listing,
    body.imarked-v1 .im-profile,
    body.imarked-v1 .im-notify {
        overflow: visible !important;
        height: auto !important;
        padding: 0 10px;
        box-sizing: border-box;
    }

    /* 1) Menu — compact edge-to-edge scroll strip, tight under header */
    body.imarked-v1 .im-portal-shell > .col-left {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body.imarked-v1 .im-portal-nav.panel {
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        overflow: visible;
        margin: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    body.imarked-v1 .im-portal-nav > .panel-heading {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.imarked-v1 .im-portal-nav > .panel-body {
        position: relative;
        padding: calc(6px * 1.06) 0 0 !important; /* +6% under header */
        margin: 0 !important;
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 22px), transparent 100%);
        -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 22px), transparent 100%);
    }

    body.imarked-v1 .im-portal-nav > .panel-body::-webkit-scrollbar {
        display: none;
        height: 0;
    }

    body.imarked-v1 .im-portal-nav .im-portal-menu {
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: 6px;
        width: max-content;
        min-width: 100%;
        padding: 0 10px 2px;
        margin: 0;
    }

    body.imarked-v1 .im-portal-nav .im-portal-menu > li {
        margin: 0;
        flex: 0 0 auto;
    }

    body.imarked-v1 .im-portal-nav .im-portal-menu__label {
        display: none !important;
    }

    body.imarked-v1 .im-portal-nav .im-portal-menu > li > a {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 6px;
        min-width: 0;
        min-height: 36px;
        height: 36px;
        padding: 0 12px;
        white-space: nowrap;
        background: #fff;
        border: 1px solid #e5eaf1;
        border-radius: 999px;
        border-left: 1px solid #e5eaf1;
        box-shadow: none;
        font-size: 12px;
        font-weight: 650;
        color: #334155 !important;
        line-height: 1;
        text-align: center;
    }

    body.imarked-v1 .im-portal-nav .im-portal-menu > li > a > .fa {
        flex: 0 0 auto;
        width: auto;
        font-size: 13px;
        color: #64748b;
    }

    body.imarked-v1 .im-portal-nav .im-portal-menu > li > a > span {
        white-space: nowrap;
        overflow: visible;
        text-overflow: clip;
        max-width: none;
    }

    body.imarked-v1 .im-portal-nav .im-portal-menu > li > a:hover {
        background: #f8fafc;
        border-color: #dbe7ff;
    }

    body.imarked-v1 .im-portal-nav .im-portal-menu > li.current > a,
    body.imarked-v1 .im-portal-nav .im-portal-menu > li.active > a {
        background: #0066ff;
        border-color: #0066ff;
        color: #fff !important;
        box-shadow: 0 4px 10px rgba(0, 102, 255, 0.2);
    }

    body.imarked-v1 .im-portal-nav .im-portal-menu > li.current > a > .fa,
    body.imarked-v1 .im-portal-nav .im-portal-menu > li.active > a > .fa {
        color: #fff;
    }

    /* Undo old mobile hacks that crushed layout */
    body.imarked-v1 .im-portal-nav.hideDasboardPanel,
    body.imarked-v1 .hideDasboardPanel.im-portal-nav {
        display: block !important;
    }

    body.imarked-v1 .im-portal-main ._btn_Tile {
        height: 96px !important;
        font-size: 13px !important;
    }

    /* 2) Welcome — compact, left aligned */
    body.imarked-v1 .im-dash-overview {
        margin-bottom: 10px;
        gap: 8px;
    }

    body.imarked-v1 .im-dash-welcome {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
        padding: 12px 42px 12px 12px;
        border-radius: 12px;
        gap: 8px;
    }

    body.imarked-v1 .im-dash-welcome__edit {
        display: inline-flex;
        position: absolute;
        top: 8px;
        right: 8px;
        z-index: 2;
        width: 32px;
        height: 32px;
        align-items: center;
        justify-content: center;
        border-radius: 9px;
        border: 1px solid #e5eaf1;
        background: #fff;
        color: #334155 !important;
        text-decoration: none !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    }

    body.imarked-v1 .im-dash-welcome__edit:hover,
    body.imarked-v1 .im-dash-welcome__edit:focus {
        background: #f5f8ff;
        border-color: #b8cffc;
        color: #0066ff !important;
        outline: none;
    }

    body.imarked-v1 .im-dash-welcome__edit .fa {
        font-size: 13px;
    }

    body.imarked-v1 .im-dash-welcome__aside,
    body.imarked-v1 .im-dash-welcome__email {
        display: none !important;
    }

    body.imarked-v1 .im-dash-welcome__edit {
        display: inline-flex !important;
    }

    body.imarked-v1 .im-dash-welcome__status--m {
        display: inline-flex !important;
    }

    body.imarked-v1 .im-dash-welcome__identity {
        width: 100%;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
    }

    body.imarked-v1 .im-dash-welcome__avatar {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        border-radius: 12px;
        font-size: 18px;
        box-shadow: 0 2px 8px rgba(0, 102, 255, 0.18);
    }

    body.imarked-v1 .im-dash-welcome__text {
        text-align: left;
        padding-right: 4px;
    }

    body.imarked-v1 .im-dash-welcome__hello {
        margin: 0 0 1px;
        font-size: 9.5px; /* 10px - 5% */
    }

    body.imarked-v1 .im-dash-welcome__name {
        max-width: none;
        white-space: normal;
        font-size: 17px !important;
        text-align: left;
        margin: 0 !important;
    }

    body.imarked-v1 .im-dash-welcome__status {
        height: 24px;
        margin-top: 4px;
        padding: 0 9px;
        font-size: 11px;
    }

    /* 3) Stats — compact buttons */
    body.imarked-v1 .im-dash-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
    }

    body.imarked-v1 .im-dash-kpi {
        flex-direction: row;
        align-items: center;
        gap: 6px;
        min-height: 0 !important;
        height: auto;
        padding: 7px 8px;
        border-radius: 10px;
        text-align: left;
        box-shadow: none;
    }

    body.imarked-v1 .im-dash-kpi__icon {
        flex: 0 0 26px;
        width: 26px;
        height: 26px;
        border-radius: 7px;
        font-size: 11px;
    }

    body.imarked-v1 .im-dash-kpi__body {
        gap: 0;
        line-height: 1.15;
    }

    body.imarked-v1 .im-dash-kpi__label {
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0;
    }

    body.imarked-v1 .im-dash-kpi__value {
        font-size: 15px;
        line-height: 1.1;
    }

    body.imarked-v1 .im-dash-kpi__value--sm {
        font-size: 12px;
        line-height: 1.15;
    }

    body.imarked-v1 .im-dash-kpi__hint {
        display: none;
    }

    body.imarked-v1 .im-dash-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px;
        margin-bottom: 12px;
    }

    body.imarked-v1 .im-dash-actions__item {
        width: 100%;
        min-width: 0;
    }

    body.imarked-v1 .im-dash-action {
        width: 100%;
        min-height: 64px;
        padding: 12px 12px 12px 10px;
        border-radius: 12px;
        gap: 10px;
        overflow: hidden;
    }

    body.imarked-v1 .im-dash-action__icon {
        flex: 0 0 36px;
        width: 36px;
        height: 36px;
        font-size: 14px;
    }

    body.imarked-v1 .im-dash-action__body {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
    }

    body.imarked-v1 .im-dash-action__title {
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.imarked-v1 .im-dash-action__hint {
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.imarked-v1 .im-dash-action__go {
        flex: 0 0 28px;
        margin-left: auto;
    }

    body.imarked-v1 .im-dash-section {
        margin-bottom: 12px;
        padding: 12px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-dash-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    body.imarked-v1 .im-dash-tools {
        border-radius: 12px;
        overflow: visible;
        margin-top: 4px;
    }

    body.imarked-v1 .im-dash-tools__head {
        padding: 12px 12px 10px;
    }

    body.imarked-v1 .im-dash-tools__title {
        font-size: 15px !important;
    }

    body.imarked-v1 .im-dash-tools__group {
        padding: 8px 6px;
    }

    body.imarked-v1 .im-dash-tool-link {
        padding: 8px;
        gap: 9px;
        border-radius: 10px;
    }

    body.imarked-v1 .im-dash-tool-link__icon {
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
        border-radius: 9px;
        font-size: 13px;
    }

    body.imarked-v1 .im-dash-tool-link__title {
        font-size: 13px;
    }

    body.imarked-v1 .im-dash-tools__footer {
        padding: 4px 6px 8px;
    }

    body.imarked-v1 .im-dash-tools__footer .im-dash-tool-link {
        max-width: none;
    }

    body.imarked-v1 .im-dash-tool-link__desc {
        white-space: normal;
    }
}

/* ── Dashboard (User/Index) — Fluent / Workspace style ── */
body.imarked-v1 .im-dash {
    margin: 0;
}

body.imarked-v1 .im-dash-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 0 0 32px;
}

body.imarked-v1 .im-dash-actions__item {
    min-width: 0;
}

body.imarked-v1 .im-dash-actions__item > .im-dash-action {
    width: 100%;
}

@media (min-width: 992px) {
    body.imarked-v1 .im-dash-actions {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
    }
}

body.imarked-v1 .im-dash-action {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 96px;
    padding: 18px 18px 18px 16px;
    border: 1px solid transparent;
    border-radius: 16px;
    text-decoration: none !important;
    color: inherit !important;
    overflow: hidden;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

body.imarked-v1 .im-dash-action--store {
    background: linear-gradient(135deg, #f5f8ff 0%, #eef4ff 55%, #fff 100%);
    border-color: #dbe7ff;
    box-shadow: 0 1px 2px rgba(0, 102, 255, 0.06);
}

body.imarked-v1 .im-dash-action--post {
    background: linear-gradient(135deg, #f3fbff 0%, #eaf7fc 55%, #fff 100%);
    border-color: #d5eef8;
    box-shadow: 0 1px 2px rgba(14, 165, 233, 0.06);
}

body.imarked-v1 .im-dash-action--affiliate {
    background: linear-gradient(135deg, #fff8ef 0%, #fff3e4 55%, #fff 100%);
    border-color: #f3e0c4;
    box-shadow: 0 1px 2px rgba(217, 119, 6, 0.06);
}

body.imarked-v1 .im-dash-action:hover,
body.imarked-v1 .im-dash-action:focus {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.1);
    outline: none;
}

body.imarked-v1 .im-dash-action--store:hover { border-color: #b8cffc; }
body.imarked-v1 .im-dash-action--post:hover { border-color: #b6e0f4; }
body.imarked-v1 .im-dash-action--affiliate:hover { border-color: #ecc994; }

body.imarked-v1 .im-dash-action__icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);
}

body.imarked-v1 .im-dash-action--store .im-dash-action__icon {
    background: #0066ff;
}

body.imarked-v1 .im-dash-action--post .im-dash-action__icon {
    background: #0284c7;
}

body.imarked-v1 .im-dash-action--affiliate .im-dash-action__icon {
    background: #d97706;
}

body.imarked-v1 .im-dash-action__body {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1 1 auto;
}

body.imarked-v1 .im-dash-action__title {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

body.imarked-v1 .im-dash-action__hint {
    font-size: 12.5px;
    font-weight: 500;
    color: #64748b;
    line-height: 1.35;
}

body.imarked-v1 .im-dash-action__go {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.75);
    color: #94a3b8;
    font-size: 12px;
    transition: background 150ms ease, color 150ms ease, transform 150ms ease;
}

body.imarked-v1 .im-dash-action:hover .im-dash-action__go {
    background: #fff;
    color: #0f172a;
    transform: translateX(2px);
}

body.imarked-v1 .im-dash-section {
    margin: 0 0 32px;
    padding: 18px;
    border: 1px solid #e8edf3;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

body.imarked-v1 .im-dash-section__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 14px;
    padding: 0 2px 14px;
    border-bottom: 1px solid #eef2f7;
}

body.imarked-v1 .im-dash-section__title {
    margin: 0 0 3px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em;
    text-transform: none !important;
    background: none !important;
}

body.imarked-v1 .im-dash-section__sub {
    margin: 0;
    font-size: 12.5px;
    font-weight: 500;
    color: #94a3b8;
}

body.imarked-v1 .im-dash-section__count {
    flex: 0 0 auto;
    min-width: 28px;
    height: 28px;
    padding: 0 9px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
}

body.imarked-v1 .im-dash-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

@media (min-width: 1200px) {
    body.imarked-v1 .im-dash-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

body.imarked-v1 .im-dash-biz {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 76px;
    padding: 12px 12px 12px 12px;
    border: 1px solid #eef2f7;
    border-radius: 14px;
    background: #fafbfc;
    text-decoration: none !important;
    color: inherit !important;
    transition: background 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

body.imarked-v1 .im-dash-biz:hover,
body.imarked-v1 .im-dash-biz:focus {
    background: #fff;
    border-color: #d7e2ef;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.07);
    transform: translateY(-1px);
    outline: none;
}

body.imarked-v1 .im-dash-biz__logo {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
    background: #e2e8f0;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #e5eaf1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.imarked-v1 .im-dash-biz__logo--h0 { background: #dbeafe; }
body.imarked-v1 .im-dash-biz__logo--h1 { background: #dcfce7; }
body.imarked-v1 .im-dash-biz__logo--h2 { background: #fef3c7; }
body.imarked-v1 .im-dash-biz__logo--h3 { background: #fce7f3; }
body.imarked-v1 .im-dash-biz__logo--h4 { background: #e0e7ff; }
body.imarked-v1 .im-dash-biz__logo--h5 { background: #ffedd5; }

body.imarked-v1 .im-dash-biz__logo--h0 .im-dash-biz__letter { color: #1d4ed8; }
body.imarked-v1 .im-dash-biz__logo--h1 .im-dash-biz__letter { color: #15803d; }
body.imarked-v1 .im-dash-biz__logo--h2 .im-dash-biz__letter { color: #b45309; }
body.imarked-v1 .im-dash-biz__logo--h3 .im-dash-biz__letter { color: #be185d; }
body.imarked-v1 .im-dash-biz__logo--h4 .im-dash-biz__letter { color: #4338ca; }
body.imarked-v1 .im-dash-biz__logo--h5 .im-dash-biz__letter { color: #c2410c; }

body.imarked-v1 .im-dash-biz__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.imarked-v1 .im-dash-biz__letter {
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

body.imarked-v1 .im-dash-biz__body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

body.imarked-v1 .im-dash-biz__name {
    font-size: 13.5px;
    font-weight: 650;
    color: #0f172a;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-dash-biz__meta {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-dash-biz__badge {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 26px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: #fee2e2;
    color: #b91c1c;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

body.imarked-v1 .im-dash-biz__badge .fa {
    font-size: 11px;
}

body.imarked-v1 .im-dash-biz__chevron {
    flex: 0 0 auto;
    color: #cbd5e1;
    font-size: 11px;
    transition: color 150ms ease, transform 150ms ease;
}

body.imarked-v1 .im-dash-biz:hover .im-dash-biz__chevron {
    color: #64748b;
    transform: translateX(2px);
}

/* Dashboard overview — welcome + KPIs + compact tools */
body.imarked-v1 .im-dash-overview {
    margin: 0 0 22px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

body.imarked-v1 .im-dash-welcome {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 16px 20px;
    padding: 18px 20px;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    text-align: left;
    background:
        linear-gradient(135deg, rgba(0, 102, 255, 0.07) 0%, rgba(0, 102, 255, 0) 42%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

/* Default: mobile status under name is available; desktop hides it below */
body.imarked-v1 .im-dash-welcome__edit {
    display: none;
}

body.imarked-v1 .im-dash-welcome__identity {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 14px;
    min-width: 0;
    flex: 1 1 auto;
    text-align: left;
}

body.imarked-v1 .im-dash-welcome__avatar {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #0052cc 0%, #0066ff 100%);
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.02em;
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.22);
}

body.imarked-v1 .im-dash-welcome__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.imarked-v1 .im-dash-welcome__text {
    min-width: 0;
    text-align: left;
}

body.imarked-v1 .im-dash-welcome__hello {
    margin: 0 0 2px;
    font-size: 11.4px; /* 12px - 5% */
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
    text-align: left;
}

body.imarked-v1 .im-dash-welcome__name {
    margin: 0 0 2px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 22px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    color: #0f172a !important;
    letter-spacing: -0.03em;
    text-transform: none !important;
    background: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: min(420px, 70vw);
}

body.imarked-v1 .im-dash-welcome__email {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: min(420px, 70vw);
}

body.imarked-v1 .im-dash-welcome__aside {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    align-self: flex-end;
    margin-left: auto;
    gap: 10px;
    flex: 0 0 auto;
}

body.imarked-v1 .im-dash-welcome__status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 650;
    line-height: 1;
    border: 0;
    text-decoration: none !important;
    max-width: 100%;
}

body.imarked-v1 .im-dash-welcome__status--ok {
    background: #ecfdf5;
    color: #047857;
}

body.imarked-v1 .im-dash-welcome__status--warn {
    background: #fff7ed;
    color: #c2410c;
}

body.imarked-v1 a.im-dash-welcome__status--action {
    cursor: pointer;
    transition: background 140ms ease, box-shadow 140ms ease;
}

body.imarked-v1 a.im-dash-welcome__status--action:hover,
body.imarked-v1 a.im-dash-welcome__status--action:focus {
    background: #ffedd5;
    box-shadow: 0 1px 2px rgba(194, 65, 12, 0.12);
    outline: none;
}

body.imarked-v1 .im-dash-welcome__btn {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid #cfd8e3;
    background: #fff;
    color: #0f172a !important;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none !important;
    transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

body.imarked-v1 .im-dash-welcome__btn:hover,
body.imarked-v1 .im-dash-welcome__btn:focus {
    background: #f8fafc;
    border-color: #94a3b8;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    outline: none;
}

/* Desktop only: hide mobile edit icon + under-name status */
@media (min-width: 992px) {
    body.imarked-v1 .im-dash-welcome__edit {
        display: none !important;
    }

    body.imarked-v1 .im-dash-welcome__status--m {
        display: none !important;
    }
}

body.imarked-v1 .im-dash-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

@media (min-width: 768px) {
    body.imarked-v1 .im-dash-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
    }
}

body.imarked-v1 .im-dash-kpi {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    min-height: 104px;
    padding: 16px 16px 14px;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    text-decoration: none !important;
    color: inherit !important;
    text-align: left;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

body.imarked-v1 .im-dash-kpi:hover,
body.imarked-v1 .im-dash-kpi:focus {
    border-color: #b8cffc;
    box-shadow: 0 6px 18px rgba(0, 102, 255, 0.1);
    transform: translateY(-1px);
    outline: none;
}

body.imarked-v1 .im-dash-kpi--alert {
    border-color: #fecaca;
    background: linear-gradient(180deg, #fff 0%, #fff7f7 100%);
}

body.imarked-v1 .im-dash-kpi__icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef4ff;
    color: #0066ff;
    font-size: 16px;
}

body.imarked-v1 .im-dash-kpi--alert .im-dash-kpi__icon {
    background: #fee2e2;
    color: #b91c1c;
}

body.imarked-v1 .im-dash-kpi__body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    text-align: left;
}

body.imarked-v1 .im-dash-kpi__label {
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 0.02em;
    color: #64748b;
}

body.imarked-v1 .im-dash-kpi__value {
    font-size: 28px;
    font-weight: 750;
    letter-spacing: -0.03em;
    line-height: 1.1;
    color: #0f172a;
}

body.imarked-v1 .im-dash-kpi__value--sm {
    font-size: 18px;
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-dash-kpi__hint {
    margin-top: auto;
    font-size: 12px;
    font-weight: 500;
    color: #94a3b8;
}

body.imarked-v1 .im-dash-kpi--alert .im-dash-kpi__value {
    color: #b91c1c;
}

/* Flere verktøy — grouped professional link panels */
body.imarked-v1 .im-dash-tools {
    margin: 8px 0 4px;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

body.imarked-v1 .im-dash-tools__head {
    padding: 16px 18px 14px;
    border-bottom: 1px solid #eef2f7;
    background: linear-gradient(180deg, #fbfdff 0%, #fff 100%);
}

body.imarked-v1 .im-dash-tools__title {
    margin: 0 0 3px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em;
    text-transform: none !important;
    background: none !important;
}

body.imarked-v1 .im-dash-tools__sub {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
}

body.imarked-v1 .im-dash-tools__groups {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

@media (min-width: 992px) {
    body.imarked-v1 .im-dash-tools__groups {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.imarked-v1 .im-dash-tools__group + .im-dash-tools__group {
        border-left: 1px solid #eef2f7;
    }
}

body.imarked-v1 .im-dash-tools__group {
    padding: 14px 12px 12px;
    min-width: 0;
}

body.imarked-v1 .im-dash-tools__group + .im-dash-tools__group {
    border-top: 1px solid #eef2f7;
}

@media (min-width: 992px) {
    body.imarked-v1 .im-dash-tools__group + .im-dash-tools__group {
        border-top: 0;
    }
}

body.imarked-v1 .im-dash-tools__group-title {
    margin: 0 0 8px;
    padding: 0 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
}

body.imarked-v1 .im-dash-tools__list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

body.imarked-v1 .im-dash-tool-link {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 10px;
    border-radius: 12px;
    text-decoration: none !important;
    color: inherit !important;
    transition: background 140ms ease;
}

body.imarked-v1 .im-dash-tool-link:hover,
body.imarked-v1 .im-dash-tool-link:focus {
    background: #f5f8ff;
    outline: none;
}

body.imarked-v1 .im-dash-tool-link__icon {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef4ff;
    color: #0066ff;
    font-size: 15px;
}

body.imarked-v1 .im-dash-tool-link__copy {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

body.imarked-v1 .im-dash-tool-link__title {
    font-size: 13.5px;
    font-weight: 650;
    color: #0f172a;
    letter-spacing: -0.01em;
    line-height: 1.25;
}

body.imarked-v1 .im-dash-tool-link__desc {
    font-size: 12px;
    font-weight: 500;
    color: #94a3b8;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-dash-tool-link__chip {
    flex: 0 0 auto;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: #ecfdf5;
    color: #047857;
    font-size: 11px;
    font-weight: 700;
    line-height: 22px;
    white-space: nowrap;
}

body.imarked-v1 .im-dash-tool-link__go {
    flex: 0 0 auto;
    color: #cbd5e1;
    font-size: 11px;
    transition: color 140ms ease, transform 140ms ease;
}

body.imarked-v1 .im-dash-tool-link:hover .im-dash-tool-link__go {
    color: #64748b;
    transform: translateX(2px);
}

body.imarked-v1 .im-dash-tools__footer {
    padding: 8px 12px 12px;
    border-top: 1px solid #eef2f7;
    background: #fafbfc;
}

body.imarked-v1 .im-dash-tools__footer .im-dash-tool-link {
    max-width: 360px;
}

body.imarked-v1 .im-dash-tool-link--danger .im-dash-tool-link__icon {
    background: #fef2f2;
    color: #b91c1c;
}

body.imarked-v1 .im-dash-tool-link--danger:hover,
body.imarked-v1 .im-dash-tool-link--danger:focus {
    background: #fff5f5;
}

body.imarked-v1 .im-dash-tool-link--danger .im-dash-tool-link__title {
    color: #b91c1c;
}

/* ========== Profile form ========== */
body.imarked-v1 .im-profile {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
}

body.imarked-v1 .im-profile__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(0, 102, 255, 0.08) 0%, rgba(0, 102, 255, 0) 46%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-profile__title {
    margin: 0 0 3px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 22px !important;
    font-weight: 750 !important;
    color: #0f172a !important;
    letter-spacing: -0.03em;
    text-transform: none !important;
    background: none !important;
    line-height: 1.2 !important;
}

body.imarked-v1 .im-profile__title .fa {
    margin-right: 8px;
    color: #0066ff;
}

body.imarked-v1 .im-profile__sub {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
}

body.imarked-v1 .im-profile__card {
    padding: 22px 24px 20px;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-profile__avatar-block {
    display: flex;
    align-items: center;
    gap: 18px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eef2f7;
}

body.imarked-v1 .im-profile__avatar {
    flex: 0 0 96px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef4ff;
    border: 3px solid #dbe7ff;
    box-shadow: 0 4px 14px rgba(0, 102, 255, 0.12);
}

body.imarked-v1 .im-profile__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.imarked-v1 .im-profile__avatar-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 34px;
    font-weight: 750;
    color: #0066ff;
    letter-spacing: -0.02em;
    line-height: 1;
}

body.imarked-v1 .im-profile__avatar img[src=""],
body.imarked-v1 .im-profile__avatar img:not([src]) {
    display: none !important;
}

body.imarked-v1 .im-profile__avatar-title {
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 750;
    color: #0f172a;
}

body.imarked-v1 .im-profile__avatar-hint {
    margin: 0 0 10px;
    font-size: 12px;
    color: #64748b;
}

body.imarked-v1 .im-profile__upload-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 34px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid #d7e2ee;
    background: #f8fafc;
    color: #0f172a;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}

body.imarked-v1 .im-profile__upload-btn:hover,
body.imarked-v1 .im-profile__upload-btn:focus {
    background: #eef4ff;
    border-color: #b8cffc;
    color: #0066ff;
    outline: none;
}

body.imarked-v1 .im-profile__fields {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 640px;
}

body.imarked-v1 .im-profile__field {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 12px 16px;
    align-items: start;
}

body.imarked-v1 .im-profile__label {
    padding-top: 10px;
    margin: 0;
    font-size: 13px;
    font-weight: 650;
    color: #334155;
    text-align: left;
}

body.imarked-v1 .im-profile__required {
    color: #dc2626;
    margin-left: 2px;
}

body.imarked-v1 .im-profile__control {
    min-width: 0;
}

body.imarked-v1 .im-profile__input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

body.imarked-v1 .im-profile .form-control.im-profile__input,
body.imarked-v1 .im-profile select.im-profile__input {
    height: 42px !important;
    border-radius: 12px !important;
    border: 1px solid #d7e2ee !important;
    background: #f8fafc !important;
    box-shadow: none !important;
    padding: 8px 14px !important;
    font-size: 14px !important;
    color: #0f172a !important;
}

body.imarked-v1 .im-profile select.im-profile__input,
body.imarked-v1 .im-job-modal select.im-job-modal__input,
body.imarked-v1 .im-portal-main select.form-control,
body.imarked-v1 .im-portal-shell .col-right select.form-control {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    padding-right: 40px !important;
    cursor: pointer;
    background-color: #f8fafc !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 14px 14px !important;
}

body.imarked-v1 .im-profile .im-profile__input-wrap .im-profile__input {
    padding-right: 48px !important;
    width: 100%;
}

body.imarked-v1 .im-profile.is-editing .form-control.im-profile__input:not([disabled]),
body.imarked-v1 .im-profile.is-editing select.im-profile__input:not([disabled]) {
    background-color: #fff !important;
    border-color: #b8cffc !important;
}

body.imarked-v1 .im-profile.is-editing select.im-profile__input:not([disabled]),
body.imarked-v1 .im-job-modal select.im-job-modal__input {
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 14px 14px !important;
}

body.imarked-v1 .im-profile .form-control.im-profile__input:focus,
body.imarked-v1 .im-profile select.im-profile__input:focus {
    border-color: #0066ff !important;
    background-color: #fff !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12) !important;
}

body.imarked-v1 .im-profile select.im-profile__input:focus,
body.imarked-v1 .im-job-modal select.im-job-modal__input:focus,
body.imarked-v1 .im-portal-main select.form-control:focus,
body.imarked-v1 .im-portal-shell .col-right select.form-control:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 14px 14px !important;
}

body.imarked-v1 .im-profile__verify {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

body.imarked-v1 .im-profile__verify--ok {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #bbf7d0;
    font-size: 13px;
}

body.imarked-v1 .im-profile__verify--action {
    height: 28px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid #b8cffc;
    background: #eef4ff;
    color: #0066ff;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

body.imarked-v1 .im-profile__verify--action:hover,
body.imarked-v1 .im-profile__verify--action:focus {
    background: #0066ff;
    border-color: #0066ff;
    color: #fff;
    outline: none;
}

body.imarked-v1 .im-profile__locate {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    border: 0;
    background: #0066ff;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

body.imarked-v1 .im-profile__locate:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

body.imarked-v1 .im-profile__locate:not(:disabled):hover,
body.imarked-v1 .im-profile__locate:not(:disabled):focus {
    background: #0052cc;
    outline: none;
}

body.imarked-v1 .im-profile__error {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: #b91c1c;
}

body.imarked-v1 .im-profile__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid #eef2f7;
}

body.imarked-v1 .im-profile__actions-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

body.imarked-v1 .im-profile__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 40px;
    padding: 0 16px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

body.imarked-v1 .im-profile__btn--primary {
    background: linear-gradient(180deg, #2b7cff 0%, #0066ff 100%);
    border-color: #0052cc;
    color: #fff !important;
    box-shadow: 0 6px 14px rgba(0, 102, 255, 0.22);
}

body.imarked-v1 .im-profile__btn--primary:hover,
body.imarked-v1 .im-profile__btn--primary:focus {
    background: linear-gradient(180deg, #1f6ff5 0%, #0052cc 100%);
    color: #fff !important;
    outline: none;
}

body.imarked-v1 .im-profile__btn--ghost {
    background: #fff;
    border-color: #d7e2ee;
    color: #334155 !important;
}

body.imarked-v1 .im-profile__btn--ghost:hover,
body.imarked-v1 .im-profile__btn--ghost:focus {
    background: #f8fafc;
    border-color: #b8cffc;
    color: #0066ff !important;
    outline: none;
}

body.imarked-v1 .im-profile__btn--danger {
    background: #fff;
    border-color: #fecaca;
    color: #b91c1c !important;
}

body.imarked-v1 .im-profile__btn--danger:hover,
body.imarked-v1 .im-profile__btn--danger:focus {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b !important;
    outline: none;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-profile {
        gap: 8px;
    }

    body.imarked-v1 .im-profile__head {
        padding: 12px 14px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-profile__title {
        font-size: 16px !important;
    }

    body.imarked-v1 .im-profile__sub {
        font-size: 11px;
    }

    body.imarked-v1 .im-profile__card {
        padding: 14px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-profile__avatar-block {
        gap: 12px;
        padding-bottom: 14px;
        margin-bottom: 14px;
    }

    body.imarked-v1 .im-profile__avatar {
        flex: 0 0 72px;
        width: 72px;
        height: 72px;
    }

    body.imarked-v1 .im-profile__avatar-fallback {
        font-size: 26px;
    }

    body.imarked-v1 .im-profile__field {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
    }

    body.imarked-v1 .im-profile__label {
        padding-top: 0;
        font-size: 12px;
    }

    body.imarked-v1 .im-profile__actions {
        flex-direction: column-reverse;
        align-items: stretch;
        gap: 10px;
        margin-top: 16px;
        padding-top: 14px;
    }

    body.imarked-v1 .im-profile__actions-main {
        width: 100%;
        margin-left: 0;
    }

    body.imarked-v1 .im-profile__actions-main .im-profile__btn {
        flex: 1 1 auto;
    }

    body.imarked-v1 .im-profile__btn--danger {
        width: 100%;
        justify-content: center;
    }
}

body.imarked-v1 .im-profile__readonly {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 8px 14px;
    border-radius: 12px;
    border: 1px solid #e5eaf1;
    background: #f1f5f9;
    color: #334155;
    font-size: 14px;
    font-weight: 600;
    word-break: break-word;
}

/* Change password: full content width, form centered */
body.imarked-v1 .im-profile--password {
    width: 100%;
    max-width: 100%;
    align-items: center;
}

body.imarked-v1 .im-profile--password .im-profile__head,
body.imarked-v1 .im-profile--password .im-profile__form {
    width: 100%;
    max-width: 520px;
}

body.imarked-v1 .im-profile--password .im-profile__head {
    text-align: center;
}

body.imarked-v1 .im-profile--password .im-profile__card {
    width: 100%;
    max-width: 100%;
}

body.imarked-v1 .im-profile--password .im-profile__field {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
}

body.imarked-v1 .im-profile--password .im-profile__label {
    padding-top: 0;
}

body.imarked-v1 .im-profile--password .im-profile__actions {
    justify-content: stretch;
}

body.imarked-v1 .im-profile--password .im-profile__actions-main {
    width: 100%;
    margin-left: 0;
}

body.imarked-v1 .im-profile--password .im-profile__actions-main .im-profile__btn {
    flex: 1 1 auto;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-profile--password .im-profile__head {
        text-align: left;
    }
}

/* ========== Job profile form ========== */
body.imarked-v1 .im-profile--job .im-profile__fields {
    max-width: none;
}

body.imarked-v1 .im-profile--job .im-job__section-title {
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em;
    text-transform: none !important;
    background: none !important;
    line-height: 1.3 !important;
}

body.imarked-v1 .im-profile--job .im-profile__field--full {
    grid-column: 1 / -1;
}

body.imarked-v1 .im-profile--job .im-profile__textarea {
    min-height: 110px !important;
    height: auto !important;
    resize: vertical;
    line-height: 1.45 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body.imarked-v1 .im-profile--job .im-job__block-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

body.imarked-v1 .im-profile--job .im-job__block-head .im-job__section-title {
    margin: 0 !important;
}

body.imarked-v1 .im-profile--job .im-job__block-head .im-profile__btn {
    height: 36px;
    padding: 0 12px;
    font-size: 12px;
    flex: 0 0 auto;
}

body.imarked-v1 .im-job-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #e5eaf1;
    border-radius: 12px;
}

body.imarked-v1 .im-job-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    min-width: 720px;
}

body.imarked-v1 .im-job-table thead th {
    padding: 10px 12px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
    background: #f8fafc;
    border-bottom: 1px solid #e5eaf1;
    white-space: nowrap;
    text-align: left;
}

body.imarked-v1 .im-job-table tbody td {
    padding: 12px;
    font-size: 13px;
    color: #334155;
    border-bottom: 1px solid #eef2f7;
    vertical-align: top;
}

body.imarked-v1 .im-job-table tbody tr:last-child td {
    border-bottom: 0;
}

body.imarked-v1 .im-job-table__empty td {
    text-align: center;
    color: #94a3b8;
    font-weight: 500;
    padding: 22px 12px !important;
}

body.imarked-v1 .im-job__file {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.imarked-v1 .im-job__file-input {
    display: block;
    width: 100%;
    max-width: 420px;
    padding: 10px 12px;
    border: 1px dashed #b8cffc;
    border-radius: 12px;
    background: #f8fafc;
    font-size: 13px;
    color: #334155;
}

body.imarked-v1 .im-job__file-hint {
    margin: 0;
    font-size: 12px;
    color: #94a3b8;
}

body.imarked-v1 .im-job__file-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    font-size: 13px;
    font-weight: 700;
    color: #0066ff !important;
    text-decoration: none !important;
}

body.imarked-v1 .im-job__file-link:hover,
body.imarked-v1 .im-job__file-link:focus {
    color: #0052cc !important;
    text-decoration: underline !important;
}

/* Modal forms (experience / education) */
body.imarked-v1 .im-job-modal__fields {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 0 8px;
}

body.imarked-v1 .im-job-modal__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

body.imarked-v1 .im-job-modal__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

body.imarked-v1 .im-job-modal__label {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: #475569;
}

body.imarked-v1 .im-job-modal__input {
    height: 40px !important;
    border-radius: 10px !important;
    border: 1px solid #d7e2ee !important;
    background-color: #fff !important;
    box-shadow: none !important;
    font-size: 14px !important;
}

body.imarked-v1 .im-job-modal__check {
    margin: 2px 0 4px;
}

body.imarked-v1 .im-job-modal__check label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    cursor: pointer;
}

body.imarked-v1 .im-job-modal__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #eef2f7;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-profile--job .im-job__block-head {
        align-items: flex-start;
    }

    body.imarked-v1 .im-job-table {
        min-width: 0;
    }

    body.imarked-v1 .im-job-table thead {
        display: none;
    }

    body.imarked-v1 .im-job-table,
    body.imarked-v1 .im-job-table tbody,
    body.imarked-v1 .im-job-table tr,
    body.imarked-v1 .im-job-table td {
        display: block;
        width: 100%;
    }

    body.imarked-v1 .im-job-table tbody tr {
        padding: 12px;
        border-bottom: 1px solid #eef2f7;
    }

    body.imarked-v1 .im-job-table tbody tr:last-child {
        border-bottom: 0;
    }

    body.imarked-v1 .im-job-table tbody td {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 6px 0;
        border: 0;
        text-align: right;
    }

    body.imarked-v1 .im-job-table tbody td::before {
        content: attr(data-label);
        flex: 0 0 auto;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #94a3b8;
        text-align: left;
    }

    body.imarked-v1 .im-job-table__empty td {
        display: block;
        text-align: center;
    }

    body.imarked-v1 .im-job-table__empty td::before {
        display: none;
    }

    body.imarked-v1 .im-job-modal__row {
        grid-template-columns: 1fr;
    }
}

/* ========== Notification settings ========== */
body.imarked-v1 .im-notify {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
}

body.imarked-v1 .im-notify__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(0, 102, 255, 0.08) 0%, rgba(0, 102, 255, 0) 46%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-notify__title {
    margin: 0 0 3px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 22px !important;
    font-weight: 750 !important;
    color: #0f172a !important;
    letter-spacing: -0.03em;
    text-transform: none !important;
    background: none !important;
    line-height: 1.2 !important;
}

body.imarked-v1 .im-notify__title .fa {
    margin-right: 8px;
    color: #0066ff;
}

body.imarked-v1 .im-notify__sub {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
}

body.imarked-v1 .im-notify__card {
    padding: 8px 8px 16px;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-notify__section {
    padding: 16px 16px 18px;
    border-bottom: 1px solid #eef2f7;
}

body.imarked-v1 .im-notify__section:last-of-type {
    border-bottom: 0;
}

body.imarked-v1 .im-notify__section-head {
    margin-bottom: 14px;
}

body.imarked-v1 .im-notify__section-title {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 750;
    color: #0f172a;
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-notify__section-desc {
    margin: 0;
    font-size: 13px;
    color: #64748b;
}

body.imarked-v1 .im-notify__master {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 14px;
    margin-bottom: 12px;
    border-radius: 12px;
    border: 1px solid #e6edf5;
    background: #f8fafc;
    cursor: pointer;
}

body.imarked-v1 .im-notify__master > input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body.imarked-v1 .im-notify__master-ui {
    flex: 0 0 42px;
    width: 42px;
    height: 24px;
    margin-top: 2px;
    border-radius: 999px;
    background: #cbd5e1;
    position: relative;
    transition: background 160ms ease;
}

body.imarked-v1 .im-notify__master-ui::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.2);
    transition: transform 160ms ease;
}

body.imarked-v1 .im-notify__master > input:checked + .im-notify__master-ui {
    background: #0066ff;
}

body.imarked-v1 .im-notify__master > input:checked + .im-notify__master-ui::after {
    transform: translateX(18px);
}

body.imarked-v1 .im-notify__master-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

body.imarked-v1 .im-notify__master-text strong {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

body.imarked-v1 .im-notify__master-text small {
    font-size: 12px;
    color: #64748b;
}

body.imarked-v1 .im-notify__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0;
    border-top: 1px solid #f1f5f9;
}

body.imarked-v1 .im-notify__row:first-of-type {
    border-top: 0;
    padding-top: 0;
}

body.imarked-v1 .im-notify__row-copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1 1 auto;
    max-width: 100%;
}

body.imarked-v1 .im-notify__row-copy strong {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

body.imarked-v1 .im-notify__row-copy small {
    font-size: 12px;
    color: #64748b;
}

body.imarked-v1 .im-notify__channels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.imarked-v1 .im-notify__chip {
    margin: 0;
    cursor: pointer;
}

body.imarked-v1 .im-notify__chip input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body.imarked-v1 .im-notify__chip span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #d7e2ee;
    background: #fff;
    color: #475569;
    font-size: 12px;
    font-weight: 650;
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}

body.imarked-v1 .im-notify__chip span i {
    font-size: 13px;
}

body.imarked-v1 .im-notify__chip span::after {
    content: "\f00c";
    display: none;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    border-radius: 50%;
    background: #0066ff;
    color: #fff;
    font-family: FontAwesome;
    font-size: 10px;
    font-weight: normal;
    line-height: 16px;
    text-align: center;
}

body.imarked-v1 .im-notify__chip input:checked + span {
    background: #eef4ff;
    border-color: #b8cffc;
    color: #0066ff;
}

body.imarked-v1 .im-notify__chip input:checked + span::after {
    display: inline-block;
}

body.imarked-v1 .im-notify__chip:hover span {
    border-color: #b8cffc;
}

body.imarked-v1 .im-notify__master > input:checked ~ .im-notify__master-text strong {
    color: #0066ff;
}

body.imarked-v1 .im-notify__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 8px 16px 8px;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-notify {
        gap: 6px !important;
    }

    body.imarked-v1 .im-notify__form {
        margin: 0 !important;
    }

    body.imarked-v1 .im-notify h3,
    body.imarked-v1 .im-notify h4,
    body.imarked-v1 .im-notify p {
        margin: 0 !important;
        padding: 0 !important;
    }

    body.imarked-v1 .im-notify label {
        margin: 0 !important;
    }

    body.imarked-v1 .im-notify__head {
        padding: 10px 12px !important;
        border-radius: 12px;
    }

    body.imarked-v1 .im-notify__title {
        font-size: 16px !important;
        margin: 0 !important;
        line-height: 1.2 !important;
    }

    body.imarked-v1 .im-notify__sub {
        display: none;
    }

    body.imarked-v1 .im-notify__card {
        border-radius: 12px;
        padding: 0 !important;
        margin: 0 !important;
    }

    body.imarked-v1 .im-notify__section {
        padding: 10px 12px !important;
        margin: 0 !important;
    }

    body.imarked-v1 .im-notify__section-head {
        margin: 0 0 6px !important;
    }

    body.imarked-v1 .im-notify__section-title {
        font-size: 14px !important;
        margin: 0 0 2px !important;
        line-height: 1.25 !important;
    }

    body.imarked-v1 .im-notify__section-desc {
        font-size: 11px !important;
        line-height: 1.3 !important;
        margin: 0 !important;
    }

    body.imarked-v1 .im-notify__master {
        gap: 8px;
        padding: 8px 10px !important;
        margin: 0 0 6px !important;
        border-radius: 10px;
    }

    body.imarked-v1 .im-notify__master-text {
        gap: 0;
    }

    body.imarked-v1 .im-notify__master-text strong {
        font-size: 13px;
        line-height: 1.25;
    }

    body.imarked-v1 .im-notify__master-text small {
        font-size: 11px;
        line-height: 1.25;
    }

    body.imarked-v1 .im-notify__row {
        display: block !important;
        flex: none !important;
        gap: 0 !important;
        padding: 8px 0 !important;
        margin: 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    body.imarked-v1 .im-notify__row:first-of-type {
        padding-top: 0 !important;
    }

    body.imarked-v1 .im-notify__row:last-child {
        padding-bottom: 0 !important;
    }

    /* flex-basis:220px was applying as HEIGHT in column layout — kills the gap */
    body.imarked-v1 .im-notify__row-copy {
        display: block !important;
        flex: none !important;
        flex-grow: 0 !important;
        flex-basis: auto !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        gap: 0 !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
    }

    body.imarked-v1 .im-notify__row-copy strong {
        font-size: 13px;
        line-height: 2;
        display: block;
    }

    body.imarked-v1 .im-notify__row-copy small {
        font-size: 11px;
        line-height: 1.25;
        display: block;
    }

    body.imarked-v1 .im-notify__channels {
        display: flex !important;
        flex: none !important;
        flex-grow: 0 !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        gap: 5px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.imarked-v1 .im-notify__chip {
        position: relative;
        flex: 1 1 0;
        margin: 0 !important;
        line-height: 1;
        min-height: 0 !important;
        height: auto !important;
    }

    body.imarked-v1 .im-notify__chip input {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
    }

    body.imarked-v1 .im-notify__chip span {
        width: 100%;
        height: 30px;
        min-height: 30px;
        padding: 0 6px;
        justify-content: center;
        font-size: 11px;
        gap: 3px;
        box-sizing: border-box;
    }

    body.imarked-v1 .im-notify__chip span::after {
        width: 14px;
        height: 14px;
        line-height: 14px;
        font-size: 9px;
        margin-left: 0;
    }

    body.imarked-v1 .im-notify__actions {
        padding: 8px 12px 10px !important;
        gap: 6px;
        margin: 0 !important;
    }

    body.imarked-v1 .im-notify__actions .im-profile__btn {
        flex: 1 1 auto;
        justify-content: center;
        height: 36px;
        margin: 0 !important;
    }
}

/* ============================================================
   BecomeBusinessCustomer — seller landing (im-bbc)
   ============================================================ */
body.imarked-v1 .im-bbc {
    --bbc-ink: #181c23;
    --bbc-muted: #6e7a8a;
    --bbc-line: #e7ebf0;
    --bbc-soft: #f4f7fb;
    --bbc-primary: var(--im-primary, #0066ff);
    max-width: 920px;
    margin: 0 auto 40px;
    padding: 0 4px 24px;
    color: var(--bbc-ink);
}

body.imarked-v1 .im-bbc__hero {
    padding: 28px 24px 26px;
    border: 1px solid var(--bbc-line);
    border-radius: 18px;
    background:
        radial-gradient(ellipse at top right, rgba(0, 102, 255, 0.08), transparent 48%),
        #fff;
}

body.imarked-v1 .im-bbc__eyebrow {
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bbc-primary);
}

body.imarked-v1 .im-bbc__title {
    margin: 0 0 10px;
    font-size: 32px;
    font-weight: 750;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: var(--bbc-ink);
}

body.imarked-v1 .im-bbc__lead {
    margin: 0 0 20px;
    max-width: 540px;
    font-size: 15px;
    line-height: 1.55;
    color: var(--bbc-muted);
}

body.imarked-v1 .im-bbc__hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

body.imarked-v1 .im-bbc__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 12px;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}

body.imarked-v1 .im-bbc__btn--primary {
    background: var(--bbc-primary);
    color: #fff !important;
}

body.imarked-v1 .im-bbc__btn--primary:hover,
body.imarked-v1 .im-bbc__btn--primary:focus {
    background: #0052cc;
    color: #fff !important;
}

body.imarked-v1 .im-bbc__btn--ghost {
    background: #fff;
    border-color: var(--bbc-line);
    color: var(--bbc-ink) !important;
}

body.imarked-v1 .im-bbc__btn--ghost:hover,
body.imarked-v1 .im-bbc__btn--ghost:focus {
    border-color: #c9d9f5;
    background: #f8fbff;
}

body.imarked-v1 .im-bbc__btn--block {
    width: 100%;
}

body.imarked-v1 .im-bbc__values {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

body.imarked-v1 .im-bbc__value {
    padding: 16px 14px;
    border: 1px solid var(--bbc-line);
    border-radius: 14px;
    background: #fff;
}

body.imarked-v1 .im-bbc__value-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-bottom: 10px;
    border-radius: 10px;
    background: #eef4ff;
    color: var(--bbc-primary);
    font-size: 15px;
}

body.imarked-v1 .im-bbc__value h2 {
    margin: 0 0 6px;
    font-size: 15px;
    font-weight: 750;
    letter-spacing: -0.01em;
    color: var(--bbc-ink);
}

body.imarked-v1 .im-bbc__value p {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--bbc-muted);
}

body.imarked-v1 .im-bbc__types,
body.imarked-v1 .im-bbc__proof {
    margin-top: 28px;
}

body.imarked-v1 .im-bbc__section-head {
    margin-bottom: 14px;
}

body.imarked-v1 .im-bbc__section-head h2 {
    margin: 0 0 6px;
    font-size: 20px;
    font-weight: 750;
    letter-spacing: -0.02em;
    color: var(--bbc-ink);
}

body.imarked-v1 .im-bbc__section-head p {
    margin: 0;
    font-size: 14px;
    color: var(--bbc-muted);
    line-height: 1.45;
}

body.imarked-v1 .im-bbc__type-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

body.imarked-v1 .im-bbc__type,
body.imarked-v1 button.im-bbc__type {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    min-height: 148px;
    padding: 18px 14px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    cursor: pointer;
    text-align: center;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04);
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease, transform 160ms ease;
}

body.imarked-v1 .im-bbc__type-check {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #d7e2ee;
    background: #fff;
    color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    line-height: 1;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
}

body.imarked-v1 .im-bbc__type-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: #f4f7fb;
    border: 1px solid #e8eef5;
}

body.imarked-v1 .im-bbc__type img,
body.imarked-v1 .im-bbc__type-icon img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: block;
}

body.imarked-v1 .im-bbc__type-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 0;
    width: 100%;
}

body.imarked-v1 .im-bbc__type-label {
    font-size: 14px;
    font-weight: 750;
    letter-spacing: -0.015em;
    color: var(--bbc-ink);
    line-height: 1.25;
}

body.imarked-v1 .im-bbc__type-hint {
    font-size: 12px;
    font-weight: 500;
    color: var(--bbc-muted);
    line-height: 1.3;
}

body.imarked-v1 .im-bbc__type:hover {
    border-color: #b8cffc;
    background: #f8fbff;
    box-shadow: 0 6px 16px rgba(0, 102, 255, 0.08);
    transform: translateY(-1px);
}

body.imarked-v1 .im-bbc__type:hover .im-bbc__type-icon {
    background: #eef4ff;
    border-color: #d6e4ff;
}

body.imarked-v1 .im-bbc__type:focus-visible {
    border-color: var(--bbc-primary);
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.16);
}

body.imarked-v1 .im-bbc__type--active,
body.imarked-v1 .im-bbc__type.c-btn-wizard-active {
    border-color: var(--bbc-primary);
    background: #f3f7ff;
    box-shadow: 0 0 0 1px var(--bbc-primary), 0 8px 18px rgba(0, 102, 255, 0.12);
}

body.imarked-v1 .im-bbc__type--active .im-bbc__type-check,
body.imarked-v1 .im-bbc__type.c-btn-wizard-active .im-bbc__type-check {
    background: var(--bbc-primary);
    border-color: var(--bbc-primary);
    color: #fff;
}

body.imarked-v1 .im-bbc__type--active .im-bbc__type-icon,
body.imarked-v1 .im-bbc__type.c-btn-wizard-active .im-bbc__type-icon {
    background: #e8f0ff;
    border-color: #c9d9f5;
}

body.imarked-v1 .im-bbc__type--active .im-bbc__type-label,
body.imarked-v1 .im-bbc__type.c-btn-wizard-active .im-bbc__type-label {
    color: #0b3d99;
}

body.imarked-v1 .im-bbc__type--active .im-bbc__type-hint,
body.imarked-v1 .im-bbc__type.c-btn-wizard-active .im-bbc__type-hint {
    color: #3b6bb5;
}

body.imarked-v1 .im-bbc__detail {
    margin-top: 14px;
}

body.imarked-v1 .im-bbc__detail-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 20px;
    align-items: center;
    padding: 20px;
    border: 1px solid #d6e4ff;
    border-radius: 16px;
    background: linear-gradient(180deg, #f8fbff 0%, #fff 100%);
}

body.imarked-v1 .im-bbc__detail-kicker {
    margin: 0 0 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--bbc-primary);
}

body.imarked-v1 .im-bbc__detail-copy h3 {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 750;
    letter-spacing: -0.02em;
    color: var(--bbc-ink);
}

body.imarked-v1 .im-bbc__detail-copy > p {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--bbc-muted);
}

body.imarked-v1 .im-bbc__detail-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.imarked-v1 .im-bbc__detail-list li {
    position: relative;
    padding: 0 0 8px 18px;
    font-size: 13px;
    line-height: 1.45;
    color: var(--bbc-ink);
}

body.imarked-v1 .im-bbc__detail-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--bbc-primary);
}

body.imarked-v1 .im-bbc__detail-note {
    margin: 10px 0 0;
    font-size: 12px;
    color: var(--bbc-muted);
    text-align: center;
    line-height: 1.4;
}

body.imarked-v1 .im-bbc__proof-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

body.imarked-v1 .im-bbc__proof-item {
    margin: 0;
    border: 1px solid var(--bbc-line);
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
}

body.imarked-v1 .im-bbc__proof-media {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: var(--bbc-soft);
    cursor: zoom-in;
}

body.imarked-v1 .im-bbc__proof-media img {
    display: block;
    width: 100%;
    height: 140px;
    object-fit: cover;
}

body.imarked-v1 .im-bbc__proof-item figcaption {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 12px 14px 14px;
}

body.imarked-v1 .im-bbc__proof-item strong {
    font-size: 14px;
    font-weight: 700;
    color: var(--bbc-ink);
}

body.imarked-v1 .im-bbc__proof-item span {
    font-size: 12px;
    color: var(--bbc-muted);
    line-height: 1.4;
}

body.imarked-v1 .im-bbc__footer-cta {
    margin-top: 28px;
}

body.imarked-v1 .im-bbc__footer-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px;
    border-radius: 16px;
    border: 1px solid #d6e4ff;
    background: #eef4ff;
}

body.imarked-v1 .im-bbc__footer-cta h2 {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 750;
    color: var(--bbc-ink);
}

body.imarked-v1 .im-bbc__footer-cta p {
    margin: 0;
    font-size: 13px;
    color: var(--bbc-muted);
    line-height: 1.45;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-bbc {
        max-width: none;
        margin-bottom: 24px;
        padding: 0 0 16px;
    }

    body.imarked-v1 .im-bbc__hero {
        padding: 22px 16px 20px;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }

    body.imarked-v1 .im-bbc__title {
        font-size: 26px;
    }

    body.imarked-v1 .im-bbc__values {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.imarked-v1 .im-bbc__type-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    body.imarked-v1 .im-bbc__type,
    body.imarked-v1 button.im-bbc__type {
        min-height: 136px;
        padding: 16px 12px 14px;
    }

    body.imarked-v1 .im-bbc__type:hover {
        transform: none;
    }

    body.imarked-v1 .im-bbc__detail-card {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    body.imarked-v1 .im-bbc__proof-grid {
        grid-template-columns: 1fr;
    }

    body.imarked-v1 .im-bbc__proof-media img {
        height: 160px;
    }

    body.imarked-v1 .im-bbc__footer-cta-inner {
        flex-direction: column;
        align-items: stretch;
        text-align: left;
    }

    body.imarked-v1 .im-bbc__types,
    body.imarked-v1 .im-bbc__proof,
    body.imarked-v1 .im-bbc__values,
    body.imarked-v1 .im-bbc__detail,
    body.imarked-v1 .im-bbc__footer-cta {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (max-width: 767px) {
    body.imarked-v1 .im-bbc {
        padding: 0 0 calc(24px + env(safe-area-inset-bottom, 0px));
    }

    body.imarked-v1 .im-bbc__hero {
        margin: 0 12px;
        padding: 20px 16px 18px;
        border: 1px solid var(--bbc-line);
        border-radius: 16px;
        background:
            radial-gradient(ellipse at top right, rgba(0, 102, 255, 0.1), transparent 55%),
            #fff;
    }

    body.imarked-v1 .im-bbc__eyebrow {
        margin-bottom: 8px;
        font-size: 11px;
    }

    body.imarked-v1 .im-bbc__title {
        margin-bottom: 8px;
        font-size: 24px;
        letter-spacing: -0.03em;
    }

    body.imarked-v1 .im-bbc__lead {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 1.5;
    }

    body.imarked-v1 .im-bbc__hero-actions {
        flex-direction: column;
        gap: 8px;
    }

    body.imarked-v1 .im-bbc__hero-actions .im-bbc__btn {
        width: 100%;
        min-height: 48px;
        border-radius: 12px;
        font-size: 15px;
    }

    /* Value cards: horizontal rows — denser, less scroll */
    body.imarked-v1 .im-bbc__values {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 14px;
        padding-left: 12px;
        padding-right: 12px;
    }

    body.imarked-v1 .im-bbc__value {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        column-gap: 12px;
        row-gap: 3px;
        align-items: center;
        padding: 14px 14px;
        border-radius: 14px;
        box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04);
    }

    body.imarked-v1 .im-bbc__value-icon {
        grid-row: 1 / span 2;
        align-self: center;
        width: 48px;
        height: 48px;
        margin: 0;
        border-radius: 12px;
        font-size: 18px;
    }

    body.imarked-v1 .im-bbc__value h2 {
        margin: 0;
        font-size: 15px;
        line-height: 1.25;
    }

    body.imarked-v1 .im-bbc__value p {
        font-size: 12.5px;
        line-height: 1.4;
    }

    body.imarked-v1 .im-bbc__types,
    body.imarked-v1 .im-bbc__proof {
        margin-top: 22px;
    }

    body.imarked-v1 .im-bbc__section-head {
        margin-bottom: 12px;
    }

    body.imarked-v1 .im-bbc__section-head h2 {
        font-size: 18px;
    }

    body.imarked-v1 .im-bbc__section-head p {
        font-size: 13px;
        line-height: 1.4;
    }

    body.imarked-v1 .im-bbc__type-grid {
        gap: 10px;
    }

    body.imarked-v1 .im-bbc__type,
    body.imarked-v1 button.im-bbc__type {
        min-height: 128px;
        padding: 14px 10px 12px;
        border-radius: 14px;
    }

    body.imarked-v1 .im-bbc__type-icon {
        width: 44px;
        height: 44px;
    }

    body.imarked-v1 .im-bbc__type img,
    body.imarked-v1 .im-bbc__type-icon img {
        width: 28px;
        height: 28px;
    }

    body.imarked-v1 .im-bbc__type-label {
        font-size: 13px;
    }

    body.imarked-v1 .im-bbc__type-hint {
        font-size: 11px;
    }

    body.imarked-v1 .im-bbc__detail {
        margin-top: 14px;
        padding-left: 12px;
        padding-right: 12px;
    }

    body.imarked-v1 .im-bbc__detail-card {
        padding: 16px 14px;
        border-radius: 14px;
        gap: 14px;
    }

    body.imarked-v1 .im-bbc__detail-copy h3 {
        font-size: 18px;
    }

    body.imarked-v1 .im-bbc__detail-cta .im-bbc__btn {
        min-height: 48px;
        font-size: 15px;
    }

    body.imarked-v1 .im-bbc__proof-media img {
        height: 140px;
    }

    body.imarked-v1 .im-bbc__footer-cta {
        margin-top: 20px;
        padding-left: 12px;
        padding-right: 12px;
    }

    body.imarked-v1 .im-bbc__footer-cta-inner {
        padding: 16px 14px;
        border-radius: 14px;
        gap: 12px;
    }

    body.imarked-v1 .im-bbc__footer-cta h2 {
        font-size: 18px;
    }

    body.imarked-v1 .im-bbc__footer-cta .im-bbc__btn {
        width: 100%;
        min-height: 48px;
    }
}

/* ============================================================
   Store Create / Form — im-store-form
   ============================================================ */
body.imarked-v1 .im-store-form {
    --sf-ink: #181c23;
    --sf-muted: #6e7a8a;
    --sf-line: #e7ebf0;
    --sf-primary: var(--im-primary, #0066ff);
    max-width: 780px;
    margin: 0 auto 32px;
    padding: 0 4px 16px;
}

body.imarked-v1 .im-store-form__head {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px 20px;
    margin-bottom: 18px;
    padding: 18px 20px;
    border: 1px solid var(--sf-line);
    border-radius: 16px;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

body.imarked-v1 .im-store-form__head-main {
    flex: 1 1 auto;
    min-width: 0;
}

body.imarked-v1 .im-store-form__eyebrow {
    margin: 0 0 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--sf-primary);
}

body.imarked-v1 .im-store-form__title-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 8px;
}

body.imarked-v1 .im-store-form__title-icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #eef4ff;
    color: var(--sf-primary);
    font-size: 20px;
    line-height: 1;
}

body.imarked-v1 .im-store-form__title {
    margin: 0;
    font-size: 28px;
    font-weight: 750;
    letter-spacing: -0.035em;
    color: var(--sf-ink);
    line-height: 1.15;
}

body.imarked-v1 .im-store-form__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}

body.imarked-v1 .im-store-form__sub {
    margin: 0;
    flex: 0 1 auto;
    min-width: 0;
    font-size: 14px;
    color: var(--sf-muted);
    line-height: 1.45;
}

body.imarked-v1 .im-store-form__badge {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    max-width: 100%;
    padding: 5px 12px;
    border-radius: 999px;
    background: #eef4ff;
    border: 1px solid #dbe7ff;
    color: var(--sf-primary);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

body.imarked-v1 .im-store-form__back {
    flex: 0 0 auto;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid var(--sf-line);
    border-radius: 999px;
    background: #fff;
    font-size: 13px;
    font-weight: 650;
    color: var(--sf-muted);
    text-decoration: none !important;
    white-space: nowrap;
}

body.imarked-v1 .im-store-form__back:hover {
    color: var(--sf-primary);
    border-color: #93c5fd;
    background: #eef4ff;
}

body.imarked-v1 .im-store-form__card {
    padding: 18px 20px 10px;
    border: 1px solid var(--sf-line);
    border-radius: 16px;
    background: #fff;
}

body.imarked-v1 .im-store-form__section {
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 750;
    letter-spacing: -0.02em;
    color: var(--sf-ink);
}

body.imarked-v1 .im-store-form__section--spaced {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--sf-line);
}

body.imarked-v1 .im-store-form__hint {
    margin: 0 0 14px;
    font-size: 12px;
    color: var(--sf-muted);
    line-height: 1.4;
}

body.imarked-v1 .im-store-form__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 14px;
}

body.imarked-v1 .im-store-form .form-group {
    margin: 0 0 12px !important;
    padding: 0 !important;
    float: none !important;
    width: 100% !important;
}

body.imarked-v1 .im-store-form .form-group::before,
body.imarked-v1 .im-store-form .form-group::after {
    display: none !important;
    content: none !important;
}

body.imarked-v1 .im-store-form .control-label {
    display: inline-block !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--sf-ink) !important;
    line-height: 1.3;
}

body.imarked-v1 .im-store-form .has-error,
body.imarked-v1 .im-store-form .my-error-Text {
    display: inline !important;
    float: none !important;
    margin: 0 0 0 4px !important;
    color: #dc2626;
    font-weight: 700;
    font-size: 13px;
}

body.imarked-v1 .im-store-form__control { width: 100%; }

body.imarked-v1 .im-store-form__control--public {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

body.imarked-v1 .im-store-form__control--public .form-control,
body.imarked-v1 .im-store-form__control--public .im-store-form__address {
    flex: 1 1 auto;
    min-width: 0;
}

body.imarked-v1 .im-store-form__control--public .field-validation-error {
    flex: 1 1 100%;
}

body.imarked-v1 .im-store-form .form-control {
    height: 42px !important;
    border: 1px solid #d7e2ee !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    background: #fff !important;
    color: var(--sf-ink) !important;
    font-size: 14px !important;
    padding: 0 12px !important;
}

body.imarked-v1 .im-store-form textarea.form-control {
    height: auto !important;
    min-height: 96px !important;
    padding: 10px 12px !important;
    resize: vertical;
}

body.imarked-v1 .im-store-form .form-control:focus {
    border-color: #93c5fd !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12) !important;
}

body.imarked-v1 .im-store-form .form-control:disabled {
    background: #f1f5f9 !important;
    color: #64748b !important;
}

body.imarked-v1 .im-store-form .field-validation-error {
    display: block;
    width: 100%;
    margin-top: 4px;
    font-size: 12px;
    color: #dc2626;
}

body.imarked-v1 .im-store-form__public {
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    height: 42px;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid #d7e2ee;
    border-radius: 10px;
    background: #f8fafc;
    font-size: 12px !important;
    font-weight: 650 !important;
    color: var(--sf-muted) !important;
    white-space: nowrap;
    cursor: pointer;
}

body.imarked-v1 .im-store-form__public input {
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 .im-store-form__public:has(input:checked) {
    border-color: #93c5fd;
    background: #eef4ff;
    color: var(--sf-primary) !important;
}

body.imarked-v1 .im-store-form__address {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
}

body.imarked-v1 .im-store-form__address .form-control {
    padding-right: 46px !important;
}

body.imarked-v1 .im-store-form__loc,
body.imarked-v1 .im-store-form #getCurrentLocation.im-store-form__loc {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #eef4ff !important;
    color: var(--sf-primary) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}

body.imarked-v1 .im-store-form__private {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    padding: 10px 12px;
    border: 1px solid var(--sf-line);
    border-radius: 10px;
    background: #f8fafc;
}

body.imarked-v1 .im-store-form__private label {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--sf-ink);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

body.imarked-v1 .im-store-form__info {
    color: var(--sf-primary);
    font-size: 15px;
    text-decoration: none !important;
}

body.imarked-v1 .im-store-form__logo-btn a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 14px;
    border: 1px dashed #c9d3df;
    border-radius: 10px;
    background: #f8fafc;
    color: var(--sf-ink) !important;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none !important;
}

body.imarked-v1 .im-store-form__logo-btn a:hover {
    border-color: #93c5fd;
    background: #eef4ff;
    color: var(--sf-primary) !important;
}

body.imarked-v1 .im-store-form__logo-btn img { display: none; }

body.imarked-v1 .im-store-form .photo-load img {
    max-width: 120px;
    max-height: 90px;
    border-radius: 10px;
    margin-bottom: 8px;
}

body.imarked-v1 .im-store-form__file {
    display: block;
    margin: 0;
    cursor: pointer;
}

body.imarked-v1 .im-store-form__file input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
}

body.imarked-v1 .im-store-form__file-ui {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 14px;
    border: 1px dashed #c9d3df;
    border-radius: 10px;
    background: #f8fafc;
    color: var(--sf-muted);
    font-size: 13px;
    font-weight: 600;
}

body.imarked-v1 .im-store-form__file-ui i { color: var(--sf-primary); }
body.imarked-v1 .im-store-form__file-ui em { font-style: normal; }

body.imarked-v1 .im-store-form__file:hover .im-store-form__file-ui {
    border-color: #93c5fd;
    background: #eef4ff;
}

body.imarked-v1 .im-store-form__terms { margin-top: 4px !important; }

body.imarked-v1 .im-store-form__terms-label {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid var(--sf-line);
    border-radius: 10px;
    background: #f8fafc;
    font-size: 13px;
    font-weight: 500;
    color: var(--sf-ink);
    line-height: 1.4;
}

body.imarked-v1 .im-store-form__terms-label input { margin-top: 2px; }
body.imarked-v1 .im-store-form__terms-label a { color: var(--sf-primary); font-weight: 650; }

body.imarked-v1 .im-store-form__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 12px;
    padding: 14px 16px;
    border: 1px solid var(--sf-line);
    border-radius: 16px;
    background: #fff;
}

body.imarked-v1 .im-store-form__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 10px !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    border: 1px solid transparent;
}

body.imarked-v1 .im-store-form__btn--ghost {
    background: #fff;
    border-color: var(--sf-line);
    color: var(--sf-ink) !important;
}

body.imarked-v1 .im-store-form__btn--primary,
body.imarked-v1 .im-store-form input.im-store-form__btn--primary {
    background: var(--sf-primary) !important;
    border-color: var(--sf-primary) !important;
    color: #fff !important;
}

body.imarked-v1 .im-store-form__btn--primary:hover,
body.imarked-v1 .im-store-form input.im-store-form__btn--primary:hover {
    background: #0052cc !important;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-store-form {
        /* Clear fixed bottom nav + floating + button */
        --sf-nav-clear: calc(96px + env(safe-area-inset-bottom, 0px));
        max-width: none;
        margin: 0 0 8px;
        padding: 0 0 12px;
    }

    body.imarked-v1 .im-store-form__head {
        flex-direction: column;
        gap: 10px;
        margin: 0 12px 12px;
        padding: 14px;
        border-radius: 14px;
    }

    body.imarked-v1 .im-store-form__back {
        order: -1;
        align-self: flex-start;
        min-height: 32px;
        padding: 0 10px;
        font-size: 12px;
    }

    body.imarked-v1 .im-store-form__eyebrow {
        margin-bottom: 6px;
        font-size: 10px;
    }

    body.imarked-v1 .im-store-form__title-row {
        gap: 10px;
        margin-bottom: 6px;
    }

    body.imarked-v1 .im-store-form__title-icon {
        width: 38px;
        height: 38px;
        border-radius: 10px;
        font-size: 17px;
    }

    body.imarked-v1 .im-store-form__title {
        font-size: 20px;
        letter-spacing: -0.025em;
    }

    body.imarked-v1 .im-store-form__meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    body.imarked-v1 .im-store-form__sub {
        font-size: 12px;
        line-height: 1.35;
    }

    body.imarked-v1 .im-store-form__badge {
        padding: 5px 12px;
        font-size: 12px;
    }

    body.imarked-v1 .im-store-form__grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    body.imarked-v1 .im-store-form .form-group {
        margin-bottom: 18px !important;
    }

    body.imarked-v1 .im-store-form .control-label {
        margin-bottom: 8px !important;
    }

    body.imarked-v1 .im-store-form .form-control {
        height: 48px !important;
        font-size: 16px !important; /* avoid iOS zoom */
        border-radius: 12px !important;
        line-height: 1.25 !important;
    }

    body.imarked-v1 .im-store-form textarea.form-control {
        min-height: 110px !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    /* Public toggle: same row + same height as text box */
    body.imarked-v1 .im-store-form__control--public {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 10px;
    }

    body.imarked-v1 .im-store-form__control--public > .form-control,
    body.imarked-v1 .im-store-form__control--public > .im-store-form__address {
        flex: 1 1 0;
        min-width: 0;
        width: auto;
        margin: 0 !important;
    }

    body.imarked-v1 .im-store-form__control--public > .im-store-form__public {
        flex: 0 0 auto;
        align-self: stretch;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 7px;
        width: auto;
        min-width: 92px;
        height: auto !important;
        min-height: 48px;
        margin: 0 !important;
        padding: 0 12px !important;
        border-radius: 12px;
        box-sizing: border-box;
        line-height: 1;
    }

    body.imarked-v1 .im-store-form__control--public > .im-store-form__public input {
        width: 16px !important;
        height: 16px !important;
        flex: 0 0 auto;
    }

    body.imarked-v1 .im-store-form__control--public > .field-validation-error {
        flex: 1 1 100%;
        margin-top: 2px;
    }

    body.imarked-v1 .im-store-form__address {
        min-height: 48px;
    }

    body.imarked-v1 .im-store-form__address .form-control {
        height: 48px !important;
    }

    body.imarked-v1 .im-store-form__private {
        min-height: 48px;
        margin: 4px 0 18px;
        padding: 12px 14px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-store-form__section {
        font-size: 14px;
        margin-bottom: 6px;
    }

    body.imarked-v1 .im-store-form__section--spaced {
        margin-top: 22px;
        padding-top: 18px;
    }

    body.imarked-v1 .im-store-form__hint {
        margin-bottom: 16px;
        font-size: 11px;
        line-height: 1.4;
    }

    body.imarked-v1 .im-store-form__card {
        border-radius: 14px;
        border: 1px solid var(--sf-line);
        margin: 0 12px;
        padding: 16px 14px 12px;
    }

    body.imarked-v1 .im-store-form__terms {
        margin-top: 8px !important;
        margin-bottom: 4px !important;
    }

    body.imarked-v1 .im-store-form__actions {
        position: sticky;
        bottom: var(--sf-nav-clear);
        z-index: 40;
        display: flex;
        flex-direction: column-reverse;
        gap: 8px;
        margin: 12px 12px 0;
        padding: 12px;
        border: 1px solid var(--sf-line);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.97);
        box-shadow: 0 -8px 24px rgba(24, 28, 35, 0.1);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
    }

    body.imarked-v1 .im-store-form__actions .im-store-form__btn {
        flex: 1 1 auto;
        width: 100%;
        min-height: 48px;
        border-radius: 12px !important;
        font-size: 15px;
    }

    body.imarked-v1 .im-store-form__btn--ghost {
        min-height: 42px;
        font-weight: 650;
    }

    body.imarked-v1 .im-store-form__logo-btn a,
    body.imarked-v1 .im-store-form__file-ui {
        min-height: 48px;
        width: 100%;
        justify-content: center;
        border-radius: 12px;
    }

    body.imarked-v1 .im-store-form__terms-label {
        padding: 14px;
        border-radius: 12px;
        font-size: 13px;
    }

    body.imarked-v1 .im-store-form__loc,
    body.imarked-v1 .im-store-form #getCurrentLocation.im-store-form__loc {
        width: 38px;
        height: 38px;
    }
}

/* ============================================================
   Product Wizard — SelectStoreType (.pk-root)
   ============================================================ */
body.imarked-v1 .c-hide {
    display: none !important;
}

@keyframes pkPanelIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

body.imarked-v1 .pk-root {
    --pk-ink: #181c23;
    --pk-muted: #6e7a8a;
    --pk-line: #e7ebf0;
    --pk-soft: #f4f7fb;
    --pk-primary: var(--im-primary, #0066ff);
    --pk-primary-soft: rgba(0, 102, 255, 0.08);
    --pk-primary-mid: rgba(0, 102, 255, 0.16);
    --pk-radius: 16px;
    --pk-shadow: 0 1px 3px rgba(24, 28, 35, 0.06), 0 4px 14px rgba(24, 28, 35, 0.04);
    --pk-shadow-hover: 0 8px 24px rgba(0, 102, 255, 0.1);
    max-width: 780px;
    margin: 0 auto 32px;
    padding: 0 4px calc(24px + env(safe-area-inset-bottom, 0px));
    color: var(--pk-ink);
}

body.imarked-v1 .pk-root *,
body.imarked-v1 .pk-root *::before,
body.imarked-v1 .pk-root *::after {
    box-sizing: border-box;
}

/* ── Step indicator ── */
body.imarked-v1 .pk-root .pk-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0 0 18px;
    flex-wrap: wrap;
}

body.imarked-v1 .pk-root .pk-step {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 650;
    color: var(--pk-muted);
}

body.imarked-v1 .pk-root .pk-step.is-current {
    color: var(--pk-ink);
}

body.imarked-v1 .pk-root .pk-step-num {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    background: var(--pk-soft);
    color: var(--pk-muted);
    border: 1px solid var(--pk-line);
}

body.imarked-v1 .pk-root .pk-step.is-done .pk-step-num {
    background: var(--pk-primary);
    border-color: var(--pk-primary);
    color: #fff;
}

body.imarked-v1 .pk-root .pk-step.is-current .pk-step-num {
    background: var(--pk-primary);
    border-color: var(--pk-primary);
    color: #fff;
    box-shadow: 0 0 0 3px var(--pk-primary-soft);
}

body.imarked-v1 .pk-root .pk-step-sep {
    width: 24px;
    height: 2px;
    background: var(--pk-line);
    border-radius: 2px;
}

/* ── Intro header ── */
body.imarked-v1 .pk-root .pk-intro {
    text-align: left;
    margin-bottom: 22px;
    padding: 22px 20px 20px;
    border: 1px solid var(--pk-line);
    border-radius: 18px;
    background: #fff;
}

body.imarked-v1 .pk-root .pk-intro-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

body.imarked-v1 .pk-root .pk-view-all--intro {
    display: none;
}

body.imarked-v1 .pk-root .pk-intro-eyebrow {
    margin: 0 0 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--pk-primary);
}

body.imarked-v1 .pk-root .pk-intro-title {
    margin: 0 0 8px;
    font-size: 28px;
    font-weight: 750;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: var(--pk-ink);
}

body.imarked-v1 .pk-root .pk-intro-sub {
    margin: 0 auto;
    max-width: 42ch;
    font-size: 15px;
    line-height: 1.55;
    color: var(--pk-muted);
}

/* ── Mode switcher ── */
body.imarked-v1 .pk-root .pk-mode-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--pk-muted);
    margin: 0 0 10px 2px;
}

body.imarked-v1 .pk-root .pk-switcher {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 24px;
}

body.imarked-v1 .pk-root .pk-switch-btn {
    cursor: pointer;
    border-radius: var(--pk-radius);
    background: #fff;
    border: 1px solid var(--pk-line);
    box-shadow: var(--pk-shadow);
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease, background 140ms ease;
    position: relative;
    overflow: hidden;
}

body.imarked-v1 .pk-root .pk-switch-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(0, 102, 255, 0.28);
    box-shadow: var(--pk-shadow-hover);
}

body.imarked-v1 .pk-root .pk-switch-btn a {
    display: block;
    text-decoration: none;
    color: inherit;
}

body.imarked-v1 .pk-root .pk-switch-inner {
    padding: 16px 14px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto;
    column-gap: 12px;
    row-gap: 3px;
    align-items: center;
    min-height: 88px;
}

body.imarked-v1 .pk-root .pk-sw-icon {
    grid-row: 1 / span 2;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--pk-primary-soft);
}

body.imarked-v1 .pk-root .pk-sw-icon svg {
    width: 24px;
    height: 24px;
    fill: var(--pk-primary);
}

body.imarked-v1 .pk-root .pk-sw-title {
    grid-column: 2;
    font-size: 16px;
    font-weight: 700;
    color: var(--pk-ink);
    letter-spacing: -0.01em;
}

body.imarked-v1 .pk-root .pk-sw-sub {
    grid-column: 2;
    font-size: 13px;
    color: var(--pk-muted);
    line-height: 1.4;
}

body.imarked-v1 .pk-root .pk-sw-check {
    grid-column: 3;
    grid-row: 1 / span 2;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid var(--pk-line);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 140ms ease, border-color 140ms ease;
}

body.imarked-v1 .pk-root .pk-sw-check svg {
    width: 14px;
    height: 14px;
    fill: #fff;
    opacity: 0;
    transition: opacity 140ms ease;
}

body.imarked-v1 .pk-root .pk-switch-btn.is-active {
    border-color: var(--pk-primary);
    background: #fff;
    box-shadow: 0 0 0 3px var(--pk-primary-soft), var(--pk-shadow);
}

body.imarked-v1 .pk-root .pk-switch-btn.is-active .pk-sw-check {
    background: var(--pk-primary);
    border-color: var(--pk-primary);
}

body.imarked-v1 .pk-root .pk-switch-btn.is-active .pk-sw-check svg {
    opacity: 1;
}

body.imarked-v1 .pk-root .pk-sw-chips {
    display: none !important;
}

/* ── Content panel ── */
body.imarked-v1 .pk-root .pk-panel {
    background: #fff;
    border-radius: var(--pk-radius);
    border: 1px solid var(--pk-line);
    overflow: hidden;
    box-shadow: var(--pk-shadow);
    animation: pkPanelIn 0.34s cubic-bezier(0.2, 0.8, 0.2, 1);
}

body.imarked-v1 .pk-root .pk-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
    padding: 18px 20px 16px;
    border-bottom: 1px solid var(--pk-line);
    background: linear-gradient(180deg, #fbfcfe 0%, #f6f8fb 100%);
}

body.imarked-v1 .pk-root .pk-panel-header h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--pk-ink);
    letter-spacing: -0.01em;
    display: flex;
    align-items: center;
    gap: 8px;
}

body.imarked-v1 .pk-root .pk-panel-header h2 svg {
    width: 22px;
    height: 22px;
    fill: var(--pk-primary);
}

body.imarked-v1 .pk-root .pk-panel-hint {
    margin: 4px 0 0;
    font-size: 14px;
    color: var(--pk-muted);
    font-weight: 400;
}

body.imarked-v1 .pk-root .pk-view-all {
    font-size: 13px;
    font-weight: 650;
    color: var(--pk-primary) !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--pk-line);
    transition: border-color 140ms ease, background 140ms ease;
    margin-top: 2px;
}

body.imarked-v1 .pk-root .pk-view-all:hover {
    border-color: rgba(0, 102, 255, 0.35);
    background: var(--pk-primary-soft);
}

body.imarked-v1 .pk-root .pk-view-all svg {
    width: 12px;
    height: 12px;
    fill: currentColor;
}

body.imarked-v1 .pk-root .pk-panel-body {
    padding: 0;
}

body.imarked-v1 .pk-root .pk-cat-block {
    margin-top: 12px;
}

body.imarked-v1 .pk-root .pk-section-label {
    font-size: 11px;
    font-weight: 700;
    color: var(--pk-muted);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin: 0 0 10px 2px;
    display: flex;
    align-items: center;
    gap: 10px;
}

body.imarked-v1 .pk-root .pk-section-label::after {
    content: '';
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, var(--pk-line), transparent);
}

/* ── Private category tiles (competitor-style) ── */
body.imarked-v1 .pk-root .pk-panel--private {
    border: 0;
    box-shadow: none;
    background: transparent;
}

body.imarked-v1 .pk-root .pk-panel-header--private {
    padding: 4px 2px 16px;
    border-bottom: 0;
    background: transparent;
    align-items: flex-end;
}

body.imarked-v1 .pk-root .pk-panel-header--private h2 {
    font-size: 22px;
    font-weight: 750;
    letter-spacing: -0.03em;
    color: var(--pk-ink);
}

body.imarked-v1 .pk-root .pk-panel-header--private .pk-panel-hint {
    margin-top: 4px;
    font-size: 14px;
}

body.imarked-v1 .pk-root .pk-panel-header--private .pk-view-all {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
    color: var(--pk-primary) !important;
    font-weight: 700;
}

body.imarked-v1 .pk-root .pk-panel-header--private .pk-view-all:hover {
    background: transparent;
    color: #0052cc !important;
}

body.imarked-v1 .pk-root .pk-cat-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.imarked-v1 .pk-root .pk-cat-grid--private {
    gap: 14px;
}

body.imarked-v1 .pk-root .pk-item-row,
body.imarked-v1 .pk-root .pk-item-row--cat {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 18px 18px 16px;
    border-radius: 12px;
    border: 1px solid #e5eaf0;
    background: #fff;
    text-decoration: none !important;
    color: inherit;
    min-height: 140px;
    transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
    cursor: pointer;
    position: relative;
    box-shadow: none;
    overflow: hidden;
}

body.imarked-v1 .pk-root .pk-item-row::after {
    display: none;
}

body.imarked-v1 .pk-root .pk-item-row:hover,
body.imarked-v1 .pk-root .pk-item-row--cat:hover {
    border-color: #c9d8f0;
    background: #fafcff;
    box-shadow: 0 4px 14px rgba(24, 28, 35, 0.06);
    color: inherit;
    transform: none;
}

body.imarked-v1 .pk-root .pk-row-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

body.imarked-v1 .pk-root .pk-row-icon {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    box-shadow: none !important;
}

body.imarked-v1 .pk-root .pk-row-icon svg {
    width: 44px;
    height: 44px;
    fill: var(--pk-primary) !important;
}

body.imarked-v1 .pk-root .pk-row-text {
    flex: 1;
    width: 100%;
    min-width: 0;
}

body.imarked-v1 .pk-root .pk-row-name {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 20px;
    font-weight: 500;
    color: var(--pk-primary);
    letter-spacing: -0.02em;
    line-height: 1.2;
}

body.imarked-v1 .pk-root .pk-row-desc {
    margin: 0;
    font-size: 13px;
    color: #5b6575;
    line-height: 1.45;
    max-width: 28ch;
}

body.imarked-v1 .pk-root .pk-row-badge {
    align-self: flex-start;
    margin-top: auto;
    font-size: 11px;
    font-weight: 650;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    background: #f1f4f8 !important;
    color: #5b6575 !important;
}

body.imarked-v1 .pk-root .pk-item-row.is-free .pk-row-badge {
    background: rgba(0, 102, 255, 0.1) !important;
    color: var(--pk-primary) !important;
    font-weight: 700;
}

body.imarked-v1 .pk-root .pk-row-arrow {
    display: none;
}

body.imarked-v1 .pk-root .pk-row-arrow--static {
    display: flex;
    position: static;
    opacity: 1;
    margin-left: auto;
    flex-shrink: 0;
    transform: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: var(--pk-primary-soft);
}

body.imarked-v1 .pk-root .pk-row-arrow--static svg {
    width: 14px;
    height: 14px;
    fill: var(--pk-primary);
}

/* Override rainbow theme classes → unified blue icons */
body.imarked-v1 .pk-root .t-orange .pk-row-icon,
body.imarked-v1 .pk-root .t-green .pk-row-icon,
body.imarked-v1 .pk-root .t-blue .pk-row-icon,
body.imarked-v1 .pk-root .t-pink .pk-row-icon,
body.imarked-v1 .pk-root .t-purple .pk-row-icon,
body.imarked-v1 .pk-root .t-teal .pk-row-icon,
body.imarked-v1 .pk-root .t-indigo .pk-row-icon,
body.imarked-v1 .pk-root .t-cyan .pk-row-icon,
body.imarked-v1 .pk-root .t-amber .pk-row-icon,
body.imarked-v1 .pk-root .t-brown .pk-row-icon {
    background: transparent !important;
}

body.imarked-v1 .pk-root .t-orange .pk-row-icon svg,
body.imarked-v1 .pk-root .t-green .pk-row-icon svg,
body.imarked-v1 .pk-root .t-blue .pk-row-icon svg,
body.imarked-v1 .pk-root .t-pink .pk-row-icon svg,
body.imarked-v1 .pk-root .t-purple .pk-row-icon svg,
body.imarked-v1 .pk-root .t-teal .pk-row-icon svg,
body.imarked-v1 .pk-root .t-indigo .pk-row-icon svg,
body.imarked-v1 .pk-root .t-cyan .pk-row-icon svg,
body.imarked-v1 .pk-root .t-amber .pk-row-icon svg,
body.imarked-v1 .pk-root .t-brown .pk-row-icon svg {
    fill: var(--pk-primary) !important;
}

body.imarked-v1 .pk-root .t-orange .pk-row-badge,
body.imarked-v1 .pk-root .t-green .pk-row-badge,
body.imarked-v1 .pk-root .t-blue .pk-row-badge,
body.imarked-v1 .pk-root .t-pink .pk-row-badge,
body.imarked-v1 .pk-root .t-purple .pk-row-badge,
body.imarked-v1 .pk-root .t-teal .pk-row-badge,
body.imarked-v1 .pk-root .t-indigo .pk-row-badge,
body.imarked-v1 .pk-root .t-cyan .pk-row-badge,
body.imarked-v1 .pk-root .t-amber .pk-row-badge,
body.imarked-v1 .pk-root .t-brown .pk-row-badge {
    background: #f1f4f8 !important;
    color: #5b6575 !important;
}

/* ── Store cards (horizontal, 2-col) ── */
body.imarked-v1 .pk-root .pk-store-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 8px;
}

body.imarked-v1 .pk-root .pk-store-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    min-height: 72px;
    padding: 10px 12px;
    border: 1px solid var(--pk-line);
    border-radius: 14px;
    text-decoration: none !important;
    color: inherit;
    background: #fff;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04);
    transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

body.imarked-v1 .pk-root .pk-store-card:hover {
    border-color: rgba(0, 102, 255, 0.35);
    background: #f8fbff;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0, 102, 255, 0.08);
    color: inherit;
}

body.imarked-v1 .pk-root .pk-store-media {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: transparent;
    border: 0;
}

body.imarked-v1 .pk-root .pk-store-logo {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    object-fit: cover;
    background: #fff;
    border: 1px solid var(--pk-line);
    box-shadow: none;
}

body.imarked-v1 .pk-root .pk-store-placeholder {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #4d8dff 0%, var(--pk-primary) 100%);
    border: 0;
    box-shadow: 0 3px 10px rgba(0, 102, 255, 0.22);
}

body.imarked-v1 .pk-root .pk-store-initials {
    font-size: 15px;
    font-weight: 750;
    letter-spacing: 0.02em;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    user-select: none;
}

body.imarked-v1 .pk-root .pk-store-body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    padding: 0;
    text-align: left;
    min-height: 0;
}

body.imarked-v1 .pk-root .pk-store-name {
    width: 100%;
    margin: 0;
    font-size: 14px;
    font-weight: 750;
    letter-spacing: -0.015em;
    color: var(--pk-ink);
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .pk-root .pk-store-action {
    display: block;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: var(--pk-muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
}

body.imarked-v1 .pk-root .pk-store-card:hover .pk-store-action {
    background: transparent;
    color: var(--pk-primary);
}

body.imarked-v1 .pk-root .pk-store-arrow {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--pk-soft);
    color: var(--pk-muted);
    font-size: 12px;
    transition: background 140ms ease, color 140ms ease;
}

body.imarked-v1 .pk-root .pk-store-card:hover .pk-store-arrow {
    background: var(--pk-primary-soft);
    color: var(--pk-primary);
}

/* legacy avatar hooks (unused but safe) */
body.imarked-v1 .pk-root .pk-store-avatar {
    display: none;
}

body.imarked-v1 .pk-root .pk-store-sub {
    display: none;
}

/* ── Jobs row ── */
body.imarked-v1 .pk-root .pk-jobs-row {
    margin: 0 0 14px;
    border-radius: 14px;
    border: 1px solid var(--pk-line);
    background: var(--pk-soft);
    overflow: hidden;
}

body.imarked-v1 .pk-root .pk-jobs-row a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 14px;
    text-decoration: none !important;
    color: inherit;
    transition: background 140ms ease;
}

body.imarked-v1 .pk-root .pk-jobs-row a:hover {
    background: #fff;
    color: inherit;
}

body.imarked-v1 .pk-root .pk-jobs-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 12px;
    background: linear-gradient(145deg, #2b7cff 0%, var(--pk-primary) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

body.imarked-v1 .pk-root .pk-jobs-icon svg {
    width: 22px;
    height: 22px;
    fill: #fff;
}

body.imarked-v1 .pk-root .pk-jobs-text {
    flex: 1;
    min-width: 0;
}

body.imarked-v1 .pk-root .pk-jobs-text strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: var(--pk-ink);
}

body.imarked-v1 .pk-root .pk-jobs-text span {
    font-size: 13px;
    color: var(--pk-muted);
    line-height: 1.4;
}

/* ── CTA ── */
body.imarked-v1 .pk-root .pk-cta {
    margin: 6px 0 4px;
    border-radius: 16px;
    background:
        radial-gradient(ellipse at top right, rgba(255, 255, 255, 0.12), transparent 55%),
        linear-gradient(145deg, #0052cc 0%, var(--pk-primary) 100%);
    padding: 26px 20px;
    text-align: center;
    transition: transform 140ms ease, box-shadow 140ms ease;
    box-shadow: 0 8px 24px rgba(0, 102, 255, 0.22);
}

body.imarked-v1 .pk-root .pk-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(0, 102, 255, 0.28);
}

body.imarked-v1 .pk-root .pk-cta-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.16);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
}

body.imarked-v1 .pk-root .pk-cta-icon svg {
    width: 24px;
    height: 24px;
    fill: #fff;
}

body.imarked-v1 .pk-root .pk-cta h3 {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

body.imarked-v1 .pk-root .pk-cta p {
    margin: 0 0 14px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.5;
}

body.imarked-v1 .pk-root .pk-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    color: var(--pk-primary);
    font-size: 14px;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 999px;
    text-decoration: none !important;
    transition: transform 140ms ease, box-shadow 140ms ease;
}

body.imarked-v1 .pk-root .pk-cta-btn:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    color: var(--pk-primary);
}

body.imarked-v1 .pk-root .pk-cta-btn svg {
    width: 16px;
    height: 16px;
    fill: var(--pk-primary);
}

body.imarked-v1 .pk-root .pk-divider {
    height: 1px;
    background: var(--pk-line);
    margin: 14px 0;
}

/* ── Mobile ── */
@media (max-width: 767px) {
    body.imarked-v1 .pk-root {
        padding: 0 12px calc(20px + env(safe-area-inset-bottom, 0px));
    }

    body.imarked-v1 .pk-root .pk-intro {
        padding: 18px 16px;
        border-radius: 16px;
    }

    body.imarked-v1 .pk-root .pk-intro-title {
        font-size: 24px;
    }

    body.imarked-v1 .pk-root .pk-intro-sub {
        font-size: 14px;
    }

    body.imarked-v1 .pk-root .pk-switcher {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    body.imarked-v1 .pk-root .pk-switch-inner {
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto auto;
        column-gap: 8px;
        row-gap: 2px;
        min-height: 0;
        padding: 12px 10px;
        align-items: start;
    }

    body.imarked-v1 .pk-root .pk-sw-icon {
        grid-column: 1;
        grid-row: 1;
        width: 36px;
        height: 36px;
        border-radius: 10px;
        margin-bottom: 2px;
    }

    body.imarked-v1 .pk-root .pk-sw-icon svg {
        width: 18px;
        height: 18px;
    }

    body.imarked-v1 .pk-root .pk-sw-check {
        grid-column: 2;
        grid-row: 1;
        width: 22px;
        height: 22px;
        align-self: start;
    }

    body.imarked-v1 .pk-root .pk-sw-title {
        grid-column: 1 / -1;
        grid-row: 2;
        font-size: 14px;
    }

    body.imarked-v1 .pk-root .pk-sw-sub {
        grid-column: 1 / -1;
        grid-row: 3;
        font-size: 11px;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Avoid duplicate "Ny annonse" under the mode switcher */
    body.imarked-v1 .pk-root .pk-panel-header--private {
        display: none;
    }

    body.imarked-v1 .pk-root .pk-view-all--intro {
        display: inline-flex;
        margin-top: 18px;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        color: var(--pk-primary) !important;
        font-size: 13px;
        font-weight: 700;
    }

    body.imarked-v1 .pk-root .pk-panel-header {
        flex-direction: column;
        padding: 16px;
    }

    body.imarked-v1 .pk-root .pk-view-all {
        width: auto;
        justify-content: flex-start;
    }

    body.imarked-v1 .pk-root .pk-panel-body {
        padding: 0;
    }

    body.imarked-v1 .pk-root .pk-store-grid {
        grid-template-columns: 1fr !important;
        gap: 8px;
        width: 100%;
        max-width: 100%;
    }

    body.imarked-v1 .pk-root .pk-store-card {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 64px;
        padding: 10px 10px;
        gap: 10px;
        box-sizing: border-box;
    }

    body.imarked-v1 .pk-root .pk-store-media,
    body.imarked-v1 .pk-root .pk-store-logo,
    body.imarked-v1 .pk-root .pk-store-placeholder {
        width: 44px;
        height: 44px;
        border-radius: 11px;
        flex-shrink: 0;
    }

    body.imarked-v1 .pk-root .pk-store-initials {
        font-size: 14px;
    }

    body.imarked-v1 .pk-root .pk-store-body {
        min-width: 0;
        min-height: 0;
        padding: 0;
        overflow: hidden;
    }

    body.imarked-v1 .pk-root .pk-store-arrow {
        flex-shrink: 0;
    }

    body.imarked-v1 .pk-root .pk-cat-grid,
    body.imarked-v1 .pk-root .pk-cat-grid--private {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px;
    }

    body.imarked-v1 .pk-root .pk-item-row,
    body.imarked-v1 .pk-root .pk-item-row--cat {
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
        min-height: 124px;
        padding: 14px 12px 12px;
        border-radius: 12px;
    }

    body.imarked-v1 .pk-root .pk-row-name {
        font-size: 17px;
        font-weight: 500;
    }

    body.imarked-v1 .pk-root .pk-row-desc {
        font-size: 12px;
        max-width: none;
        line-height: 1.4;
    }

    body.imarked-v1 .pk-root .pk-row-icon {
        width: 40px;
        height: 40px;
    }

    body.imarked-v1 .pk-root .pk-row-icon svg {
        width: 36px;
        height: 36px;
    }

    body.imarked-v1 .pk-root .pk-row-badge {
        font-size: 10px;
        padding: 2px 7px !important;
    }

    body.imarked-v1 .pk-root .pk-jobs-row a {
        padding: 12px;
    }

    body.imarked-v1 .pk-root .pk-cta {
        padding: 22px 16px;
    }

    body.imarked-v1 .pk-root .pk-cta-btn {
        width: 100%;
        justify-content: center;
    }
}

/* ============================================================
   Product Wizard form chrome (.im-wizard-shell / .im-wizard)
   Visual only. Layout via HidePortalNav — never touch ViewBag.Layout.
   ============================================================ */
body.imarked-v1 .im-wizard-shell .col-left {
    display: none !important;
}

body.imarked-v1 .im-wizard-shell .col-right {
    width: 100% !important;
    float: none !important;
    max-width: 100%;
}

body.imarked-v1 .im-wizard-shell .im-portal-main,
body.imarked-v1 .im-wizard-shell .im-portal-main.customPM {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 4px 28px;
}

body.imarked-v1 .im-wizard-shell .im-wizard-msg {
    margin-bottom: 12px;
}

body.imarked-v1 .im-wizard-shell .im-wizard-steps-wrap {
    margin: 0 0 20px !important;
    display: flex;
    justify-content: center;
    width: 100%;
}

body.imarked-v1 .im-wizard-shell .wizard-steps.im-wizard-steps,
body.imarked-v1 .im-wizard-shell .panel.wizard-steps {
    position: relative;
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
    width: 100%;
    max-width: 100%;
    margin: 0 auto !important;
    padding: 22px 20px 18px !important;
    border: 1px solid #e7ebf0 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(24, 28, 35, 0.05) !important;
}

/* Connector line behind steps */
body.imarked-v1 .im-wizard-shell .wizard-steps.im-wizard-steps::before,
body.imarked-v1 .im-wizard-shell .panel.wizard-steps::before {
    content: "";
    position: absolute;
    top: 36px;
    left: 14%;
    right: 14%;
    height: 2px;
    background: #e8edf3;
    border-radius: 2px;
    z-index: 0;
    pointer-events: none;
}

body.imarked-v1 .im-wizard-shell .wizard-steps > .btnHome,
body.imarked-v1 .im-wizard-shell .wizard-steps > .c-stats-box {
    float: none !important;
    position: relative;
    z-index: 1;
    width: auto !important;
    flex: 1 1 0;
    min-width: 0;
    max-width: 150px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

body.imarked-v1 .im-wizard-shell .wizard-steps > .c-stats-box.hidden,
body.imarked-v1 .im-wizard-shell .wizard-steps > .btnHome.hidden {
    display: none !important;
}

body.imarked-v1 .im-wizard-shell .wizard-steps .btnHome a,
body.imarked-v1 .im-wizard-shell .wizard-steps .c-stats-box a {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0;
    margin: 0 !important;
    padding: 0 6px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #6e7a8a !important;
    text-decoration: none !important;
    line-height: 1.25 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    background-image: none !important;
}

body.imarked-v1 .im-wizard-shell .wizard-steps .btnHome a:hover,
body.imarked-v1 .im-wizard-shell .wizard-steps .c-stats-box a:hover {
    border: 0 !important;
    background: transparent !important;
    color: #0066ff !important;
    transform: none !important;
}

body.imarked-v1 .im-wizard-shell .wizard-steps .btnHome a:hover .wizardBtn,
body.imarked-v1 .im-wizard-shell .wizard-steps .c-stats-box a:hover .wizardBtn {
    background: #0066ff !important;
    color: #fff !important;
    box-shadow: 0 0 0 4px rgba(0, 102, 255, 0.12);
}

body.imarked-v1 .im-wizard-shell .wizard-steps .wizardBtn {
    margin: 0 !important;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #6e7a8a !important;
    border: 2px solid #d7e2ee;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-sizing: border-box;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

body.imarked-v1 .im-wizard-shell .wizard-steps h2 {
    margin: 0 !important;
    max-width: 100%;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em;
    color: inherit !important;
    text-align: center;
    white-space: normal;
    line-height: 1.3 !important;
}

body.imarked-v1 .im-wizard-shell .wizard-steps .activeProduct a,
body.imarked-v1 .im-wizard-shell .wizard-steps .c-stats-box.activeProduct a {
    border: 0 !important;
    background: transparent !important;
    color: #0066ff !important;
    background-image: none !important;
}

body.imarked-v1 .im-wizard-shell .wizard-steps .activeProduct .wizardBtn,
body.imarked-v1 .im-wizard-shell .wizard-steps .c-stats-box.activeProduct .wizardBtn {
    background: #0066ff !important;
    border-color: #0066ff !important;
    color: #fff !important;
    box-shadow: 0 0 0 4px rgba(0, 102, 255, 0.14);
}

body.imarked-v1 .im-wizard-shell .wizard-steps .activeProduct h2,
body.imarked-v1 .im-wizard-shell .wizard-steps .c-stats-box.activeProduct h2 {
    font-weight: 700 !important;
    color: #0066ff !important;
}

body.imarked-v1 .im-wizard-shell .im-wizard-panel,
body.imarked-v1 .im-wizard-shell .im-portal-main > .panel.panel-default,
body.imarked-v1 .im-wizard-shell .im-portal-main .module > .panel.panel-default {
    border: 1px solid #e7ebf0 !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 3px rgba(24, 28, 35, 0.05) !important;
    overflow: hidden;
    margin-bottom: 16px !important;
    margin-left: 0 !important;
}

body.imarked-v1 .im-wizard-shell .im-wizard-panel > .panel-heading,
body.imarked-v1 .im-wizard-shell .im-portal-main > .panel > .panel-heading,
body.imarked-v1 .im-wizard-shell .im-portal-main .module > .panel > .panel-heading {
    padding: 14px 18px !important;
    border-bottom: 1px solid #e7ebf0 !important;
    background: #fff !important;
}

body.imarked-v1 .im-wizard-shell .panel-heading .panel-title,
body.imarked-v1 .im-wizard-shell .panel-heading h3,
body.imarked-v1 .im-wizard-shell .panel-heading h4 {
    margin: 10px 0 !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    letter-spacing: -0.02em;
    color: #181c23 !important;
}

body.imarked-v1 .im-wizard-shell .im-wizard-panel-body,
body.imarked-v1 .im-wizard-shell .im-portal-main .panel-body {
    padding: 16px 18px !important;
    margin-top: 0 !important;
}

body.imarked-v1 .im-wizard-shell .form-control {
    height: 42px !important;
    border: 1px solid #d7e2ee !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    background: #fff !important;
}

body.imarked-v1 .im-wizard-shell textarea.form-control {
    height: auto !important;
    min-height: 96px !important;
    padding: 10px 12px !important;
}

body.imarked-v1 .im-wizard-shell .form-control:focus {
    border-color: #93c5fd !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12) !important;
}

body.imarked-v1 .im-wizard-shell .control-label,
body.imarked-v1 .im-wizard-shell label.control-label {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #181c23 !important;
}

body.imarked-v1 .im-wizard-shell .btn-primary,
body.imarked-v1 .im-wizard-shell input.btn-primary,
body.imarked-v1 .im-wizard-shell button.btn-primary {
    background: #0066ff !important;
    border-color: #0066ff !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    min-height: 42px;
    box-shadow: none !important;
}

body.imarked-v1 .im-wizard-shell .btn-primary:hover,
body.imarked-v1 .im-wizard-shell .btn-primary:focus {
    background: #0052cc !important;
    border-color: #0052cc !important;
}

body.imarked-v1 .im-wizard-shell .btn-default,
body.imarked-v1 .im-wizard-shell .btn-warning {
    border-radius: 10px !important;
    min-height: 42px;
    font-weight: 650 !important;
}

body.imarked-v1 .im-wizard-shell #lstAreaBlock,
body.imarked-v1 .im-wizard-shell #lstCatBlock,
body.imarked-v1 .im-wizard-shell #lstSubCatBlock {
    border: 1px solid #e7ebf0 !important;
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow: none !important;
}

body.imarked-v1 .im-wizard-shell #lstArea > li > a,
body.imarked-v1 .im-wizard-shell #lstCat > li > a,
body.imarked-v1 .im-wizard-shell #lstSubCat > li > a {
    border-radius: 8px !important;
    margin: 2px 0;
    color: #334155 !important;
    font-weight: 550;
    transition: color 120ms ease, background-color 120ms ease;
}

body.imarked-v1 .im-wizard-shell #lstArea > li > a strong,
body.imarked-v1 .im-wizard-shell #lstCat > li > a strong,
body.imarked-v1 .im-wizard-shell #lstSubCat > li > a strong,
body.imarked-v1 .im-wizard-shell #lstArea > li > a .fa,
body.imarked-v1 .im-wizard-shell #lstCat > li > a .fa,
body.imarked-v1 .im-wizard-shell #lstSubCat > li > a .fa {
    color: inherit !important;
}

body.imarked-v1 .im-wizard-shell #lstArea > li.active > a,
body.imarked-v1 .im-wizard-shell #lstCat > li.active > a,
body.imarked-v1 .im-wizard-shell #lstSubCat > li.active > a,
body.imarked-v1 .im-wizard-shell #lstArea > li > a:hover,
body.imarked-v1 .im-wizard-shell #lstCat > li > a:hover,
body.imarked-v1 .im-wizard-shell #lstSubCat > li > a:hover {
    background: #eef4ff !important;
    color: #0066ff !important;
}

body.imarked-v1 .im-wizard-shell #lstAreaBlock > .panel-heading,
body.imarked-v1 .im-wizard-shell #lstCatBlock > .panel-heading,
body.imarked-v1 .im-wizard-shell #lstSubCatBlock > .panel-heading {
    background: #f8fafc !important;
    border-bottom-color: #e2e8f0 !important;
}

body.imarked-v1 .im-wizard-shell #lstAreaBlock > .panel-heading h3,
body.imarked-v1 .im-wizard-shell #lstCatBlock > .panel-heading h3,
body.imarked-v1 .im-wizard-shell #lstSubCatBlock > .panel-heading h3 {
    color: #0f172a !important;
}

body.imarked-v1 .im-wizard-shell #lstAreaBlock > .panel-body,
body.imarked-v1 .im-wizard-shell #lstCatBlock > .panel-body,
body.imarked-v1 .im-wizard-shell #lstSubCatBlock > .panel-body {
    background: #fff !important;
    min-height: 84px;
}

/* The category panels are rounded/clipped, so the appended loader needs to be
   an inset overlay instead of the theme default (top:40% + 50px bubbles). */
body.imarked-v1 .im-wizard-shell #lstAreaBlock,
body.imarked-v1 .im-wizard-shell #lstCatBlock,
body.imarked-v1 .im-wizard-shell #lstSubCatBlock,
body.imarked-v1 .im-wizard-shell #packageDivId,
body.imarked-v1 .im-wizard-shell #panelLoadingId {
    position: relative;
}

body.imarked-v1 .im-wizard-shell .spinnerloaddark {
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    background: rgba(255, 255, 255, 0.75);
    border-radius: inherit;
    z-index: 5;
}

body.imarked-v1 .im-wizard-shell .double-bouncedark1,
body.imarked-v1 .im-wizard-shell .double-bouncedark2 {
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    max-width: 36px;
    max-height: 36px;
    margin: -18px 0 0 -18px;
    background-color: #0066ff;
    border-color: #0066ff;
    opacity: 0.45;
}

body.imarked-v1 .im-wizard-shell .form-control[disabled],
body.imarked-v1 .im-wizard-shell .form-control[readonly] {
    color: #64748b !important;
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
}

body.imarked-v1 .im-wizard-shell .my-error-Text,
body.imarked-v1 .im-wizard-shell .field-validation-error {
    color: #dc2626 !important;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-wizard-shell .im-portal-main,
    body.imarked-v1 .im-wizard-shell .im-portal-main.customPM {
        max-width: none;
        padding: 0 0 calc(16px + env(safe-area-inset-bottom, 0px));
    }

    body.imarked-v1 .im-wizard-shell .wizard-steps.im-wizard-steps,
    body.imarked-v1 .im-wizard-shell .panel.wizard-steps {
        max-width: 100%;
        padding: 18px 10px 14px !important;
        overflow: visible;
    }

    body.imarked-v1 .im-wizard-shell .wizard-steps.im-wizard-steps::before,
    body.imarked-v1 .im-wizard-shell .panel.wizard-steps::before {
        left: 10%;
        right: 10%;
        top: 34px;
    }

    body.imarked-v1 .im-wizard-shell .wizard-steps > .btnHome,
    body.imarked-v1 .im-wizard-shell .wizard-steps > .c-stats-box {
        flex: 1 1 0;
        max-width: none;
        min-width: 0;
    }

    body.imarked-v1 .im-wizard-shell .wizard-steps .btnHome a,
    body.imarked-v1 .im-wizard-shell .wizard-steps .c-stats-box a {
        padding: 0 2px !important;
        font-size: 11px !important;
    }

    body.imarked-v1 .im-wizard-shell .wizard-steps .wizardBtn {
        width: 28px;
        height: 28px;
        font-size: 12px !important;
    }

    body.imarked-v1 .im-wizard-shell .wizard-steps h2 {
        font-size: 10.5px !important;
    }

    body.imarked-v1 .im-wizard-shell .im-wizard-panel-body,
    body.imarked-v1 .im-wizard-shell .im-portal-main .panel-body {
        padding: 14px 12px !important;
    }

    body.imarked-v1 .im-wizard-shell .form-control {
        font-size: 16px !important;
        height: 46px !important;
    }

    /* Address + "pick location" button on the same row (mobile) */
    body.imarked-v1 .im-wizard-shell .im-address-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    body.imarked-v1 .im-wizard-shell .im-address-row > .control-label {
        flex: 0 0 100%;
        max-width: 100%;
    }

    body.imarked-v1 .im-wizard-shell .im-address-row > .col-md-6,
    body.imarked-v1 .im-wizard-shell .im-address-row > .col-sm-5 {
        flex: 1 1 auto;
        width: auto !important;
        min-width: 0;
    }

    body.imarked-v1 .im-wizard-shell .im-address-row > #getCurrentLocation {
        flex: 0 0 auto;
        margin-left: 8px;
        height: 46px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    body.imarked-v1 .im-wizard-shell .im-address-row > .my-error-Text {
        flex: 0 0 auto;
    }
}

/* ============================================================
   CreateProductImage upload (.im-img-upload)
   Visual only — #inputImage, .photo-load, cropper IDs unchanged.
   ============================================================ */
body.imarked-v1 .im-wizard-shell .im-img-sub {
    margin: 4px 0 0 !important;
    font-size: 13px;
    color: #6e7a8a;
    line-height: 1.4;
    font-weight: 500;
}

body.imarked-v1 .im-wizard-shell .im-img-upload {
    max-width: 640px;
    margin: 0 auto;
}

body.imarked-v1 .im-wizard-shell .im-img-dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 220px;
    padding: 28px 20px;
    border: 1.5px dashed #c5d0de;
    border-radius: 14px;
    background: #f8fafc;
    cursor: pointer;
    text-align: center;
    transition: border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}

body.imarked-v1 .im-wizard-shell .im-img-dropzone:hover,
body.imarked-v1 .im-wizard-shell .im-img-dropzone:focus {
    outline: none;
    border-color: #0066ff;
    background: #eef4ff;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.08);
}

body.imarked-v1 .im-wizard-shell .im-img-dropzone .photo-load {
    width: 100%;
    display: flex;
    justify-content: center;
}

body.imarked-v1 .im-wizard-shell .im-img-preview,
body.imarked-v1 .im-wizard-shell .im-img-dropzone .photo-load img {
    max-width: 100%;
    max-height: 280px;
    width: auto;
    height: auto;
    border-radius: 10px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(24, 28, 35, 0.06);
}

body.imarked-v1 .im-wizard-shell .im-img-trigger {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

body.imarked-v1 .im-wizard-shell .im-img-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #0066ff;
    font-size: 22px;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04);
}

body.imarked-v1 .im-wizard-shell .im-img-label {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.01em;
}

body.imarked-v1 .im-wizard-shell .im-img-hint {
    display: block;
    font-size: 12px;
    color: #6e7a8a;
    font-weight: 500;
}

body.imarked-v1 .im-wizard-shell .im-img-dropzone .upload-stuff label,
body.imarked-v1 .im-wizard-shell .im-img-dropzone .upload-stuff img {
    display: none;
}

body.imarked-v1 .im-wizard-shell #mainImageError {
    display: block;
    margin-top: 10px;
    min-height: 18px;
    color: #dc2626;
    font-size: 13px;
}

body.imarked-v1 .im-wizard-shell .im-img-cropper {
    margin-top: 16px;
}

body.imarked-v1 .im-wizard-shell .im-img-cropper .img-container {
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
    background: #0f172a;
}

body.imarked-v1 .im-wizard-shell .im-img-cropper .docs-buttons {
    margin: 10px 0 0 !important;
    float: none !important;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    width: 100%;
}

body.imarked-v1 .im-wizard-shell .im-wizard-actions {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #e7ebf0;
}

body.imarked-v1 .im-wizard-shell .im-wizard-actions .btn-default {
    background: #fff !important;
    border: 1px solid #d0d7e2 !important;
    color: #334155 !important;
    border-radius: 10px !important;
    min-height: 42px;
    font-weight: 650 !important;
    padding: 8px 16px;
}

body.imarked-v1 .im-wizard-shell .im-wizard-actions .btn-default:hover,
body.imarked-v1 .im-wizard-shell .im-wizard-actions .btn-default:focus {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-wizard-shell .im-img-dropzone {
        min-height: 180px;
        padding: 22px 14px;
    }

    body.imarked-v1 .im-wizard-shell .im-wizard-actions {
        flex-direction: column-reverse;
    }

    body.imarked-v1 .im-wizard-shell .im-wizard-actions .btn {
        width: 100%;
    }
}

/* ============================================================
   CreateMultiCropper (.im-multi)
   Visual only — #imgControl_multiple, #imagePreview, .deleteImage,
   #saveAllButton, .image-container unchanged for JS.
   ============================================================ */
body.imarked-v1 .im-wizard-shell .im-multi {
    max-width: 920px;
    margin: 0 auto;
}

body.imarked-v1 .im-wizard-shell .im-multi-dropzone {
    position: relative;
    min-height: 160px;
    display: flex;
    margin: 0;
    font-weight: inherit;
    cursor: pointer;
}

body.imarked-v1 .im-wizard-shell .im-multi-file {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

body.imarked-v1 .im-wizard-shell .im-multi-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 16px;
}

body.imarked-v1 .im-wizard-shell .im-multi-preview:empty {
    display: none;
    margin: 0;
}

body.imarked-v1 .im-wizard-shell .im-multi-preview .image-container {
    display: block;
    width: 180px;
    height: 180px;
    margin: 0;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #0f172a;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04);
}

body.imarked-v1 .im-wizard-shell .im-multi-preview .image-container img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

body.imarked-v1 .im-wizard-shell .im-multi-section {
    margin-top: 22px;
}

body.imarked-v1 .im-wizard-shell .im-multi-section-title {
    margin: 0 0 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #6e7a8a !important;
}

body.imarked-v1 .im-wizard-shell .im-multi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 14px;
}

body.imarked-v1 .im-wizard-shell .im-multi-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid #e7ebf0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04);
}

body.imarked-v1 .im-wizard-shell .im-multi-thumb {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 10px;
    background: #f1f5f9;
}

body.imarked-v1 .im-wizard-shell .im-multi-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    min-width: 0 !important;
    height: 100% !important;
}

body.imarked-v1 .im-wizard-shell .im-multi-card .deleteImage {
    border-radius: 8px !important;
    min-height: 34px;
    font-weight: 650 !important;
    color: #64748b !important;
    border-color: #d0d7e2 !important;
    background: #fff !important;
    padding: 4px 14px;
}

body.imarked-v1 .im-wizard-shell .im-multi-card .deleteImage:hover {
    color: #dc2626 !important;
    border-color: #fca5a5 !important;
    background: #fef2f2 !important;
}

body.imarked-v1 .im-wizard-shell .im-multi-card.hidden {
    display: none !important;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-wizard-shell .im-multi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    body.imarked-v1 .im-wizard-shell .im-multi-preview .image-container {
        width: calc(50% - 7px);
        height: auto;
        aspect-ratio: 1 / 1;
    }
}

/* ============================================================
   Publiser / package list (.im-pkg)
   Visual only — btnPurchase, hdnIsPackagePurchased, links unchanged.
   ============================================================ */
body.imarked-v1 .im-pkg {
    margin: 0;
}

body.imarked-v1 .im-pkg-panel {
    border: 1px solid #e7ebf0 !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 3px rgba(24, 28, 35, 0.05) !important;
    overflow: hidden;
    margin: 0 !important;
}

body.imarked-v1 .im-pkg-panel > .panel-heading {
    padding: 16px 18px 10px !important;
    border-bottom: 1px solid #e7ebf0 !important;
    background: #fff !important;
}

body.imarked-v1 .im-pkg-panel > .panel-heading .panel-title {
    margin: 0 !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    letter-spacing: -0.02em;
    color: #181c23 !important;
}

body.imarked-v1 .im-pkg-sub {
    margin: 6px 0 0 !important;
    font-size: 13px;
    color: #6e7a8a;
    line-height: 1.4;
}

body.imarked-v1 .im-pkg-body {
    padding: 16px 18px 20px !important;
}

body.imarked-v1 .im-pkg-section {
    margin: 0 0 22px;
}

body.imarked-v1 .im-pkg-section:last-of-type {
    margin-bottom: 8px;
}

body.imarked-v1 .im-pkg-section-title {
    margin: 0 0 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #6e7a8a !important;
}

body.imarked-v1 .im-pkg-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 14px;
}

body.imarked-v1 .im-pkg-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 16px;
    border: 1px solid #e7ebf0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04);
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

body.imarked-v1 .im-pkg-card:hover {
    border-color: #c9d7ea;
    box-shadow: 0 4px 14px rgba(24, 28, 35, 0.07);
}

body.imarked-v1 .im-pkg-card.im-pkg-card--free {
    border-color: #bfdbfe;
    background: linear-gradient(180deg, #f8fbff 0%, #fff 55%);
}

body.imarked-v1 .im-pkg-card.active-Package {
    border-color: #93c5fd;
    background: #f0f6ff;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1);
}

body.imarked-v1 .im-pkg-card.pending-Package {
    border-color: #fcd34d;
    background: #fffbeb;
}

body.imarked-v1 .im-pkg-card-head {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 10px;
}

body.imarked-v1 .im-pkg-name {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #181c23;
    line-height: 1.3;
}

body.imarked-v1 .im-pkg-info {
    color: #93a0b0;
    font-size: 14px;
    line-height: 1;
}

body.imarked-v1 .im-pkg-info:hover {
    color: #0066ff;
    text-decoration: none;
}

body.imarked-v1 .im-pkg-type {
    font-size: 12px;
    font-weight: 600;
    color: #6e7a8a;
}

body.imarked-v1 .im-pkg-price {
    margin: 0 0 12px;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #0066ff;
    line-height: 1.15;
}

body.imarked-v1 .im-pkg-meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 14px;
    flex: 1 1 auto;
}

body.imarked-v1 .im-pkg-meta > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

body.imarked-v1 .im-pkg-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #8b96a5;
}

body.imarked-v1 .im-pkg-meta strong {
    font-size: 13px;
    font-weight: 650;
    color: #181c23;
}

body.imarked-v1 .im-pkg-status--ok {
    color: #15803d !important;
}

body.imarked-v1 .im-pkg-status--pending {
    color: #b45309 !important;
}

body.imarked-v1 .im-pkg-desc {
    margin-top: 2px;
    font-size: 12.5px;
    line-height: 1.4;
    color: #5b6575;
}

body.imarked-v1 .im-pkg-actions {
    margin-top: auto;
}

body.imarked-v1 .im-pkg-btn,
body.imarked-v1 .im-pkg-btn.btn-primary,
body.imarked-v1 .im-pkg-btn.btn-warning,
body.imarked-v1 .im-pkg-btn.btn-success,
body.imarked-v1 .im-pkg-btn.btn-default {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    margin: 0 !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-pkg-btn.btn-primary,
body.imarked-v1 .im-pkg-btn.btn-warning {
    background: #0066ff !important;
    border-color: #0066ff !important;
    color: #fff !important;
}

body.imarked-v1 .im-pkg-btn.btn-primary:hover,
body.imarked-v1 .im-pkg-btn.btn-warning:hover {
    background: #0052cc !important;
    border-color: #0052cc !important;
}

body.imarked-v1 .im-pkg-btn.is-disabled,
body.imarked-v1 .im-pkg-btn.btn-default.is-disabled,
body.imarked-v1 .im-pkg-btn.btn-success {
    background: #eef1f5 !important;
    border-color: #e0e6ee !important;
    color: #6e7a8a !important;
    pointer-events: none;
    cursor: default;
}

body.imarked-v1 .im-pkg-note {
    margin: 14px 0 0;
    padding: 12px 14px;
    border-radius: 12px;
    background: #f5f8fc;
    border: 1px solid #e7ebf0;
    font-size: 12.5px;
    line-height: 1.45;
    color: #5b6575;
}

body.imarked-v1 .im-pkg-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid #e7ebf0;
}

body.imarked-v1 .im-pkg-next {
    min-width: 120px;
    min-height: 42px;
    border-radius: 10px !important;
    font-weight: 700 !important;
    background: #0066ff !important;
    border-color: #0066ff !important;
}

body.imarked-v1 #packageDivId {
    min-height: 120px;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-pkg-body {
        padding: 14px 12px 16px !important;
    }

    body.imarked-v1 .im-pkg-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    body.imarked-v1 .im-pkg-price {
        font-size: 24px;
    }

    body.imarked-v1 .im-pkg-footer {
        justify-content: stretch;
    }

    body.imarked-v1 .im-pkg-next {
        width: 100%;
    }
}

/* IMARKED V1 — reusable client listing cards
   .im-listing / .im-listing-summary / .im-listing-card / .im-stat / .im-badge */

body.imarked-v1 .im-listing {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.imarked-v1 .im-listing__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 16px;
    padding: 18px 20px;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(0, 102, 255, 0.08) 0%, rgba(0, 102, 255, 0) 46%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-listing__title {
    margin: 0 0 3px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 22px !important;
    font-weight: 750 !important;
    color: #0f172a !important;
    letter-spacing: -0.03em;
    text-transform: none !important;
    background: none !important;
    line-height: 1.2 !important;
}

body.imarked-v1 .im-listing__title .fa {
    margin-right: 8px;
    color: #0066ff;
}

body.imarked-v1 .im-listing__sub {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
}

body.imarked-v1 .im-listing__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 18px;
    border-radius: 12px;
    border: 0;
    background: #0066ff;
    color: #fff !important;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none !important;
    box-shadow: 0 6px 16px rgba(0, 102, 255, 0.24);
    transition: background 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

body.imarked-v1 .im-listing__cta:hover,
body.imarked-v1 .im-listing__cta:focus {
    background: #0052cc;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(0, 102, 255, 0.28);
    outline: none;
}

/* Summary strip */
body.imarked-v1 .im-listing-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

body.imarked-v1 .im-listing-summary--store,
body.imarked-v1 .im-listing-summary--codes,
body.imarked-v1 .im-listing-summary--bundles,
body.imarked-v1 .im-listing-summary--jobs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.imarked-v1 .im-listing__note {
    padding: 14px 16px;
    border: 1px solid #dbe7ff;
    border-radius: 14px;
    background: linear-gradient(180deg, #f8fbff 0%, #f1f6ff 100%);
    color: #334155;
}

body.imarked-v1 .im-listing__note strong {
    display: block;
    margin: 0 0 4px;
    font-size: 13px;
    font-weight: 750;
    color: #0f172a;
}

body.imarked-v1 .im-listing__note p {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
    color: #64748b;
}

body.imarked-v1 .im-listing-card__media--job {
    background: linear-gradient(180deg, #eef4ff 0%, #e8eef8 100%);
}

body.imarked-v1 .im-listing-card__media--job .im-listing-card__media-fallback {
    color: #0066ff;
}

body.imarked-v1 .im-listing-card__stats--jobs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.imarked-v1 .im-listing__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

body.imarked-v1 .im-listing__cta--secondary {
    background: #fff;
    color: #0f172a !important;
    border: 1px solid #d7e2ee;
    box-shadow: none;
}

body.imarked-v1 .im-listing__cta--secondary:hover,
body.imarked-v1 .im-listing__cta--secondary:focus {
    background: #f5f8ff;
    border-color: #b8cffc;
    color: #0066ff !important;
    box-shadow: none;
}

body.imarked-v1 .im-listing-summary__value--sm {
    font-size: 18px;
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
}

body.imarked-v1 .im-listing-summary__value--sm small {
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
}

body.imarked-v1 .im-listing-card__media--bundle {
    background: #eef4ff;
    border-color: #dbe7ff;
    cursor: default;
}

body.imarked-v1 .im-listing-card__media--bundle .im-listing-card__media-fallback {
    color: #0066ff;
    font-size: 20px;
}

body.imarked-v1 .im-listing-card__title--static {
    cursor: default;
}

body.imarked-v1 .im-listing-card__stats--bundles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.imarked-v1 .im-listing-card__stat-link {
    color: #0066ff !important;
    text-decoration: none !important;
}

body.imarked-v1 .im-listing-card__stat-link:hover,
body.imarked-v1 .im-listing-card__stat-link:focus {
    text-decoration: underline !important;
}

body.imarked-v1 .im-listing-card__aside-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    margin-bottom: 4px;
    text-align: right;
}

body.imarked-v1 .im-listing-card__aside-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
}

body.imarked-v1 .im-listing-card__aside-value {
    font-size: 12px;
    font-weight: 650;
    color: #334155;
    margin-bottom: 4px;
}

body.imarked-v1 .im-listing__count {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 2px;
    min-width: 72px;
    padding: 8px 14px;
    border-radius: 12px;
    border: 1px solid #e5eaf1;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-listing__count-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
    line-height: 1;
}

body.imarked-v1 .im-listing__count-value {
    font-size: 22px;
    font-weight: 750;
    letter-spacing: -0.03em;
    color: #0f172a;
    line-height: 1.1;
}

body.imarked-v1 .im-listing-card--wish {
    grid-template-columns: minmax(0, 1.5fr) minmax(200px, 0.9fr);
}

body.imarked-v1 .im-listing-card__title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px 14px;
    width: 100%;
    min-width: 0;
}

body.imarked-v1 .im-listing-card__title-row .im-listing-card__title {
    min-width: 0;
    flex: 1 1 auto;
}

body.imarked-v1 .im-listing-card__remove {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    height: 28px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid #fecaca;
    background: #fff;
    color: #b91c1c !important;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background 140ms ease, border-color 140ms ease;
}

body.imarked-v1 .im-listing-card__remove:hover,
body.imarked-v1 .im-listing-card__remove:focus {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b !important;
    outline: none;
}

body.imarked-v1 .im-listing-summary__item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 14px 16px;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-listing-summary__item--ok {
    background: linear-gradient(180deg, #fff 0%, #f3fdf7 100%);
    border-color: #bbf7d0;
}

body.imarked-v1 .im-listing-summary__item--danger {
    background: linear-gradient(180deg, #fff 0%, #fff7f7 100%);
    border-color: #fecaca;
}

body.imarked-v1 .im-listing-summary__label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
}

body.imarked-v1 .im-listing-summary__value {
    font-size: 24px;
    font-weight: 750;
    letter-spacing: -0.03em;
    color: #0f172a;
    line-height: 1.1;
}

body.imarked-v1 .im-listing-summary__item--ok .im-listing-summary__value { color: #047857; }
body.imarked-v1 .im-listing-summary__item--danger .im-listing-summary__value { color: #b91c1c; }

body.imarked-v1 .im-listing__body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body.imarked-v1 .im-listing__empty {
    padding: 28px 20px;
    border: 1px dashed #cfd8e3;
    border-radius: 16px;
    background: #f8fafc;
    color: #475569;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

body.imarked-v1 .im-listing__empty a {
    color: #0066ff !important;
    font-weight: 650;
}

/* Cards */
body.imarked-v1 .im-listing-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(220px, 1fr) auto;
    gap: 16px 20px;
    align-items: center;
    padding: 16px 18px 16px 20px;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    overflow: hidden;
    transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

body.imarked-v1 .im-listing-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #cbd5e1;
}

body.imarked-v1 .im-listing-card--ok::before { background: #10b981; }
body.imarked-v1 .im-listing-card--danger::before { background: #ef4444; }
body.imarked-v1 .im-listing-card--muted::before { background: #6366f1; }

body.imarked-v1 .im-listing-card:hover {
    border-color: #b8cffc;
    box-shadow: 0 10px 28px rgba(15, 76, 129, 0.08);
    transform: translateY(-1px);
}

body.imarked-v1 .im-listing-card__main {
    min-width: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
}

body.imarked-v1 .im-listing-card__media {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    border-radius: 14px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef2f7;
    border: 1px solid #e5eaf1;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

body.imarked-v1 .im-listing-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.imarked-v1 .im-listing-card__media-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 22px;
    font-weight: 750;
    color: #64748b;
    letter-spacing: -0.02em;
    line-height: 1;
}

body.imarked-v1 .im-listing-card__copy {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

body.imarked-v1 .im-listing-card__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

body.imarked-v1 .im-listing-card__pkg {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-listing-card__title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #0f172a !important;
    font-size: 16px;
    font-weight: 750;
    letter-spacing: -0.02em;
    line-height: 1.3;
    text-decoration: none !important;
    max-width: 100%;
}

body.imarked-v1 .im-listing-card__title:hover,
body.imarked-v1 .im-listing-card__title:focus {
    color: #0066ff !important;
}

body.imarked-v1 .im-listing-card__title-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.imarked-v1 .im-listing-card__title .fa {
    flex: 0 0 auto;
    color: #94a3b8;
    font-size: 12px;
}

body.imarked-v1 .im-listing-card__title-action {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    padding: 2px 8px;
    border-radius: 999px;
    background: #eef4ff;
    color: #0066ff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.2;
    white-space: nowrap;
}

body.imarked-v1 .im-listing-card__title-action .fa {
    color: #0066ff;
    font-size: 10px;
}

body.imarked-v1 .im-listing-card__title:hover .im-listing-card__title-action,
body.imarked-v1 .im-listing-card__title:focus .im-listing-card__title-action {
    background: #0066ff;
    color: #fff;
}

body.imarked-v1 .im-listing-card__title:hover .im-listing-card__title-action .fa,
body.imarked-v1 .im-listing-card__title:focus .im-listing-card__title-action .fa {
    color: #fff;
}

body.imarked-v1 .im-listing-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
}

body.imarked-v1 .im-listing-card__meta i {
    margin-right: 4px;
    color: #94a3b8;
}

/* Stats cluster */
body.imarked-v1 .im-listing-card__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    min-width: 0;
}

body.imarked-v1 .im-listing-card__stat {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
    padding: 10px 10px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
}

body.imarked-v1 .im-listing-card__stat-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
}

body.imarked-v1 .im-listing-card__stat-value {
    font-size: 16px;
    font-weight: 750;
    letter-spacing: -0.02em;
    color: #0f172a;
    line-height: 1.1;
}

body.imarked-v1 .im-listing-card__stat--hot {
    background: #eef4ff;
    border-color: #dbe7ff;
}

body.imarked-v1 .im-listing-card__stat--hot .im-listing-card__stat-value {
    color: #0066ff;
}

body.imarked-v1 .im-listing-card__aside {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 10px;
    flex: 0 0 auto;
}

body.imarked-v1 .im-listing-card__open {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid #d7e2ee;
    background: #fff;
    color: #0f172a !important;
    font-size: 12px;
    font-weight: 650;
    text-decoration: none !important;
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}

body.imarked-v1 .im-listing-card__open:hover,
body.imarked-v1 .im-listing-card__open:focus {
    background: #f5f8ff;
    border-color: #b8cffc;
    color: #0066ff !important;
    outline: none;
}

body.imarked-v1 .im-listing-card__stats--store {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.imarked-v1 .im-listing-card__stats--codes,
body.imarked-v1 .im-listing-card__stats--wish {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.imarked-v1 .im-listing-card__open--danger {
    border-color: #fecaca;
    background: #fff;
    color: #b91c1c !important;
}

body.imarked-v1 .im-listing-card__open--danger:hover,
body.imarked-v1 .im-listing-card__open--danger:focus {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b !important;
}

body.imarked-v1 .im-listing-card__media--code {
    background: #eef4ff;
    border-color: #dbe7ff;
    color: #0066ff;
    cursor: default;
}

body.imarked-v1 .im-listing-card__media--code .im-listing-card__media-fallback {
    color: #0066ff;
    font-size: 20px;
}

body.imarked-v1 .im-listing-card__title--code {
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

body.imarked-v1 .im-listing-card__title--code .im-code-value {
    font-family: Consolas, "Courier New", monospace;
    font-weight: 750;
    letter-spacing: 0.04em;
}

body.imarked-v1 .im-code-copy {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 26px;
    padding: 0 9px;
    border-radius: 999px;
    border: 1px solid #b8cffc;
    background: #eef4ff;
    color: #0066ff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

body.imarked-v1 .im-code-copy:hover,
body.imarked-v1 .im-code-copy:focus {
    background: #0066ff;
    border-color: #0066ff;
    color: #fff;
    outline: none;
}

body.imarked-v1 .im-code-copy.is-copied {
    background: #ecfdf5;
    border-color: #bbf7d0;
    color: #047857;
}

body.imarked-v1 .im-listing-card__open--disabled {
    opacity: 0.55;
    cursor: default;
    pointer-events: none;
}

body.imarked-v1 .im-listing-card__stat-value--sm {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

body.imarked-v1 .im-listing-card__open--primary {
    background: #0066ff;
    border-color: #0066ff;
    color: #fff !important;
}

body.imarked-v1 .im-listing-card__open--primary:hover,
body.imarked-v1 .im-listing-card__open--primary:focus {
    background: #0052cc;
    border-color: #0052cc;
    color: #fff !important;
}

body.imarked-v1 .im-listing-card__manage {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 148px;
    height: 40px;
    padding: 0 16px;
    border-radius: 12px;
    border: 1px solid #0052cc;
    background: linear-gradient(180deg, #2b7cff 0%, #0066ff 100%);
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-decoration: none !important;
    box-shadow: 0 6px 14px rgba(0, 102, 255, 0.22);
    transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

body.imarked-v1 .im-listing-card__manage i {
    font-size: 14px;
}

body.imarked-v1 .im-listing-card__manage:hover,
body.imarked-v1 .im-listing-card__manage:focus {
    background: linear-gradient(180deg, #1f6ff5 0%, #0052cc 100%);
    border-color: #0047b3;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(0, 82, 204, 0.28);
    transform: translateY(-1px);
    outline: none;
}

/* Store create type picker (replaces Ny butikk CTA) */
body.imarked-v1 .im-store-create {
    margin: 0;
    padding: 18px 20px 20px;
    border-radius: 16px;
    border: 1px solid #e5eaf1;
    background:
        linear-gradient(135deg, rgba(0, 102, 255, 0.08) 0%, rgba(0, 102, 255, 0) 46%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-store-create__head {
    margin-bottom: 14px;
}

body.imarked-v1 .im-store-create__title {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 750;
    letter-spacing: -0.02em;
    color: #0f172a;
    line-height: 1.2;
}

body.imarked-v1 .im-store-create__title .fa {
    margin-right: 8px;
    color: #0066ff;
}

body.imarked-v1 .im-store-create__sub {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
}

body.imarked-v1 .im-store-create__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

body.imarked-v1 .im-store-create__card {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 78px;
    padding: 14px 14px 14px 12px;
    border-radius: 14px;
    border: 1px solid #e6edf5;
    background: #f8fafc;
    text-decoration: none !important;
    color: inherit !important;
    transition: border-color 140ms ease, background 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}

body.imarked-v1 .im-store-create__card:hover,
body.imarked-v1 .im-store-create__card:focus {
    background: #fff;
    border-color: #b8cffc;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
    transform: translateY(-1px);
    outline: none;
}

body.imarked-v1 .im-store-create__icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #eef4ff;
    color: #0066ff;
    font-size: 16px;
}

body.imarked-v1 .im-store-create__card--retail .im-store-create__icon { background: #eef4ff; color: #0066ff; }
body.imarked-v1 .im-store-create__card--estate .im-store-create__icon { background: #ecfdf5; color: #059669; }
body.imarked-v1 .im-store-create__card--auto .im-store-create__icon { background: #fff7ed; color: #ea580c; }
body.imarked-v1 .im-store-create__card--jobs .im-store-create__icon { background: #f5f3ff; color: #6d28d9; }
body.imarked-v1 .im-store-create__card--service .im-store-create__icon { background: #ecfeff; color: #0891b2; }
body.imarked-v1 .im-store-create__card--food .im-store-create__icon { background: #fef2f2; color: #dc2626; }
body.imarked-v1 .im-store-create__card--other .im-store-create__icon { background: #f1f5f9; color: #475569; }

body.imarked-v1 .im-store-create__copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1 1 auto;
}

body.imarked-v1 .im-store-create__name {
    font-size: 14px;
    font-weight: 750;
    letter-spacing: -0.01em;
    color: #0f172a;
    line-height: 1.2;
}

body.imarked-v1 .im-store-create__hint {
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
    line-height: 1.3;
}

body.imarked-v1 .im-store-create__go {
    flex: 0 0 auto;
    color: #94a3b8;
    font-size: 13px;
    transition: color 140ms ease, transform 140ms ease;
}

body.imarked-v1 .im-store-create__card:hover .im-store-create__go,
body.imarked-v1 .im-store-create__card:focus .im-store-create__go {
    color: #0066ff;
    transform: translateX(2px);
}

/* Badges */
body.imarked-v1 .im-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    white-space: nowrap;
}

body.imarked-v1 .im-badge--ok {
    background: #ecfdf5;
    color: #047857;
}

body.imarked-v1 .im-badge--warn {
    background: #fff7ed;
    color: #c2410c;
}

body.imarked-v1 .im-badge--muted {
    background: #eef2ff;
    color: #3730a3;
}

body.imarked-v1 .im-badge--danger {
    background: #fef2f2;
    color: #b91c1c;
}

/* Legacy table helpers (kept for other pages migrating later) */
body.imarked-v1 .im-stat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 26px;
    padding: 0 8px;
    border-radius: 8px;
    background: #f1f5f9;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

body.imarked-v1 .im-stat--hot {
    background: #eef4ff;
    color: #0066ff;
}

@media (max-width: 1199px) and (min-width: 992px) {
    body.imarked-v1 .im-store-create__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1199px) {
    body.imarked-v1 .im-listing-card {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    body.imarked-v1 .im-listing-card__aside {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
}

@media (max-width: 991px) {
    body.imarked-v1 .im-listing {
        gap: 8px;
    }

    body.imarked-v1 .im-listing__head {
        padding: 12px 14px;
        border-radius: 12px;
        gap: 6px;
    }

    body.imarked-v1 .im-listing__title {
        font-size: 16px !important;
        margin: 0 !important;
    }

    body.imarked-v1 .im-listing__title .fa {
        margin-right: 6px;
        font-size: 14px;
    }

    body.imarked-v1 .im-listing__sub {
        font-size: 11px;
        line-height: 1.3;
    }

    body.imarked-v1 .im-listing__cta {
        width: 100%;
        justify-content: center;
    }

    body.imarked-v1 .im-listing-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    body.imarked-v1 .im-listing-summary--store,
    body.imarked-v1 .im-listing-summary--codes,
    body.imarked-v1 .im-listing-summary--bundles {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 5px;
    }

    body.imarked-v1 .im-listing__actions {
        width: 100%;
    }

    body.imarked-v1 .im-listing__actions .im-listing__cta {
        flex: 1 1 calc(50% - 4px);
        justify-content: center;
        height: 34px;
        font-size: 12px;
        padding: 0 10px;
        box-shadow: none;
    }

    body.imarked-v1 .im-listing--bundles {
        gap: 6px;
    }

    body.imarked-v1 .im-listing--bundles .im-listing__head {
        padding: 10px 12px !important;
    }

    body.imarked-v1 .im-listing--bundles .im-listing__sub {
        display: none;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-summary__value--sm {
        font-size: 13px;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-card {
        padding: 10px 10px 10px 12px;
        gap: 8px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-card__media {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        border-radius: 9px;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-card__title {
        font-size: 13px;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-card__meta {
        font-size: 10px;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-card__stats--bundles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-card__stat {
        padding: 6px 4px;
        border-radius: 8px;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-card__aside {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        gap: 8px;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-card__aside-meta {
        align-items: flex-start;
        text-align: left;
        margin: 0;
        flex: 1 1 auto;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-card__manage,
    body.imarked-v1 .im-listing--bundles .im-listing-card__open {
        height: 30px;
        min-width: 0;
        padding: 0 10px;
        font-size: 11px;
        border-radius: 8px;
    }

    body.imarked-v1 .im-listing-summary__item {
        padding: 8px 6px;
        border-radius: 10px;
        gap: 0;
    }

    body.imarked-v1 .im-listing-summary__value {
        font-size: 16px;
    }

    body.imarked-v1 .im-listing-summary__label {
        font-size: 8px;
        letter-spacing: 0.02em;
    }

    body.imarked-v1 .im-listing-card {
        padding: 12px 14px;
        border-radius: 12px;
        gap: 10px;
    }

    body.imarked-v1 .im-listing-card__media {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        border-radius: 10px;
    }

    body.imarked-v1 .im-listing-card__media-fallback {
        font-size: 16px;
    }

    body.imarked-v1 .im-listing-card__main {
        gap: 10px;
        align-items: flex-start;
    }

    body.imarked-v1 .im-listing-card__copy {
        gap: 6px;
    }

    body.imarked-v1 .im-listing-card__top {
        gap: 4px;
    }

    body.imarked-v1 .im-listing-card__pkg {
        height: 20px;
        padding: 0 7px;
        font-size: 10px;
    }

    body.imarked-v1 .im-badge {
        height: 20px;
        padding: 0 7px;
        font-size: 10px;
    }

    body.imarked-v1 .im-listing-card__title {
        font-size: 14px;
        white-space: normal;
        flex-wrap: wrap;
        gap: 4px 6px;
    }

    body.imarked-v1 .im-listing-card__title-text {
        white-space: normal;
    }

    body.imarked-v1 .im-listing-card__title-action {
        padding: 2px 6px;
        font-size: 10px;
    }

    body.imarked-v1 .im-listing-card__meta {
        font-size: 11px;
        gap: 4px 8px;
    }

    body.imarked-v1 .im-listing-card__stat {
        padding: 8px;
        border-radius: 10px;
    }

    body.imarked-v1 .im-listing-card__stat-label {
        font-size: 9px;
    }

    body.imarked-v1 .im-listing-card__stat-value--sm {
        font-size: 12px;
    }

    body.imarked-v1 .im-listing-card__manage {
        width: 100%;
        min-width: 0;
        height: 36px;
        border-radius: 10px;
        font-size: 12px;
    }

    body.imarked-v1 .im-listing-card__stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    body.imarked-v1 .im-listing-card__stats--store {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    /* Ads listing — extra-compact mobile */
    body.imarked-v1 .im-listing--ads {
        gap: 6px;
    }

    body.imarked-v1 .im-listing--ads .im-listing__head {
        padding: 10px 12px !important;
        gap: 8px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-listing--ads .im-listing__sub {
        display: none;
    }

    body.imarked-v1 .im-listing--ads .im-listing__cta {
        width: 100%;
        height: 34px;
        padding: 0 12px;
        font-size: 12px;
        border-radius: 10px;
        box-shadow: none;
    }

    body.imarked-v1 .im-listing--ads .im-listing-summary__item {
        padding: 6px 4px;
        border-radius: 8px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-summary__value {
        font-size: 15px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card {
        padding: 10px 10px 10px 12px;
        gap: 8px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__media {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        border-radius: 9px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__copy {
        gap: 4px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__title {
        font-size: 13px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__meta {
        font-size: 10px;
        gap: 2px 6px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__stats {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 4px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__stat {
        padding: 5px 3px;
        border-radius: 8px;
        align-items: center;
        text-align: center;
        gap: 1px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__stat-label {
        font-size: 8px;
        letter-spacing: 0.02em;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__stat-value {
        font-size: 13px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__aside {
        justify-content: flex-end;
        gap: 0;
        margin-top: -2px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__open {
        height: 28px;
        padding: 0 10px;
        font-size: 11px;
        border-radius: 8px;
        width: auto;
    }

    /* Discount codes — compact mobile */
    body.imarked-v1 .im-listing--codes {
        gap: 6px;
    }

    body.imarked-v1 .im-listing--codes .im-listing__head {
        padding: 10px 12px !important;
    }

    body.imarked-v1 .im-listing--codes .im-listing__sub {
        display: none;
    }

    body.imarked-v1 .im-listing--codes .im-listing-summary__item {
        padding: 6px 4px;
        border-radius: 8px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-summary__value {
        font-size: 15px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card {
        padding: 10px 10px 10px 12px;
        gap: 8px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card__media {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        border-radius: 9px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card__media--code .im-listing-card__media-fallback {
        font-size: 16px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card__title--code {
        font-size: 13px;
        gap: 6px;
    }

    body.imarked-v1 .im-listing--codes .im-code-copy {
        height: 24px;
        padding: 0 8px;
        font-size: 10px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card__meta {
        font-size: 10px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card__stats--codes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card__stat {
        padding: 6px 4px;
        border-radius: 8px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card__stat-value {
        font-size: 14px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card__aside {
        justify-content: flex-end;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card__open {
        height: 28px;
        padding: 0 10px;
        font-size: 11px;
        border-radius: 8px;
        width: auto;
    }

    /* Wishlist — compact mobile */
    body.imarked-v1 .im-listing--wish {
        gap: 6px;
    }

    body.imarked-v1 .im-listing--wish .im-listing__head {
        padding: 10px 12px !important;
        align-items: center;
    }

    body.imarked-v1 .im-listing--wish .im-listing__sub {
        display: none;
    }

    body.imarked-v1 .im-listing__count {
        padding: 6px 10px;
        min-width: 56px;
        border-radius: 10px;
    }

    body.imarked-v1 .im-listing__count-value {
        font-size: 18px;
    }

    body.imarked-v1 .im-listing--wish .im-listing-card,
    body.imarked-v1 .im-listing-card--wish {
        grid-template-columns: minmax(0, 1fr);
        padding: 10px 10px 10px 12px;
        gap: 8px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-listing--wish .im-listing-card__media {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        border-radius: 9px;
    }

    body.imarked-v1 .im-listing--wish .im-listing-card__title-row {
        flex-wrap: wrap;
        gap: 6px 8px;
    }

    body.imarked-v1 .im-listing--wish .im-listing-card__title {
        font-size: 13px;
    }

    body.imarked-v1 .im-listing--wish .im-listing-card__remove {
        height: 26px;
        padding: 0 8px;
        font-size: 10px;
        margin-left: auto;
    }

    body.imarked-v1 .im-listing--wish .im-listing-card__meta {
        font-size: 10px;
    }

    body.imarked-v1 .im-listing--wish .im-listing-card__stats--wish {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
    }

    body.imarked-v1 .im-listing--wish .im-listing-card__stat {
        padding: 6px 4px;
        border-radius: 8px;
    }

    /* Compact Ny butikk type picker */
    body.imarked-v1 .im-listing .im-store-create {
        margin: 0 !important;
        padding: 12px 12px 12px !important;
        border-radius: 12px;
        box-sizing: border-box;
    }

    body.imarked-v1 .im-listing .im-store-create__head {
        margin-bottom: 10px;
    }

    body.imarked-v1 .im-listing .im-store-create__title {
        font-size: 15px;
        margin: 0 0 2px;
    }

    body.imarked-v1 .im-listing .im-store-create__title .fa {
        margin-right: 6px;
        font-size: 14px;
    }

    body.imarked-v1 .im-listing .im-store-create__sub {
        font-size: 11px;
        line-height: 1.3;
    }

    body.imarked-v1 .im-listing .im-store-create__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    body.imarked-v1 .im-listing .im-store-create__card {
        min-height: 0;
        gap: 8px;
        padding: 10px !important;
        border-radius: 10px;
        box-sizing: border-box;
    }

    body.imarked-v1 .im-listing .im-listing__head {
        padding: 12px !important;
        box-sizing: border-box;
    }

    body.imarked-v1 .im-store-create__card:hover,
    body.imarked-v1 .im-store-create__card:focus {
        transform: none;
        box-shadow: none;
    }

    body.imarked-v1 .im-store-create__icon {
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
        border-radius: 8px;
        font-size: 13px;
    }

    body.imarked-v1 .im-store-create__name {
        font-size: 12px;
        line-height: 1.2;
    }

    body.imarked-v1 .im-store-create__hint,
    body.imarked-v1 .im-store-create__go {
        display: none;
    }
}

/* Job history — compact mobile */
@media (max-width: 991px) {
    body.imarked-v1 .im-listing--jobs {
        gap: 6px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing__head {
        padding: 10px 12px !important;
        align-items: center;
    }

    body.imarked-v1 .im-listing--jobs .im-listing__sub {
        display: none;
    }

    body.imarked-v1 .im-listing--jobs .im-listing__note {
        padding: 10px 12px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing__note strong {
        font-size: 12px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing__note p {
        font-size: 11px;
        line-height: 1.4;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-summary__item {
        padding: 10px 10px;
        border-radius: 10px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-summary__value {
        font-size: 18px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card {
        grid-template-columns: minmax(0, 1fr);
        padding: 10px 10px 10px 12px;
        gap: 8px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__media {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        border-radius: 9px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__media--job .im-listing-card__media-fallback {
        font-size: 16px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__title {
        font-size: 13px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__title-action {
        display: none;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__meta {
        font-size: 10px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__stats--jobs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__stat {
        padding: 6px 4px;
        border-radius: 8px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__stat-value {
        font-size: 12px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__aside {
        justify-content: flex-end;
        flex-direction: row;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__open {
        height: 28px;
        padding: 0 10px;
        font-size: 11px;
        border-radius: 8px;
        width: auto;
    }
}

@media (max-width: 380px) {
    body.imarked-v1 .im-listing-summary--store,
    body.imarked-v1 .im-listing-summary--codes,
    body.imarked-v1 .im-listing-summary--bundles,
    body.imarked-v1 .im-listing-summary--jobs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.imarked-v1 .im-store-create__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    body.imarked-v1 .im-listing-card__stats--store {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Product card — branded tile when MainImageUrl is empty */

.product-image-fallback {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    aspect-ratio: 1 / 1;
    min-height: 160px;
    padding: 16px 14px;
    text-align: center;
}

/* IMARKED cards: fill the existing 1:1 image container */
.im-prod-img .product-image-fallback,
.product-image-container.im-prod-img .product-image-fallback {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    aspect-ratio: auto;
    min-height: 0;
    height: 100%;
}

.product-image-fallback-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin: 0 0 10px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.72);
    color: inherit;
    font-size: 22px;
    line-height: 1;
    box-shadow: 0 2px 8px rgba(24, 28, 35, 0.06);
}

.product-image-fallback-icon img {
    width: 28px;
    height: 28px;
    object-fit: contain;
    display: block;
}

.product-image-fallback-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 100%;
    margin: 0;
    font-family: var(--im-font, "Plus Jakarta Sans", "Segoe UI", sans-serif);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: inherit;
}

/* Soft premium area backgrounds */
.product-bg-electronics {
    background: linear-gradient(160deg, #e8f1ff 0%, #d6e6ff 100%);
    color: #1e3a5f;
}

.product-bg-food {
    background: linear-gradient(160deg, #fff4e8 0%, #ffe4cc 100%);
    color: #7a3e12;
}

.product-bg-property {
    background: linear-gradient(160deg, #eaf6f0 0%, #d5eee6 100%);
    color: #1f4d38;
}

.product-bg-jobs {
    background: linear-gradient(160deg, #eef0ff 0%, #dde1ff 100%);
    color: #2a2f6b;
}

.product-bg-vehicles {
    background: linear-gradient(160deg, #f0f3f7 0%, #dde5ee 100%);
    color: #243447;
}

.product-bg-fashion {
    background: linear-gradient(160deg, #fceef5 0%, #f6dceb 100%);
    color: #6b2a4a;
}

.product-bg-services {
    background: linear-gradient(160deg, #eef7f8 0%, #d9eef1 100%);
    color: #1f4a52;
}

.product-bg-digital {
    background: linear-gradient(160deg, #f0ecff 0%, #e0d8ff 100%);
    color: #3b2d6b;
}

.product-bg-lostfound {
    background: linear-gradient(160deg, #fff8e6 0%, #ffefc2 100%);
    color: #6b4e10;
}

.product-bg-default {
    background: linear-gradient(160deg, #f4f6f8 0%, #e8edf2 100%);
    color: #334155;
}

/* Seller/business card — initials tile when logo URL is missing */

.seller-logo-fallback {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
}

.seller-logo-fallback-initials {
    position: relative;
    z-index: 2;
    font-family: var(--im-font, "Plus Jakarta Sans", "Segoe UI", sans-serif);
    font-size: clamp(36px, 8vw, 58px);
    line-height: 1;
    font-weight: 800;
    letter-spacing: 2px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}

.seller-logo-fallback-watermark {
    position: absolute;
    z-index: 1;
    font-family: var(--im-font, "Plus Jakarta Sans", "Segoe UI", sans-serif);
    font-size: clamp(100px, 22vw, 170px);
    line-height: 1;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.08);
    transform: rotate(-8deg);
    user-select: none;
    pointer-events: none;
}

/* Soft Scandinavian gradients */
.seller-avatar-bg-1 {
    background: linear-gradient(145deg, #2a3f5f 0%, #1a2a44 100%);
}

.seller-avatar-bg-2 {
    background: linear-gradient(145deg, #2f6f6a 0%, #1f524e 100%);
}

.seller-avatar-bg-3 {
    background: linear-gradient(145deg, #2f6b4f 0%, #1e4a36 100%);
}

.seller-avatar-bg-4 {
    background: linear-gradient(145deg, #3d4a7a 0%, #2a3358 100%);
}

.seller-avatar-bg-5 {
    background: linear-gradient(145deg, #6b3a4a 0%, #4a2834 100%);
}

.seller-avatar-bg-6 {
    background: linear-gradient(145deg, #4a5568 0%, #2d3748 100%);
}

.seller-avatar-bg-7 {
    background: linear-gradient(145deg, #8a6d2f 0%, #5c4a1e 100%);
}

.seller-avatar-bg-8 {
    background: linear-gradient(145deg, #3a5c48 0%, #264033 100%);
}

/* Fill IMARKED store card image area */
body.imarked-v1 .im-home-stores .biz-img .seller-logo-fallback {
    position: absolute;
    inset: 0;
}

body.imarked-v1 .im-home-stores .biz-img:has(.seller-logo-fallback)::after {
    z-index: 3;
}

/* Sellers listing grid cards */
.product-image-container .seller-logo-fallback {
    position: absolute;
    inset: 0;
    min-height: 140px;
}

.product-image-container:has(.seller-logo-fallback) {
    position: relative;
    min-height: 140px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

/* Compact local-business slider cards */
body.imarked-v1 .im-local-biz-logo .seller-logo-fallback {
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

body.imarked-v1 .im-local-biz-logo .seller-logo-fallback-initials {
    font-size: 15px;
}